Mayo的前端技术记录与生活

我们平时写的 .vue 文件称为 SFC(Single File Components)。vue 会先对 .vue 文件进行解析，分成 template、script、styles、customBlocks 四个部分，称为 descriptor。之后，再对这四个部分分别进行编译最终得到可以在浏览器中执行的 .js 文件。本文介绍将 SFC 解析为 descriptor 这一过程。

十一的时候自己发生了摩托车事故，第一次走了一遍交通事故理赔流程。中间有些波折，但最后总算处理完毕了，在这里记录一下。

最近接了一个需求，很简单，就是起一个server，收到请求时调用某个提供好的接口，然后把结果返回。因为这个接口的性能问题，同时在请求的不能超过特定数目，要在服务中进行限流。

限流的要求是，限制同时执行的数目，超出这个数目后要在一个队列中进行缓存。

最近读了Nicholas大神的另一本书。这本书比较久了，不涉及ES6的部分。虽然ES6中的class更加适合面向对象编程。但这本书中的构造函数，原型，继承等也是非常需要了解的。这里只记下了读的过程中觉得不熟悉的地方，因此只适合自己看，算是一个备忘录吧。

最近接手一个项目时，注意到其package.json中的依赖有的书写方式没见过，这里学习了一下package.json中dependency的不同写法。

在做网页的性能监控时，首屏加载时间是必不可少的统计项。但是到底如何算是首屏呢？怎么能更好的统计首屏时间呢？lighthouse中的First Meaningful Paint或许能给我们启发。

vue在2.0版本中引入了virtual-DOM，其实现复刻了开源库snabbdom，最近看了一下snabbdom的源码。snabbdom从0.6.0版本开始使用了TypeScript，本文使用的是0.5.4使用JavaScript的版本。

这两天在自己的博客上启用了全站https，把过程在这里分享一下。

diff算法在Virtual-DOM中用于比较两个VNode树之间的不同，得到patch对象，之后根据patch对象来对真实DOM树进行修改。本文以React为例，介绍diff算法的过程。

在普通页面中，点击浏览器的返回按钮，在返回到上一页时会处在上次浏览的位置。单页面应用中，由于始终是同一个页面， 因此需要自行实现页面返回时的锚点。Vue-router的Scroll Behavior可以用于解决这个问题，但是只能应用在HTML5 history模式。本文实现了在hash模式下的锚点跳转。