摘要：
一、防抖 概念：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 场景：等待用户输入完毕再进行搜索 思路：每次触发事件时都取消之前的延时调用方法 const debounce = fn => { let timeout = null; // 创建一个标记用来存放定时 阅读全文
摘要：
数组是js中最常用到的数据集合，其内置的方法也很多，熟练掌握这些方法，可以有效的提高我们的工作效率，也对我们的代码质量有很大影响。 一、创建数组 1、使用数组字面量方法 var arr1 = []; // 创建一个数组 var arr2 = [20]; // 创建一个包含1项数据为20的数组 var 阅读全文
摘要：
很多时候，使用vue开发的项目，由于es6无法在低版本浏览器上运行，所以我们需要将es6转换为浏览器支持的es5来兼容低版本的浏览器(比如Chrome46以上，Firefox46以上，IE11等)。 在这里我们使用的是@babel/polyfill来进行转换： 1、安装@babel/polyfill 阅读全文
摘要：
常见场景：点击列表详情，跳转到详情内页，传递id参数获取详情数据。 我们先来看看路由跳转的几种方式： 1、通过params方式传参 通过$route.push的path携带参数方式(路由配置中指定参数) // 路由配置 { path: '/detail/:id', //若id后面加?代表这个参数是可 阅读全文
摘要：
在写页面的时候，我们经常会需要用到关于文本的换行，强制换行以及显示几行超过显示省略号等，今天我们就对这些问题来做个汇总吧！ 1、自动换行 2、强制不换行 3、强制英文单词换行 4、单行文本不换行多余文本显示省略号 5、多行文本超出隐藏多余文本显示省略号 6、table表格中单元格单行文本不换行 阅读全文
摘要：
对于目前的图片懒加载，我们一般采用的是通过第三方库或懒加载库来实现，但是该方式的显著问题就是，必须按顺序执行： 1、加载初始的 HTML 响应内容 2、加载懒加载库 3、加载图片 假如浏览器能直接支持懒加载，那是最好的，这一想法也不是不可能哦！从Chrome 75开始，我们可以通过切换两个开关来手动 阅读全文