想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。（实现起来并不复杂，该教程只是提…

公司组织了体检，在医院发现可以使用身份证快捷打印体检单，觉得很方便，但仔细一看，打印效果极差。 注：如直接调用Ctrl + P，则是打印当前的视口，可以选择打印机及打印机纸张，这显然不满足业务要求；若调用window.print()，则只能将css写在html上一起传到打印机，…

Vuex作为vue中核心的状态管理组件，时常遇到编写繁琐的问题。是否我们可以通过一套方案就可以达到只定义数据结构而不需要写无数的mutation getter 以及action。 所以，原则上我们是让vuex变的更加轻量和简单。 Super-Vuex 能够帮你完成这些工作。我们…

没多少人能记住上面的定义，需要注意的是本文不是专业讨论系统架构的文章，笔者也还没到那个水平. 所以暂时没必要纠结于什么是架构模式、什么是架构风格。在这里尚且把它们都当成一个系统架构上的套路, 所谓的套路就是一些通用的、可复用的，用于应对某类问题的方式方法. 可以理解为类似“设计…

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…

命名规范 : 使用大写字母和下划线来组合命名，下划线用以分割单词。 同时还需要注意：必须符合自定义元素规范: 切勿使用保留字。 作用域不大临时变量可以简写，比如：str，num，bol，obj，fun，arr。 循环变量可以简写，比如：i，j，k 等。 多个特性的元素应该分多行…

这可能是80%Vue友最常见的一个使用子组件的模式，没错，我也经常这么干...如果你用腻了这种方式，想换个新奇的，接着往下走，我们再学习两个不常用的但又很高效的使用方式，提升开发逼格。 想象一下一个会员中心组件，有一部分区域用来展示会员与会员差异的相关展示模块，但是这两个只会展…