摘要:
js 函数节流和防抖 throttle 节流 应用场景 触发mousemove事件的时候, 如鼠标移动。 触发keyup事件的情况, 如搜索。 触发scroll事件的时候, 譬如鼠标向下滚动停止时触发加载数据。 coding 方法1 防抖 方法2 闭包 防抖 debounce 防抖 应用场景 win 阅读全文
摘要:
前言 前面两章已经介绍怎么开发一个chrome插件和怎么使用vue搭建一个弹出框的chrome插件,这一章来实现页面元素选择的功能,效果如下图,鼠标放到元素上,元素会高亮: 主要实现思路,创建一个和页面一样宽高的蒙层,监听蒙层的鼠标移动事件,再使用elementFromPoint函数来获得当前鼠标所 阅读全文
摘要:
遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力,尤其是百度不会抓取动态脚本 Vue Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充 Vue单页面又是大势所趋,写起来也不止是一个爽,当然也可以选择多页面 但即使是多页面在面对文章和文 阅读全文
摘要:
数组和对象的拷贝方式有很多,此处只针对扩展运算符...对数组和对象的深拷贝方式进行说明。 还介绍一篇深拷贝的方法深拷贝的终极探索 用扩展运算符深拷贝数组:直接粘贴代码: 当数组是一维数组时,扩展运算符可以进行完全深拷贝,改变拷贝后数组的值并不会影响拷贝源的值。但是,当数组为多维时: 由上可见,我们不 阅读全文
摘要:
GitHub 地址,欢迎star,查看更多整理的前端知识 for...in for...in 语句以任意顺序遍历一个对象的可枚举属性。 for...in 遍历对象本身的所有可枚举属性,以及对象从其构造函数原型中继承的属性。 variable 在每次迭代时,将不同的属性名分配给变量。 object 被 阅读全文
摘要:
简介:简单实现react redux基础api react redux api回顾 <Provider store>把store放在context里,所有子组件可以直接拿到store数据 connect([mapStateToProps], [mapDispatchToProps], [ 阅读全文
摘要:
定义 正则表达式是用于匹配字符串中字符组合的模式。 创建正则表达式 两种方式: 1.new RegExp() i:忽略大小写 g:全局匹配,即模式被应用于所有字符串,而非匹配到第一项时立即停止 m:多行匹配 y:执行“粘性”搜索,匹配从目标字符串的当前位置开始,可以使用y标志 2.字面量(以下栗子均 阅读全文
摘要:
vue 源码自问自答 响应式原理 最近看了 Vue 源码和源码分析类的文章,感觉明白了很多,但是仔细想想却说不出个所以然。 所以打算把自己掌握的知识,试着组织成自己的语言表达出来 不打算平铺直叙的写清楚 vue 源码的前因后果和全部细节,而是以自问自答的形式,回答我自己之前的疑惑, 如果有错误的地方 阅读全文
摘要:
背景 在上一篇博客[[译]前端基础知识储备——Promise/A+规范](https://segmentfault.com/a/11...,我们介绍了Promise/A+规范的具体条目。在本文中,我们来选择了promiz,让大家来看下一个具体的Promise库的内部代码是如何运作的。 promiz是 阅读全文
摘要:
以下这一篇说明的很详细:彻底理解0.1 + 0.2 === 0.30000000000000004的背后 0.1+0.2 === 0.3 //返回是false, 这是为什么呢?? 我们知道浮点数计算是不精确的,上面的返回式实际上是这样的:0.1 + 0.2 = 0.30000000000000004 阅读全文