JiaPeng366的博客

谷歌浏览器访问摄像头

1、概念防抖：指在事件被触发的n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时。节流：指在单位时间内，只能有一次触发事件的回调函数执行，如果在同一单位时间内事件再次被触发，则不生效。2、应用场景防抖：表单验证需要服务端配合，如input输入用户名，需要在输入过程中查询该用户是否注册过，连续的输入事件只有最后一次执行请求操作。节流：检测浏览器的resize事件，根据resize的变化需要实时计算的大小和位置的场景。连续的事件调用，会变成每单位时间只触发一次回调。3、函数实现函数防抖的实现

今天记录一下自己写的H5嵌套到原生app后，与原生app交互的方法。我在开发中的使用场景是这样的：用户在H5页面输入手机号，输入完后去手机通讯录查找，如果有就把通讯录存的名字拿过来，下面是代码。//输入手机号的input框失去焦点时，先判断手机号是否符合手机号规则，如果符合就调用下面的getPhoneName方法。//根据手机号查询通讯录中的名字 触发与原生交互function getPhoneName(phone){ // 判断时苹果手机还是安卓手机，因为不同手机交互方法不一样。 if(/(

今天记录一下上周写的一个js功能，数字千分位加逗号的方法，网上查了一下，有很多方法，下面把我使用的方法记录下来。function thousands (num) { if (num) { var str = num.toString() var reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g return str.replace(reg, '$1,') } els

今天记录一个小问题，最近get到的一个方法，不太常用，记录一下，增强记忆吧。之前在vue项目中，也经常使用select标签，也经常用change事件，经常用的change事件中，一直有个默认参数，就是选中的选项的信息，最近一个需求除了需了选中项信息外，还需要其他的参数，今天记录一下这种传参方式，直接上代码。// 普通用法，没有自定义参数@change="handleChange()"handleChange (value) { // value 是change事件默认传的信息}// 需要

最近写录入车牌号的功能，产品让实现输入字母自动转化为大写，其实这个很容易实现，也有很多种方法实现，我是在vue项目中写的，今天记录一下我的实现方式，顺便带出来一个知识点”深度监听“。<div id="app"> <input v-model="addCarData.plateNumber" type="text" name=""></div>data: { addCarData: { plateNumber: '' }},watch: {

今天分享给大家的是玉珏(jue)图，本周做技术预言，看到设计里有个好看又奇怪的图，然后echart、heightChart找了一遍，并没有找到demo，百度查了一圈，还是没找到demo，不过看了一遍文章受到启发，决定自己写个demo。首先看下设计图首先看到的是四分之三圆。然后在四分之三圆中有个类似进度条的圆弧。只能用canvas画了，下面直接上代码...

今天总结一下js种跳出循环的方法(return, break, continue)，并分别介绍一下用法、特点和区别。1、return语句首先来说return语句，return不只能用来跳出循环，一般常用在函数内部，来停止函数执行，并返回一个东西，今天只介绍他在跳出循环时的用法。for (var i = 1; i <= 5; i++) { if (i === 3) { return; } console.log(i); // Uncaught SyntaxError: Il

今天说一下js中 0.1 + 0.2 不等于 0.3 的问题有些同学没有遇到过这类问题，想试试的同学可以试一下下面的代码console.log(0.1 + 0.2); // 0.30000000000000004console.log(0.3 - 0.1); // 0.19999999999999998是不是很有意思，为什么会出现这样的情况呢，简单总结一下其实不光加法和减法运算，乘法和除法也会出现这样的情况，有人说是不是js计算有问题，当然不是，js这么厉害的语言怎么会有这种低级错误，总的来

前几天一个前端的朋友拿出来一道题，特别有意思，随意改动一下就会有意想不到的结果，答错两次之后，发现自己在js执行顺序的掌握上还是有所欠缺。研究了几天，总算是明白了，在此特别感谢简书上的一篇文章，讲的很详细，让我有种恍然大悟的感觉。文章最后会把文章链接附上。故事是从一道题开始的 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');

干前端这么多年，项目中也用了好多正则表达式，感觉有必要整理一个自己的正则表达式库，记录并经常维护，方便自己以后的使用。最后一次维护时间2020-07-02_numberReg: /^[0-9]*$/, // 数字_lengthNumberReg: /^\d{n}$/, // n位数字_minLengthNumberReg: /^\d{n}$/, // 至少n位数字_textReg: /^[\u4e00-\u9fa5]{0,}$/, // 汉字

从概念上来说event.target 返回触发事件的元素event.currentTarget 返回绑定事件的元素只看这两句话不够直观，下面看代码<div id="btn">click me</div><script type="text/javascript"> var btn = document.getElementById('btn'); btn.onclick = function (event) { c

1、for循环最基本的循环方式，也是速度比较快，效率比较高的循环方式，var arr = [1,2,3,4,5];for (var i = 0; i < arr.length; i++) { console.log(arr[i]);}2、forEach循环历数组中的每一项，没有返回值，对原数组没有影响，不支持IE，break无法跳出循环，retrun只能跳出当前循环，无法终止循环。var arr = [1,2,3,4,5];arr.forEach(function (item, i

上篇文章提到了对象的浅拷贝和深拷贝，当时深拷贝使用的是最简单的方法，如下JSON.parse(JSON.stringify(obj))这个方法能实现简单数据的深拷贝，但是对于复杂对象还是有局限性的，比如说会把时间对象转化成字符串，会丢失函数等等。今天亲自封装一个方法，来实现深拷贝。原理就是先判断各个字段类型，然后用递归解决嵌套数据。// 获取数据类型， js获取数据类型也有很多方法，我用了比较严谨的方法。const getObjType = obj => { var toString =