在紧张的一个星期的整理，笔者的前端小组每个人都整理了一篇文章，笔者整理了Vue编译模版到虚拟树的思想这一篇幅。建议读者看到这篇之前，先点击这里预习一下整个流程的思想和思路。 本文介绍的是Vue编译中的parse部分的源码分析，也就是从template 到 astElemnt的解…

前几天美化博客时发现滚动条在window下实在太难看，所以在基于vue的技术上寻找美化滚动条的方法。记得Element-ui源码中有名为 el-scrollbar 的滚动组件，虽然文档上没有提到，但使用的人还是不少。今天记录下源码的阅读心得。 在看苦涩的代码前，先大概描述一下滚…

笔者现在是一个大三快要实习的学生，最近在学习 Vue 的时候感觉自己学了很多的东西但是没有什么实质性的进步，感觉达到了一个瓶颈，但自认为还没有达到可以深挖 Vue 源码的功力，所以打算开始剖析 Element-ui 的源码，希望可以借此深入 Vue，后面我也会开始 Vue 的源…

3. Promise 4. 节流防抖 5. 路由 4. 高手的源码 （vuejs源码） 5. 高手点评 0. 根据package.json的npm run build逻辑找到vue执行的入口

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 一个静态的，在页面上的message消息。 可以看到message是通过 position: fixed;定位到页面上。 我们的组件是包裹在transition name="el-mes…

为锻炼封装组件得能力，我打算研究Elment UI组件，学习人家的设计和代码。 本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 第一个想研究的就是Button组件，是我们最常用也最熟悉的，对标官方文档中介绍的Button特性，我们一个…

clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下拉菜单、Popover 弹出框等组件中都用到了该指令，所以这个指…

Element UI 是世界级最优秀的UI框架之一。这个优秀的框架有哪些我们学习的优点呢？这篇文章将分享作者在查看这个框架仓库源码中认为值得参考的技巧。

ElementUI作为当前最流行的Vue组件库，以其丰富多样的组件和可配置化程度高吸引着众多的开发者；今天我们就深入它的源码，看一下它内部众多组件究竟是如何来实现的，以便我们在今后的开发中写出通用化程度更高的组件，同时也加深对其组件用法的理解。 可以看出，Element的使用范…