toBeTheLight

本文适用环境为 NodeJs v12 和 2019 年 11 月 19 日最新版 Chrome。 无法使用 await 将测试代码恰好阻塞到 catch 在 Event Loop 中被调用后的时机，从而检测到 catch 的执行，通过测试。 而使用“神奇”一词则是因为 prom…

上一次参加 GMTC 还是 2017 年。那时的我还是刚刚参加工作并在试用期辞职的菜鸟。 2017 年的 GMTC 还是真正的 Global Mobile Tech Conference，2019 年的会议早已经把英文全称去掉，改称全球大前端技术大会。 2017 年的 GMTC…

在打开一个新窗口时，由于浏览器的安全机制，用户未始终允许的情况下，可能会触发到浏览器拦截，无法正常直接弹出。 网上有很多给出解决方案的只言片语，不够全面，所以针对自己遇到的问题做了详细的情况分析。总结成文，避免以后混淆。 只分析列举使用 js 代码手动打开新窗口的方式。 使用 …

熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置，但是为了满足我们的项目需求还是要自己进行配置，不过我们可以使用一些 webpack 的预设值。同时 webpack 也拆成了两部分，webpack 和 webpack…

长文，梳理优化措施的作用位置。 此文主要讲的事情是如何让用户快点看到首屏页面，其主要影响因素是延迟和解析渲染耗时。有关安全部分其实也是优化的一部分。我们着重说下网络部分。 大致过程：DNS 域名解析、建立 TCP 连接、下载资源、解析页面。文章描述的优化会尽量限制在当时的分析的…

Vue的主要原理中主要用到了定义的这么几个函数Dep，Watcher，observer。 我们来使用这几个函数简单的实现一下vue构造函数数据绑定和相互依赖部分，梳理一下它们之间的关系。 省略了编译部分和proxy代理与其他的一些复杂逻辑。 劫持过程中，在闭包内创建对当前属性的…

Event Loop也是js老生常谈的一个话题了。2月底看了阮一峰老师的《Node定时器详解》一文后，发现无法完全对标之前看过的js事件循环执行机制，又查阅了一些其他资料，记为笔记，感觉不妥，总结成文。 浏览器中与node中事件循环与执行机制不同，不可混为一谈。 浏览器的Eve…

昨天发现vue-cli 3.x的英文文档出来了，花了一晚上阅读了一遍并做了翻译。相对于前一版本的vue-cli配置简单条理了，功能同时丰富了很多，同时阅读vue-cli 3.x的使用说明可以解决一些vue开发过程中会遇到的用法相关的问题。