用vue全家桶开发一年多了，踩过不少坑，也解决了很多的问题，把其中的一些点记录下来，希望能帮到大家。以下内容基于最新版的vue + vuex + vue-router + axios + less + elementUI，vue脚手架是vue-cli3。 vue 为了防止 cs…

没有业务场景的功能都是耍流氓，那么我们先来模拟一个需要实现的业务场景。假设我们要做一个后台系统添加商品的页面，有一些商品名称、信息等字段，还有需要上传商品轮播图的需求。 我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思路都差…

中间因为弄比较复杂的在线聊天，耽误了一个月，抱歉。先说下结果，目前已经在多个环境下经过验证，包括ios、Android、微信公众号、微信小程序(对，小程序也能搞纯H5项目)，都是较复杂的业务，全都是在webview下的纯H5单页项目，能够完美解决我们业务上的需求。 在npm上推…

之前做了一个React项目和Vue的项目，在做完后不加任何优化的情况下，这2个项目的首屏加载平均时间居然达到了20+s，好一点能进10s，差一点快30s，完全不能忍，优化势在必行，本文章记录下Vue项目的优化过程，React项目的优化后续补上。 上图是Vue项目的首页，整个项目…

当前的项目多数以组件化开发,状态管理库使得组件间状态管理变得非常方便。 1. 订阅发布模块 这个模块实际上是观察者模式,是一种一对多的依赖关系,当对象的某种状态发生改变,所有依赖它的对象都将得到通知,触发已经注册的事件. 2. 核心LibStore类 核心LibStore类需要…

2 事件，主要是当鼠标移动的时候，显示滚动条。 其中state表示状态，是在运行时可发生改变的，而 ops 则是配置参数，是用户传过来的。 取得子组件的dom元素，用来取得dom的实时信息。 resizeVBarTop,为了防止误差，并且可以求出滚动条距离父元素的高度。 监听滚…

1.Github 创建项目，本地创建切换到 docs 分支，通过 VuePress 构建文档项目（写一些文档），上传至 Github。 2.Travis CI 自动 clone 后安装依赖、编译、上传至 Github master 分支。 3.通过 GitHub Pages 功…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…