Wang的专栏

核心API: Object.prototype.toString.call

AOP (Aspect Oriented Programming) 面向切面编程, 主要实现目的是针对业务处理过程中的切面进行提取，它所面对的是处理过程中的某个步骤或者阶段，以获得逻辑过程中各部分之间低耦合性的隔离效果

设计一个简版前端统计 sdk

可以使用懒人每做几件事，就要休息一会儿，并且不会影响做事的顺序这种场景来模拟, 定义单例名称为: lazyMan, 支持 sleep 和 eat 两个方法, 支持链式调用

实现两个对象的深度比较，模拟 lodash.isEqual() 写出一个简单的方案, 如果地址不一样，属性一样，则判定相等

区分 on, once合理的数据结构，比算法优化更有效。

去重，就是去除重复的选项，得到一组唯一的选项集合的过程上述整理了14条去重方式，大同小异，只是实现方式上的区别注意: 在前端或者说javascript中的集合，是可以使用不同的数据类型的所以，需要注意上述方法中的一些适用场景。

【代码】前端小技巧: 数组的 reduce 方法的五种常见用途。

1 ）一般思路, 先实现一级扁平化，然后递归，直到全部扁平。2 ）基于 Array的concat方法和递归实现, 优化方案1。 3 ）使用reduce实现。4 ）基于String的toString方法和递归实现。5 ）直接使用toString方法即可拍平成字符串，再转成数组即可，方案4的优化版本。 6 ) 使用 Array的 flat() 方法, 注意参数的使用，可以用 Infinity 代替具体的层数。

【代码】前端小技巧: 防抖和节流的区别。

找到parentNode，加入其children。遍历数组，生成 tree node。

{} 创建空对象，原型指向 Object.prototype。Object.create 创建空对象，原型指向传入的参数。

【代码】前端小技巧: TS实现深拷贝函数，考虑 Map, Set, 循环引用。

绑定 this传入执行参数分析：如何在函数执行时，绑定this如：const obj = {x: 100, fn() {this.x}}执行obj.fn(), 此时fn内部的this就指向obj可以借次来实现函数绑定 this用 call 实现 apply, 用 apply 实现 call 不可取原生 call apply 的 this 如果是值类型sing，会被 new Object(…)Symbol 的作用，是防止属性之间的冲突。

【代码】前端小技巧: TS实现柯里化函数。

在访问浏览器的时候，发生了什么？输入网址浏览器查找域名对应的ip地址浏览器给Web服务器发送一个http请求服务端处理请求服务端发回一个http请求浏览器收到响应信息关于URL统一资源定位符 scheme://login:password@address:port/path/to/resource/?query_string#fragmentscheme：...

chrome插件开发案例分享，通过chrome插件来给我们系统页面添加辅助功能，即发送一些需要的数据和进行一些浏览器本地的存储功能。仓库地址chrome-plugin-example@githubChrome 插件中manifest.json的主要设置{ "permissions": [ "http://localhost:3000/*"...