我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。 组件库依赖在npm上管理，组件库以项目根目录的 index.js 作为出口导出，文件中导入了项目中所有的组件，并提供组件安装方法。 组件库并不导出编译完成后的依赖文件，业务系统使用时，安装依…

最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。 既然领导发话，那就开干。。 拖动的实现基于 vuedraggable的插件开发。 主页为两栏流式布局，每一个组件可以在上下拖动，也可以左右拖…

以前经常做手机H5，喜欢做成vue单页应用，这样在开发微信相关应用时，往往因为单页应用在苹果和安卓上对于浏览器每个页面的url机制不一样，经常导致页面签名失败的问题。还有经常从其他应用带参数跳到单页应用的某个页面而加载整个单页应用，还需要处理路由和权限等繁琐的东西，那么为什么不…

对于vue多页面配置，可以说cli2-cli3，是一个从0到1的过程，想起cli2的不堪回首，cli3是香的不是一丁半点；虽然cli3本身提供了pages多页面的入口配置，但是想要灵活的根据配置去适应结构，还是需要一些操作，避免后期不停的修改；本文就配合node做一个灵活配置以…

在 Vue 项目中，引入到工程中的所有 js 文件，编译时都会被打包进 vendor.js，也就导致了 vendor.js 文件体积变得相当臃肿，一定程度上影响着页面的渲染。为了减少编译后的体积，提高页面渲染速度，我们可以通过引入 CDN 链接把库分离，多线程异步 js 库，从…

代码组织的优雅，模块化才能够做好。 Routes: RouteConfig的出口，其它模块都从这里获取route配置，从而达到解耦的目的，尤其是不同的views里面的路由跳转，使用Routes配置达到解耦的目的。 注意： 这只是个思路，具体的操作还要灵活运用。 如果 props…

在经过初始化阶段之后，即将开始组件的挂载，不过在挂载之前很有必要提一下虚拟Dom的概念。这个想必大家有所耳闻，我们知道vue@2.0开始引入了虚拟Dom，主要解决的问题是，大部分情况下可以降低使用JavaScript去操作跨线程的庞大Dom所需要的昂贵性能，让Dom操作的性能更…

之前讲到Vue在渲染机制的优化上，引入了Virtual DOM的概念，利用Virtual DOM描述一个真实的DOM,本质上是在JS和真实DOM之间架起了一层缓冲层。当我们通过大量的JS运算,并将最终结果反应到浏览器进行渲染时，Virtual DOM可以将多个改动合并成一个批量…

如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员，那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易，或许这也是很多初学者选择vue的原因之一。 我们看到很多招聘上都写着掌握vue开发项目，那么面试都会问什么…