![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
礼拜八
这个作者很懒,什么都没留下…
展开
-
密码强度正则
密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符,特殊字符只能是!@$%^*?~var pPattern = /^(?=.*\d)(?=.*[A-Za-z])(?=.*[!@$%^*?~])[\u4E00-\u9FA5A-Za-z0-9!@$%^*?~]{8,16}$/;console.log("=="+pPattern.test("11111~1?1a"));...原创 2022-01-17 15:00:27 · 1595 阅读 · 0 评论 -
检测二维数组内元素是否全相同
//检测二维数组内元素是否全相同function isAllEqual(array) {if (array.length > 0) {return !array.some(function (value, index) {if(index > 0){return value[0] !== array[index-1][0] || value[1] !== array[index-1][1];}});} else {return true;}}...原创 2021-04-09 14:36:37 · 1408 阅读 · 0 评论 -
Vue this-$event事件
原创 2020-03-06 13:59:33 · 2071 阅读 · 0 评论 -
js 百度地图自定义弹出信息窗口
效果图主要代码varhtml="<divclass='infoBoxContent'><divclass='title'>详情</div><divclass='infoBox-content'>"+"<divclass='line'><divstyle='float:left;'>&l...原创 2020-03-02 17:20:55 · 2667 阅读 · 2 评论 -
Echarts柱状图-Y轴分上下两行显示文字(避免文字遮挡)
// 创建图表配置数据this.options = { title: { left: 'center', text: this.title, }, tooltip:{ trigger:"axis" }, legend:{ data:[], y:'bottom' }...原创 2019-11-25 14:31:26 · 3260 阅读 · 0 评论 -
Vue 默认选中 Layui select
方法一:<select class="form-control" name="method" data-itemid="{{ $index }}"> <template v-for="option in methodOptions"> <option :value="option" v-if="option == api.method"...原创 2019-05-29 10:09:07 · 944 阅读 · 0 评论 -
onClick 单引号+双引号:传参的转义问题
示例:var data="111";1.外部双引号:var html="<div onclick=\"showData(' " + data + " ')\">AAA</div>";2.外部单引号:var html='<div onclick="showData(\' ' + data +' \')">AAA</div>';注...原创 2019-07-02 09:04:40 · 5676 阅读 · 0 评论 -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
在百度 js API开发过程中,需要创建多点,并分贝给每个店添加事件监听,弹出信息框,但是,以下代码只能往地图中添加标注,却无法弹框。var point = {lng : 116.404 , lat : 39.915};var marker = new BMap.Marker(point,{icon:myIcon}); // 创建标注bmap.addOverlay(marker); // ...原创 2019-07-05 09:38:27 · 3377 阅读 · 2 评论 -
echarts柱状图的数据差距过大,显示太难看,如何解决
如图所示,在echarts图表展示时,会遇到数据量差距过大的情况,出现这种情况后,过小的数据不仅会影响美观性,往往还会影响交互(比如,点击事件等)option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }...原创 2019-09-20 15:18:11 · 27054 阅读 · 4 评论 -
Layui表单select 获取option的自定义属性
在Layui里面给了特定几个自定义属性title<select name="aa" lay-filter="selectClassify"> <option value="">请选择分类</option> <option v-for="x in classifyList":value="x.id" :title="x.name" :...原创 2019-04-25 15:12:21 · 8720 阅读 · 2 评论 -
关于js/vue小数点失精算法修正
今天用vue做小数点转换百分比的时候遇到:0.55*100 =55.00000000000001,起初以为是vue计算方式有问题,后来想到js有小数点失精的问题,结果测试了一下果然是这个问题:js失精算法console.log(0.1+0.2); //0.30000000000000004console.log(0.07*100); // 7.000000000000001...原创 2019-05-05 16:06:09 · 6085 阅读 · 0 评论 -
Input 输入框限制只能输入数字或者带有两位小数的数字
限制只能保留两位小数点<input type="text" onkeyup="clearNoNum(this)"/>元clearNoNum:function(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 obj.value = obj.value...原创 2019-04-18 08:24:30 · 4018 阅读 · 0 评论 -
verify.js纯前端验证码插件
这是一款极简洁的表单校验插件,属于半封装模式,只需引入插件,即可任意编写业务逻辑代码,简单方便易修改。首先引入js,需提前引入jquery,然后引入verift即可使用<script src="js/verify.js"></script>普通验证码 <h3>普通验证码</h3><div id="demo1"&原创 2018-12-29 09:27:09 · 12815 阅读 · 6 评论 -
前端实现百分比进度条
随着html5的普及,各种css3动画及js特效在网页中也是层出不穷,PC端加载数据的速度还是比较快的,但是对于移动端设备而言则相对要慢不少,如果图片或者脚本没有加载完,用户在操作中就可能发生各种问题,因此我们需要对数据加载进行侦测,以更加人性化的方法将网页程序内容展现给用户,实现更佳的用户体验。1.定时器实现进度条优点:解决大部分加载进度问题缺点:一旦有了缓存,定时器加载就变得鸡肋了...原创 2019-01-25 13:59:00 · 10358 阅读 · 1 评论 -
纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持
纯前端解码、播放、录音、编码 AMR 音频,无须服务器支持,基于amr.js 和 RecorderJs。特性方便的 API 实现解码、播放、录音、编码 AMR 文件。 支持 url 和 blob (即<input type="file">)方式获取 AMR。 支持将浏览器 <audio> 所支持的音频格式(例如 MP3 或 OGG 音频)转换成 AMR 音频。...原创 2019-02-22 16:53:31 · 8587 阅读 · 2 评论 -
如何刷新页面不保留上次input所选或所填的值?
比如一些输入数量或日期的input框,还有就是一些单选框和一些复选框,第二次进入页面,该input输入框都会显示一个上几次所选或所填的值,但是有时候我们需要刷新的时候进行清空还原默认的操作,我们可以这样:<input name="demo" value="" autocomplete="off"/>重点就是这个属性:autocomplete="off"...原创 2019-03-26 09:25:21 · 7301 阅读 · 1 评论 -
基于layer的图片弹出展示,默认原大小展示。图片太大则等比例缩小
/*** * html:<img src="img/1.jpg" onclick="showimg('img/1.jpg');"> * 图片弹出展示,默认原大小展示。图片大于浏览器时下窗口可视区域时,进行等比例缩小。 * src 图片路径。必须项 * imgHeight 图片显示高度,默认原大小展示。图片大于浏览器时下窗口可视区域时,进行等比例缩小。 * imgW...原创 2019-04-02 14:53:22 · 2775 阅读 · 0 评论 -
jquery+ajax分页, 判断总共多少页
var rowSize;//总数据条目数var pageSize = 10;//每页条数,默认为10条var currentPageIndex = 1;//当前的页,默认为第一页var pageNum = 1;//总共需要展示的页数$.ajax({ url: "url", type: "Post", dataType: "json", success: ...原创 2019-04-02 16:44:50 · 908 阅读 · 0 评论 -
解决 Layui + Vue 动态渲染数据在 IE下 form.render() 无效 问题
前阵时间写了一遍关于 "layui+vue实现select动态加载后台数据" 的文章,用setTimeout +layui.form.render() 的方式来局部刷新的方式重新渲染页面,代码如下var new Vue({ el:"#app", data:{ items:null }, mounted:function () { this....原创 2019-04-22 10:12:52 · 1655 阅读 · 0 评论 -
前端js实现登录时右滑验证
前端js实现登录时右滑验证实现的效果:滑块验证部分代码实现的效果:本实例基于 网上verify.js插件,根据自己项目需求修改。大家下载verify.js后直接粘贴代码到对应的文件,便可直接运行。滑块验证部分代码// html部分代码 <div id="demo"></div>// css部分代码 /*常规验证码*/.verify-code { fo...原创 2018-12-28 17:33:53 · 2768 阅读 · 0 评论