摘要：
一、计算属性：computed 模板内的表达式非常便利，但放入太多的逻辑会让模板过重且难以维护，所以，对于复杂的逻辑，可以使用计算属性 computed。 1、基本用法 HTML 代码： JS 代码： 以上代码中声明了一个计算属性 rmsg，提供的函数将用作属性 vm.rmsg 的 getter，v 阅读全文
摘要：
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数，结合相应系统，在应用状态改变时，Vue 可以智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 一、插值 1、文本 数据 阅读全文
摘要：
一、什么是生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。 二、生命周期钩子 1、创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时还没初始化好 data 和 methods 属性 created：实例已在内存中创建，此时 data 和 methods 已经 阅读全文
摘要：
一、querySelector() 的定义 querySelector() 方法选择指定 CSS 选择器的第一个元素 querySelectorAll() 方法选择指定的所有元素 二、与 getElementBy 的区别 这两个新添加的 API 与 getElementById() / getEle 阅读全文
摘要：
一、类的定义 ES5 构造函数的写法： function Point(x, y) { this.x = x; this.y = y; } ES6 引入了 Class（类），通过class关键字，可以定义类。 class Point { constructor(x, y) { this.x = x; 阅读全文
摘要：
一、什么是 Promise Promise 对象用于表示一个异步操作的最终状态（完成或失败）以及返回的值。 二、Promise 的状态 1、pending 进行中 2、fulfilled 已成功 3、rejected 已失败 Promise 的状态只有两种可能，从 pending 变为 fulfil 阅读全文
摘要：
一、什么是同源？ 同源是指域名、协议和端口均相同。 二、什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源（只要域名、协议和端口有任一个不同，就被当作是跨域） JavaScript 出于安全方面的考虑，不允许跨域调用其它页面的对象 几种常见场景： 不同文件：www.abc.com/ 阅读全文
摘要：
$.ajax() 基本用法： $.ajax({ url: url, // 地址 data: data, // 参数 type: 'POST', // 提交方式 可以选择 post/get 推荐 post async: false, // 同步异步 dataType: 'json', // 返回数据类 阅读全文
摘要：
一、什么是JSON? JSON（javascript object notation）全称是 javascript 对象表示法，是一种数据交换的文本格式，用于读取结构化数据，提出目的是取代繁琐笨重的 XML 格式。 二、JSON的语法规则 JSON的语法可以表示以下三种类型的值: 1、简单值 简单值 阅读全文
摘要：
一、GET 一个简单的 GET 请求： xmlhttp.open("GET","demo_get.asp",true); xmlhttp.send(); 在上面的例子中，可能得到的是缓存的结果。 为了避免这种情况，需要向 URL 添加一个唯一的 ID： xmlhttp.open("GET","dem 阅读全文
摘要：
一、什么是Ajax Ajax 的全称是 Asynchronous JavaScript and XML（即异步的 JavaScript 和 XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 二、Ajax的优缺点 1、优点： 通过异步模式，提升了用户体验 优化了浏览器和服务器之间 阅读全文
摘要：
1、Array.from() 用于将两类对象转为真正的数组 let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5 的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b 阅读全文
摘要：
一、数组的创建 1、使用 Array 构造函数 var arr1 = new Array(); // 创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("lily","lucy","Tom"); // 创建一 阅读全文
摘要：
一、属性的简洁表示法 ES6 允许直接写入变量和函数，作为对象的属性和方法 let a = 1; let b = 2; let es5 = { a: a, b: b }; // 等同于 let es6 = { a, b }; 上面代码表明，ES6 允许在对象之中，直接写变量。这时，属性名为变量名, 阅读全文
摘要：
一、函数参数的默认值 1、基本用法 ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China' 阅读全文
摘要：
一、新增二进制和八进制的表示 ES6 提供了二进制和八进制数值的新写法，分别用前缀 0b/0B 和 0o/0O表示。 0b111110111 503 // true 0o767 503 // true 二、新增 Number.isFinite() 和 Number.isNaN() 与传统的全局方法 阅读全文
摘要：
一、新增 flags 属性 ES6 为正则表达式新增了 flags 属性，会返回正则表达式的修饰符 1、ES5 的 source 属性 返回正则表达式的正文 /abc/ig.source // "abc" 2、ES6 的 flags 属性 返回正则表达式的修饰符 /abc/ig.flags // ' 阅读全文
摘要：
一、ES6 模板字符串 传统的 JavaScript 输出模板通常是这样写的： let firstName = 'Will'; let lastName = 'Smith'; let name = 'My firstName is：' + firstName + ',my lastName is：' 阅读全文
摘要：
解构赋值是对赋值运算符的扩展，可以将属性/值从对象/数组中取出，赋值给其他变量 一、数组的解构赋值 1、基本用法 只要等号两边的模式相同，左边的变量就会被赋予对应的值 let [a, [[b], c]] = [1, [[2], 3]]; a // 1 b // 2 c // 3 let [a, , 阅读全文
摘要：
一、let 1、基本用法 ES6 新增了let命令，用来声明变量。 let 的用法类似于 var，但所声明的变量只在 let 命令所在的代码块内有效（一个“{}”相当于一个代码块） { let a = 123; var b = 123; } a // ReferenceError: a is not 阅读全文