前端日刊君来也

159 阅读2分钟
每天努力的日刊君 - 2017.11.25
EveryDay为小伙伴们推荐 3 篇有质量的前端技术文章,让你每一天都收获满满
还在等什么,和日刊君一起把~
The Next Day is Always a New Day



Vue.js

在 Vue.js 中使用 Mixin

又是一篇 css-tricks 的文章,正好 zcfy 上面的也有一篇翻译
估计有同学会和 react mixins (以及后面的高阶组件) 对比,后续我们也会有专门的文章分析给大家
                                                                                                                                                    mixins 简单地说就是可以复用,文中也有一个 paulpflug 的 vue-mixins 的 ts 例子
mixin 可以是一个对象,包含生命周期的方法,如果和组件的生命周期重名了,优先会注册 mixin 上的
当然也有同样的生命周期调用 methods 以及一些全局 mixin 的情况


链接:
zcfy.cc/article/usi…
css-tricks.com/using-mixin…

Vue.js

Vuejs 2.0 源码解析之渲染篇

来自腾讯前端的一篇文章
图文并茂,喜欢源码学习的同学可以看看,里面也提到了:
render 函数执行生成 VNode 对象
通过 patch 方法,对比新旧 VNode 对象,通过 DOM Diff 算法,添加、修改、删除真正的DOM元素


链接:
mp.weixin.qq.com/s/-ykt8u1N5…

Webpack

玩转 webpack(一):webpack的基本架构和构建流程

对于一个每天你都在使用的模块打包工具,你熟悉它吗?
作者基于 3.6.0 版本,里面介绍了 webpack 的构建流程,最早其实有一个 alicdn 的流程图,可以对比一下,一般分为 3 个阶段:
webpack 准备阶段
modules 和 chunks 的生成阶段
文件生成阶段



欢迎关注我们的公众号: