白露就是我

在 JavaScript 中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。 数组扁平化有很多方法，但最终最好的方法就是递归，实现一个指定深度的扁平化方法，这样基本的套路都会了解。 递归实现很简洁易懂…

Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。 配合无痕模式，可以避免chrome插件的影响。 1. 录制查看 下面部分是网页快照，浏览器按照一定时间间隔截取。 2. 实时查看 Paint Flashing 高亮显示网页中需要被…

用于比较对象解构和点操作访问的消耗时间，测试环境是Safari 11.1.2，采样数据是随机采取，剔除显而易见的跳跃数据。 我分别测试了循环10次，100次，1000次，10000次，1000000次，10000000次的对象访问，可以发现随着循环次数增加，消耗时间是指数增长的…

js代码分为同步任务和异步任务。 同步任务会进入主线程，异步任务会进入Event Table（事件表），当事件表中的异步任务完成后会在Event Queue（事件队列）中注册回调函数。 主线程任务全部完成后，才会完成Event Queue中的任务。 js解析器会不断地重复检查主…

1. HTML → DOM树 （解析html） DOM全称为文档对象模型Document Object Model，其中一个DOM节点对应一个标签，Dom树即表示了HTML的文档结构。转化过程如下图所示： 令牌化：浏览器把字符转化成W3C HTML5 标准指定的各种确切的令牌，…

在项目中用 Redux 的时候，有时候就觉得会用，但是不明白为什么这样用。导致在 debug 的时候，无法快速的 debug 出原因。而且 Redux 的源码也不复杂，暴露出来的只有 5 个 API，可以作为很好的阅读源码的开端，所以在这里很开心可以和大家一起来探索 Redux…

上一篇我们讲了同步链式处理数据函子的概念。这一节，我们来讲异步。用到的概念很简单，不需要有函数式编程的基础。当然如果你看了那篇 《在你身边你左右 --函数式编程别烦恼》 会更容易理解。这一篇我们会完成一个Promise代码的编写。本文会从实现一个只有十几行代码能够解决异步链式调…

这两个API在实际的业务场景中几乎非常少的使用，至于具体的场景可能还需要大家来挖掘了。看起来每一个API都有一些其他的API可模拟，可使用，它们具体的内涵就是在于拦截，执行，返回结果。Proxy（代理）从字面上来看，这应该很好理解，就像nginx一样，将请…

Java 设计模式合集之代理模式