9.1. 模板编译 Vue在挂载实例前，有相当多的工作是进行模板的编译，将template模板进行编译，解析成AST树，再转换成render函数，而有了render函数后才会进入实例挂载过程。对于事件而言，我们经常使用v-on或者@在模板上绑定事件。因此对事件的第一步处理，就是…

Higher-Order-Components(HOC) react中用的相对多一点，vue的话，嵌套template有点。。别扭, 可以看出用了hook之后，我们把关于position的逻辑都放到一个自定义的hook--useMousePostion 中，之后复用是很方便的，…

在一个页面中我们可以把页面的一部分拆成一个组件，可以是一个按钮或者是一个导航栏。在一开始编写代码的时候还没有组件这一说，慢慢地我们从开始编写面向过程的代码到面向对象的代码再到组件化的代码，一步步进化到组件。 这是一开始实现的jquery代码，将button和li的click事件…

三年来，我设计的 Web 应用程序都没有使用 .css 文件。作为替代，我用 JavaScript 编写了所有的 CSS。 我知道你在想什么：“为什么有人会用 JavaScript 编写 CSS 呢？！” 这篇文章我就来解答这个问题。 开发者们已经创建了不同风格的 CSS-in…

其实这里子组件是拿到了更新后的值，如果template中的是{{message.age}}是可以显示出18的，但是项目中是传的options，子组件有个echart的setOptions操作，并不是直接将prop的数据展示，所以demo写成这样。这里是可以分析出问题所在的，子组…

技术栈vue-cli3.0:使用脚手架工具创建项目postcss-pxtorem:转换px为rem的插件自动设置根节点html的font-size因为rem单位是相对于根节点的字体大小的，所以通过设置

在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

作为一个做 SPA 起家的框架，Vue 的开发学习曲线较为平缓，相对来说，开发体验属于上乘。但不少初学者会发现，自己的站点，随随便便打包文件就有 10M ！难以置信，其实这跟 Vue 的性能没有太大关系，我们可以通过配置文件来大大改善这一情况。 它的作用是实现延迟加载，避免一次…

在离职的最后一个月，帮两位同事申请加薪，确切的说，申请加薪是导火索，我被扣上了哄抬同事工资以提高自己工资的帽子，在推动前后端分离工作中处处碰壁，点燃了压抑许久的离职冲动，领导培养自己四五年，不让声张，答应悄悄离开。 离开时原来公司项目里剩下很多问题没有解决，现在自己还在做vue…