Mayo的前端技术记录与生活

最近读了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模式下的锚点跳转。

Virtual-DOM是现在前端框架中比较火的一个话题。不仅在React中使用，Vue2.0中也使用了Virtual-DOM。诚然Virtual-DOM对服务器端渲染有很大帮助，但本文主要从数据流方面来看Virtual-DOM带来的变化。

4月7号，终于拿到了驾本。记录一下，希望能帮助到其他想增驾的朋友。

如果想要使用webpack打包一个开发库供其他人使用，需要进行相应的配置。
学习了一下，记录下来，其实主要是翻译的官方文档。