在平时的项目开发中，我们只需要知道 dependencies 和 devDependencies 的区别就好了，环境依赖放在 devDependencies 里，非环境依赖放在 dependencies 。但是在涉及到开发一个 npm 包的时候，我们就需要深入了解 package.json 里依赖相关字段的区别了。

1、模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。2、模块加载会阻塞接下来代码的执行，需要等到模块加载完成才能继续执行——同步加载。

AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。目前，主要有两个Javascript库实现了AMD规范：require.js 和 curl.js。这里介绍 require.js。既然是模块，就涉及到两个通用的问题：1. 模块如何定义。2. 模块如何加载。

node 是 javascript 语言的一个执行环境，可以直接执行 javascript 代码。随着前端技术的需要，在 javascript 语言的基础上扩展发明了 typescript 语言，typescript 语言是 javascript 扩展而来的一个超集。typescript 的语法检查能帮助提高编程的效率和减少出错率，...

无论是 Vue 还是 React，都有组件的概念。组件，顾名思义就是能和别人组合在一起的物件。在前端页面开发过程中，将一个页面划分成一个个小的模块，每个模块单独定义，每个模块就是一个组件。组件还可以进行复用，A 页面和 B 页面有一个相似的模块，可以抽离成一个可...

以上是 Vuex 官网 对 Vuex 的描述，乍一看会有些懵。在上篇博客 Vue 简单状态管理—store 模式 中介绍过 简单 store 模式的状态管理。可以对应 store 对象中的 state 属性存储的就是组件的共享数据状态，因此，state 属性的存在就是上述定义中的 集中存储管理应用的所...

状态管理也就是数据状态管理，vue 应用程序的各组件之间经常需要进行通信，除了 v-on、EventBus 等通信方式外，可以采用数据共享的方式进行通信。这种简单的数据共享模式就是 store 模式。

Vue Router 里的编程式导航简单来说，就是，如果我们不用 <a> 标签来定义导航链接，那该如何跳转页面呢？那就需要使用 JavaScript 编程语言来操控接口进行导航。

在上篇博客 前端路由 中是根据原生的 Web API 手动构建的前端路由器。在 Vue 框架中，Vue 官方有提供对应的路由管理器，就是 Vue Router。无论是哪种前端路由管理工具，实现思路基本是一致的。因此在学习 Vue Router 的使用方法时，应从 路由表、路由链接、路由内容...

早在 ajax 技术出现以前，网页的运行模式就是在服务器端写好所有的静态页面，用户通过在浏览器输入不同的 url，浏览器负责向对应的 url 地址发送请求，服务器端响应请求，将对应的静态页面返回给浏览器，浏览器收到静态页面负责解析后显示给用户。此时的网页应用，用...

组件间通信简单来说就是组件间进行数据传递。就像我们日常的打电话，就是通讯的一种方式，你把话说给我听，我把话说给你听，说的话就是数据。电话就是通讯方式的一种。无论是 Vue 还是 React ，都得进行组件间通信。Vue 组件间通信的方式介绍如下。

Vue 框架早已经不是 MVVM（Mode-View-View-Model） 双向绑定了。早在 Vue 1.0 时代，Vue 在刚出世的时候的确是 MVVM 双向绑定。自 Vue 2.0 以来，Vue 就不再是双向绑定了，而是像 React 一样是单向绑定 MV（Model-View）了。但是，在 Vue 中仍保留了双向绑定的接口，...

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

作者简介：阮一峰，70年代生于上海。毕业于上海财经大学，经济学博士，同时也是程序员，个人博客访问量过千万，译有《黑客与画家》、《软件随想录》。目前供职于一所上海本地高校。本文为阮一峰笔记体博客文集《如何变得有思想？》和《一个寻找作者的读者》的代序。

shift+鼠标左键进行放大缩小.

在 Vue 框架下的代码中，很少用到原生 DOM 操作，那是因为在 Vue 中将原生 DOM 操作都封装成了指令，例如我们前面见到的 <div v-text="xxx"></div> 指令，其实其内部操作就是：

.sync 修饰符算是 Vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。

template 模板标签里包含的内容是要渲染在页面的内容，是 XML 语法格式，不是 HTML 语法格式，XML 和 HTML 语法基本类似，但是 XML 比 HTML 更加严格些，如在闭合标签这一块，XML 严格要求单标签必须闭合，如 <input/>，但在 HTML 中，单标签可闭合可不闭合，...

computed 即计算的意思，是创建 vue实例 中的计算属性，属性值为一个对象，对象里面是各种计算得来的数据变量，和 data 属性里面的变量一样

getter和setter 方法是以 get 和 set 关键字来为对象添加虚拟属性的一种方式。这种属性其实并不真实存在，而是以取值函数 getter 和存值函数 setter 来模拟的一种属性。目的是对某个属性设置存值函数和取值函数，拦截该属性的存取行为，以便于对该属性的存取做一些限...