Vue 实例(6)
构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： var vm = new Vue({ // ...
Category: 前端
模板语法(7)
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是...
计算属性(8)
计算属性 模板内的表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div ...
Class 与 Style 绑定(9)
Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bin...
条件渲染(10)
v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： <!– Handlebars 模板 –> ...
列表渲染(11)
v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， ...
事件处理器(12)
监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例： 方法事件处理器 许多事件处理的逻辑都很复...
表单控件绑定(13)
基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v...
使用组件(14)
什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组...
如何使用Vue2做服务端渲染(15)
花费了一个月时间，终于在新项目中成功部署了vue2服务端渲染（SSR），并且使用上了Vuex 负责状态管理，首屏加载时间从之前4G网络下的1...
ES6 全套教程 ECMAScript6 (原著:阮一峰)(1)
ES6 前言 ES6是JS(JavaScript)的一个版本标准， 前端教程共编系统 收录此教程， 遵从“保持署名—非商用”创意共享4.0许...
ECMAScript 6简介(2)
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得...
let 和 const 命令 (3)
let和const命令 let命令 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所...
变量的解构赋值 （4）
变量的解构赋值 数组的解构赋值 基本用法 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructur...
字符串的扩展 （5）
字符串的扩展 ES6 加强了对 Unicode 的支持，并且扩展了字符串对象。 字符的 Unicode 表示法 JavaScript 允许采...
正则的扩展 （6）
RegExp构造函数 在ES5中，RegExp构造函数的参数有两种情况。 第一种情况是，参数是字符串，这时第二个参数表示正则表达式的修饰符（...
数值的扩展 （7）
二进制和八进制表示法 ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 0b111110111 =...
数组的扩展 （8）
Array.from() Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历...
函数的扩展 （9）
函数参数的默认值 基本用法 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y...
对象的扩展 （10）
属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 var foo = ‘bar’; var baz...
Symbol （11）
概述 ES5的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin模式）...
Set和Map数据结构 （12）
Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来...
Proxy （13）
概述 Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程...
Reflect （14）
概述 Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 （1）...
Promise 对象 （15）
Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实...
Iterator和for…of循环 （16）
Iterator（遍历器）的概念 JavaScript原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6又...
Generator 函数的语法 （17）
基本概念 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍Generator 函数的...
Generator 函数的异步应用 （18）
异步编程对 JavaScript 语言太重要。Javascript 语言的执行环境是“单线程”的，如果没有异步编程，根本没法用，非卡死不可。...
async 函数 （19）
含义 ES2017 标准引入了 async 函数，使得异步操作变得更加方便。 async 函数是什么？一句话，它就是 Generator 函...
Class （20）
Class基本语法 概述 JavaScript语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。 function Point...
修饰器 Decorator （21）
类的修饰 修饰器（Decorator）是一个函数，用来修改类的行为。这是ES7的一个提案，目前Babel转码器已经支持。 修饰器对类的行为的...
Module 的语法 （22）
概述 历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语...
Module 的加载实现 （23）
上一章介绍了模块的语法，本章介绍如何在浏览器和 Node 之中加载 ES6 模块，以及实际开发中经常遇到的一些问题（比如循环加载）。 浏览器...
编程风格 （24）
本章探讨如何将ES6的新语法，运用到编码实践之中，与传统的JavaScript语法结合在一起，写出合理的、易于阅读和维护的代码。 多家公司和...
读懂 ECMAScript 规格 （25）
概述 规格文件是计算机语言的官方标准，详细描述语法规则和实现方法。 一般来说，没有必要阅读规格，除非你要写编译器。因为规格写得非常抽象和精炼...
二进制数组 （26）
二进制数组（ArrayBuffer对象、TypedArray视图和DataView视图）是 JavaScript 操作二进制数据的一个接口。...
SIMD 单指令，多数据 （27）
概述 SIMD（发音/sim-dee/）是“Single Instruction/Multiple Data”的缩写，意为“单指令，多数据”...
参考链接 （28）
官方文件 ECMAScript® 2015 Language Specification: ECMAScript 2015规格 ECMASc...
JavaScript 中函数的定义和调用
3种函数定义方式： 1、使用关键字 function 来声明并定义函数 function myFunction(a, b) { return...
js自动下载指定路径下excel,word等文件
js自动下载指定路径下excel,word等文件
js实现给定图片路径自动下载
js实现图片自动下载 1.添加img标签 <img id=’downImg’ src=” style=’display: none;...
