随笔分类 - JavaScript
摘要：节流原理 如果持续的触发事件，每隔一段时间，只执行一次事件 应用场景 DOM元素的拖拽功能实现 射击游戏 计算鼠标移动的距离 监听scroll滚动事件 underscore中的防抖函数_.throttle contant.onmousemove = _.throttle(doSomeThing, 2
阅读全文
摘要：防抖的定义： 事件响应函数在一段时间后才执行，如果在这段事件内再次调用函数，则重新计算执行时间 不防抖的危害： 发送过多的请求，服务器瘫痪 影响性能，出现卡顿 防抖的应用场景： scroll 事件滚动触发 搜索框输入查询 表单验证 按钮提交事件 浏览器窗口缩放，resize事件 ####Unders
阅读全文
摘要：例如： 输入：[10,9,2] 输出：9210 let arr = [10,2,13,61,90]; function fn(list){ //将数组中的数字转化为字符串 let hh = list.map((item)=>{return item.toString()}); let cc = 0;
阅读全文
摘要：bind() ES5新增方法 主要作用：将函数绑定到某个对象中，并且有返回值（一个函数），可用于函数的柯里化，对于不同模块配置不同的参数 function getConfig(color, size, otherConfig){ console.log(color, size, otherConfi
阅读全文
摘要：1.找出数组中的最大值 let arr = [1, 2, 3, 4, 8, 10] let maxArr = Math.max.apply(null, arr) console.log(maxArr) // 10 2.将类数组转换为真正数组 function fn(){ console.log(ar
阅读全文
摘要：需求： 点击el-switch时，出现提示弹框，点击确定，状态改变 实现： 给switch禁用，添加@click事件 click添加Vue修饰符.native，保证事件能执行 本例 0为启用，1为停用 效果：
阅读全文
摘要：###1.问题描述 不知道小伙伴们有没有在注册全局组件的时候不断的import,十分想写个循环将公共组件注册，require.context()函数就是能满足这个愿望 ###2.require.context()是什么 是一个webpack的API,当我们想从一个文件夹下引入多个文件的时候，就可以使
阅读全文
摘要：今天项目中遇到一个截取字符串中的月份问题，再将月份作为路由参数传递到其他组件进行搜索，记录一下 ###1. 使用parseInt() let str = "7月份"； let num = parseInt(str); console.log(num); //7 使用局限性：只能截取开头为数字的字符串
阅读全文
摘要：import Mock from 'mockjs' Mock.mock('http://localhost:8081/works',{ 'list|30':[{ 'id|+1' : 1, //id自增 'name': '@integer(100,500)', 'imgurl' : Mock.Rand
阅读全文
摘要：事件流介绍 js操作css称为脚本化的css，js与html交互通过事件完成 事件就是文档或浏览器窗口中发生一些特定的交互瞬间 事件流（事件传播）描述的是从页面中接收事件的顺序 事件流的历史 如果单机了某个按钮，他们认为单机事件不仅仅发生在按钮上，甚至是单机了整个页面 IE和Netscape提出完全
阅读全文
摘要：function add(num1,num2){ var num = num1+num2; if(num2 >= 100){ return num; } return add(num,num2+1); } var sum = add(1,2);
阅读全文
摘要：##offset 偏移量 offsetParent 元素自身有fixed定位，offsetParent 是null <div id="box" style="position:fixed;"></div> <script> var box =document.getElementById("box"
阅读全文
摘要：###使用Set对象去重(ES6) Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 var arr = ["apple","apple","banana","banana","pear","pear"]; var mySet = new Set(arr); console.lo
阅读全文
摘要：###数组排序直接使用sort() var values = [0,3,2,15,16,10]; //sort()排序 升序或者降序 默认升序 values.sort(); //[0, 10, 15, 16, 2, 3] 发现结果并不是想要的 原因： //比较时会转换成字符串 比较的是ASCLL编码
阅读全文
浙公网安备 33010602011771号