Mayo写字的地方

人生难得是欢聚

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带来的变化。

阅读全文 »

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

阅读全文 »

验证某个模式是否获得预期的匹配结果并不难,但如何验证它不会匹配到你不想要的东西就没那么简单了。

阅读全文 »

之前在模仿qq首页的时候,有一个菜单弹出的窗口。

菜单分两部分,一部分是一直显示的,一部分是隐藏的。在鼠标进入到菜单上时,打开隐藏部分的按钮会变色,点击按钮会显示隐藏的菜单部分。

在制作这个过程中遇到了mouseover事件和mouseenter事件的不同,在这记录下来。

阅读全文 »
0%