I am ne zha / Jeskson
I am ne zha / Jeskson
Vue.js 特点 简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。 数据驱动： 自动追踪依赖的模板表达式和计算属性。 组件化： 用解耦、可复用的组件来构造界面。 轻量： ~24kb min+gzip，无依赖。 快速： 精确有效的异步批量 DOM 更新。 模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。
Vue.js 安装 独立版本 直接下载并用 标签引入，Vue 会被注册为一个全局变量。 Vue.js 官网下载地址：http://vuejs.org/guide/installation.html 我们可以在官网上直接下载生产版本应用在我们项目中。 或者可以使用本站的静态资源 CDN 库(1.0.11版本)： http://static.runoob.com/assets/vue/1.0.11/vue.min.js NPM 安装 在用 Vue.js 构建大型应用时推荐使用 NPM 安装: ``` # 最新稳定版本 $ npm install vue # 最新稳定 CSP...
创建第一个 Vue 应用 接下来我们创建第一个 Vue 应用。 View 层 - HTML 代码如下： ``` {{ message }} ``` Model 层 - JavaScript 代码如下(需放在指定的HTML元素之后)： ``` new Vue({ el:'#app', data: { message:'Hello World!' }...
双向数据绑定 接下来我们创建一个 view 层 HTML 文件：vueapp.htm，以及 model 层文件：vueapp.js，然后通过 vue.js（使用v-model这个指令）完成中间的底层逻辑，实现绑定的效果。改变其中的任何一层，另外一层都会改变。 参考文档 官网：http://vuejs.org/ 官方文档：http://cn.vuejs.org/examples/
由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。这意味着变量可以在声明之前使用，这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全局代码的开头位置。
```js bla = 2 var bla; // ... // 可以隐式地（implicitly）将以上代码理解为： var bla; bla = 2; ```
```js function do_something() { console.log(bar); // undefined var bar = 111; console.log(bar); // 111 } // is implicitly understood as: function do_something() { var bar; console.log(bar); // undefined bar =...
```js 声明并初始化两个变量： var a = 0, b = 0; 给两个变量赋值成字符串值： var a = "A"; var b = a; // 等效于： var a, b = a = "A"; 留意其中的顺序： var x...
作为程序员，你或许听说过这两个术语：解释（interpret）和 编译(compile)。在解释型语言中，代码自上而下运行，且实时返回运行结果。代码在由浏览器执行前，不需要将其转化为其他形式。代码将直接以文本格式（text form）被接收和处理。 相对的，编译型语言需要先将代码转化（编译）成另一种形式才能运行。比如 C/C++ 先被编译成汇编语言，然后才能由计算机运行。程序将以二进制的格式运行，这些二进制内容是由程序源代码产生的。 JavaScript 是轻量级解释型语言。浏览器接受到JavaScript代码，并以代码自身的文本格式运行它。技术上，几乎所有 JavaScript 转换器都运用了一种叫做即时编译（just-in-time compiling）的技术；当 JavaScript 源代码被执行时，它会被编译成二进制的格式，使代码运行速度更快。尽管如此，JavaScript 仍然是一门解释型语言，因为编译过程发生在代码运行中，而非之前。
使用场景：为了减少首屏代码体积，往往会把一些非首屏的组件设计成异步组件，按需加载。路由的组件就是异步组件。 组件功能多时，打包结果会很大，异步加载组件可以实现文件的分割加载 import( url) 语法或 require 语法 可以自定义 loading、resolve、reject、timeout 4 种状态