模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

工欲善其事必先利其器，所以先介绍环境和依赖，让你少吃版本的亏。 到这里，我们组件其实就已经可以使用了，基本的轮廓有了，下面继续添枝加叶。当我们缩放屏幕的时候，这时的图表可不会自动缩放啥的。好的，不卖关子了，当容器大小改变时，应该去调用resize()函数，改变图表尺寸，屏幕缩放…

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…

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

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 实际上，axios可以用在浏览器和 node.js 中是因为，它会自动判断当前环境是什么，如果是浏览器，就会基于XMLHttpRequests实现axios。如果是node.js环…

我们先来看看 官方文档中keep-alive 的用法。 max: 最多可以缓存多少组件实例。(2.5.0 新增, 一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉) keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁他们。…

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…

路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样 简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 1. hash 模式 随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器…

例如在coma和comb都有一个input都有对应的value，如果我们不用keep-alive，当更改visible的时候，这两个组件都会重新渲染，先前输入的内容就会丢失，会执行一遍完整的生命周期流程:beforeCreate => created...。 但是如果我们用了k…