前端技术
小虎哥-技术博客
只要努力,没有达到不了的地方
展开
-
前台内容显示经常会产生的存储型XSS高危漏洞
比如:评论功能,在用户回复时输入 <details open ontoggle=alert(1)> ,提交后会弹出下图,原因就是没有对内容输出做html实体化处理。用 htmlentities 函数,把一些字符转换为 HTML 实体。原创 2023-09-08 11:06:18 · 179 阅读 · 0 评论 -
Vue--- 中 async与await的使用
很多时候我没有很多业务,需要依次调用多个后台接口,并且后一个接口需要依赖前一个接口的响应结果,如果上一个接口挂了,后一个接口也就不需要调用了。举例说明手机话费充值,给定一个输入框,当用户输入完号码,输到11位的时候,自动调用获取号码所属地,然后根据所属地列出所有的可充值的面额。普通写法methods: { // 获取所属地 getLocation(phoneNum) { return axois.post('/location', {phoneN.转载 2021-08-26 15:52:47 · 351 阅读 · 0 评论 -
layer获取兄弟之间的窗口对象,并给予赋值和提取内容
假设有个页面,点击页面里面的按钮弹窗layer的open窗口A,比如: layer.open({ type: 2, title: '第一个兄弟窗口A', id: "iframe_A", fixed: true, //不固定 shadeClose: false, shade: 0.3, maxmin: false, //开启最...原创 2021-08-05 11:41:37 · 518 阅读 · 0 评论 -
js异步提交form表单之serialize()方法及FormData对象(上传附件)
serialize()和FormData对象都可将表单数据序列化,后通过ajax异步提交,但二者有实质区别:1 serialize() serialize()是JQuery方法,可序列化表单值创建 URL 编码文本字符串,就是将表单数据以字符串的形式返回。 缺点:只能序列化一般数据,文件上传则无法序列化。 用法: <form id="form"> <input type="text" name="name" value="">...转载 2021-07-28 14:27:30 · 1261 阅读 · 0 评论 -
百度UEditor控件中的map组件不支持https使用的问题解决
最近项目部署到了https环境下,使用的UEditor富文本编辑器中的map组件出现了问题,控制台报了一堆错误,主要是mixed content.. ,就连百度的官网上也同样是有这些问题,汗。。没有办法,只能四处搜索解决问题的答案。。。第一点收获:https是安全传输协议,在这个协议下传输的网页不允许包含http协议这类不安全的内容。HTTPS页面里动态的引入HTTP资源,比如...转载 2018-10-10 16:53:54 · 1260 阅读 · 0 评论 -
文本框限制输入字数的JS
HTML代码:其中:class="ui-text" 、class="ui-input"、data-num="48"、class="ui-textTips",是必不可少的。 <div class="div-p ui-text"> <ul><li></li><li>原创 2018-04-02 11:31:06 · 2055 阅读 · 0 评论 -
jquery clone(true)和clone()的区别
jquery clone(true)和clone()的区别 clone(true)方是复制一个元素及其所有事件, clone()方法是复制一个元素,不包含其所有事件原创 2013-08-20 10:03:35 · 692 阅读 · 0 评论 -
jquery中获取下拉框的文本值
获取下拉框的属性值:$(this).val(); 获取下拉框的文本值:$(this).find('option:selected').text();原创 2013-08-20 10:04:11 · 1110 阅读 · 0 评论 -
jQuery+layer+clipboard实现复制到剪贴板的功能,兼容各大主流浏览器
最近在研发微信公众平台的后台管理,上传永久素材时会用到复制到剪贴板的功能,想着提升用户体验,也方便自己后台的操作。于是在网上找了发现有个插件可以实现,有些网友也分享了示例,但还是不能满足我的需求,便琢磨了如何结合 jQuery+layer+clipboard,利用layer消息框实现复制到剪贴板的功能,美观又兼容性好,下面分享效果图以及实现代码。示例:https://pan.baidu.com/s...原创 2018-03-02 09:56:23 · 5314 阅读 · 2 评论 -
JavaScript 获取当前时间戳的方法
在网上找了很久JS获取时间戳的方法,很多都走了很多弯路,但是得到是的时间戳却不正确,下面把自己整理的几个JS获取时间戳的方法发到这里,供我的好友分享。JavaScript 获取当前时间戳:第一种方法:var timestamp =Date.parse(new Date()); 结果:1280977330000第二种方法:var timestamp = (new Date原创 2013-08-20 09:59:55 · 803 阅读 · 0 评论 -
javascript保留小数点,四舍五入
function returnFloat0(value) { //将小数点清零 value = Math.round(parseFloat(value)); return value; }function returnFloat1(value) { //保留一位小数点 value = Math.round(parseFloat(value) * 10原创 2013-08-20 10:00:00 · 747 阅读 · 0 评论 -
一个小小弹出层提示框
一个小小弹出层提示框,弹出三秒后自动关闭,根据具体情况而定位置var showMsg = function( _msg ){ $('').attr('id', 'showMsg') .css({position: 'absolute', margin:'-28px 0 0 110px', padding: '5px 25px', 'font-size': '14px'原创 2013-08-20 10:04:01 · 795 阅读 · 0 评论 -
常用的JavaScript自定义函数大全
// JavaScript Document常用的JavaScript自定义函数大全/**********************对标签或表单元素的操作(开始)**********************/function getRadioValue(className) { //获取单选框被选中的值 var objArr = document.getElementsBy原创 2013-08-20 09:59:45 · 767 阅读 · 0 评论 -
javascript中的in_array()在数组中查找元素值
in_array()的功能与php中的in_array()一致//在数组中查找元素值function in_array(v, a) { var i; for (i = 0; i < a.length; i++) { if (v === a[i]) { return i; } } return -1;} // 返回-1表示没找到,原创 2013-08-20 10:03:40 · 805 阅读 · 0 评论 -
javascript获取当前时间(年-月-日 时:分:秒)
javascript获取当前时间(年-月-日 时:分:秒) var getCurrentDateTime = function() { //获取当前时间 var now= new Date(); var _month = ( 10 > (now.getMonth()+1) ) ? '0' + (now.getMonth()+1) : now.getMonth()原创 2013-08-20 10:03:56 · 1083 阅读 · 0 评论 -
javascript中模仿php的serialize和unserialize序列化函数
/* phpserializer.js - JavaScript to PHP serialize / unserialize class. * * This class is designed to convert php variables to javascript * and javascript variables to php with a php serialize u原创 2013-08-20 09:59:40 · 1815 阅读 · 0 评论 -
Javascript--刷新页面的多种方法
Javascript刷新页面的几种方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(locatio原创 2013-08-20 10:02:59 · 808 阅读 · 0 评论 -
教你用js超简单实现页面自动控制图片的宽度和高度
在图片里加句简单的js轻松实现页面自动控制图片的宽高度,使图片不变形拆开后的代码:同时控制高度和宽度: onload="if(this.height>75){ this.height=75; }else{ if(this.width原创 2013-08-20 10:06:41 · 1454 阅读 · 0 评论