es6

吴声子夜歌

Vue3——过度和动画效果Vue.js内置了一套过渡系统，该系统是Vue.js为DOM动画效果提供的一个特性。它在插入、更新或者移除DOM时可以触发CSS过渡和动画，从而产生过渡效果。

吴声子夜歌

Vue3——表单元素绑定v-model会根据控件类型自动选取正确的方法来更新元素。在表单中，最基本的表单控件类型是文本框。文本框分为单行文本框和多行文本框。下面介绍将文本框中输入

吴声子夜歌

Vue3——元素样式绑定在HTML中，定义DOM元素的样式可以使用class属性和style属性。在Vue.js中，对元素样式的绑定实际上就是对元素的class和style属性进行操作，class属性用于定义元素的类名列表，style属性用于定义元素的内联样式。使用v-bind指令可以对这两个属性进行数据绑定。在将v-bind用于class和style时，相比于HTML，Vue.js为这两个属性做了增强处理。除了字符串，表达式的结果类型还可以是对象或数组。本章主要讲解Vue.js中的样式绑定，包括class属性绑定和内联样式绑定

程序员buddha

深入理解ES6 Promise在 JavaScript 中，异步操作（如网络请求、文件读取、定时器）通常通过回调函数处理。但多个异步操作依赖或串行时，会出现回调地狱：

吴声子夜歌

ES6——Module详解历史上，JavaScript一直没有模块(module)体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的require、Python的import，甚至连CSS都有＠import，但是JavaScript没有任何这方面的支持，这对于开发大型的、复杂的项目形成了巨大障碍。

吴声子夜歌

Vue3——条件判断指令v-if指令可以根据表达式的值来判断是否输出DOM元素及其包含的子元素。如果表达式的值为true，就输出DOM元素及其包含的子元素；否则，就将DOM元素及其包含的子元素移除。

吴声子夜歌

ES6——对象的扩展详解ES6允许直接写入变量和函数作为对象的属性和方法。这样的书写更加简洁。上面的代码表明，ES6允许在对象中只写属性名，不写属性值。这时，属性值等于属性名所代表的变量。下面是另一个例子。

程序员buddha

ES6 迭代器与生成器在 ES6 之前，遍历一个数据集合（比如数组、对象、Map、Set）往往需要不同的方式：for、for...in、``Array.prototype.forEach` 等。ES6 引入了一套统一的迭代协议，让任何数据结构都可以被标准地遍历。而生成器则是创建迭代器最便捷、最强大的工具。

吴声子夜歌

ES6——Calss详解JavaScript语言的传统方法是通过构造函数定义并生成新对象。下面是一个例子。上面这种写法跟传统的面向对象语言（比如C++和Java）差异很大，很容易让新学习这门语言的程序员感到困惑。

吴声子夜歌

ES6——二进制数组详解二进制数组（ArrayBuffer对象、TypedArray视图和DataView视图）是JavaScript操作二进制数据的一个接口。这些对象早就存在，属于独立的规格（2011年2月发布），ES6将它们纳入了ECMAScript规格，并且增加了新的方法。

吴声子夜歌

ES6——正则的扩展详解在ES5中，RegExp构造函数只能接受字符串作为参数。S6允许RegExp构造函数接受正则表达式作为参数，这时会返回一个原有正则表达式的拷贝。

吴声子夜歌

ES6——Generator函数详解Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。对于Generator函数有多种理解角度。从语法上，首先可以把它理解成一个状态机，封装了多个内部状态。

吴声子夜歌

ES6——Set和Map详解ES6提供了新的数据结构——Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。

吴声子夜歌

ES6——异步操作和async函数详解所谓“异步”，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好准备再回过头执行第二段。

吴声子夜歌

ES6——数组的扩展详解Array.from方法用于将两类对象转为真正的数组：类似数组的对象(array-like object)和可遍历(iterable)对象（包括ES6新增的数据结构Set和Map）。

吴声子夜歌

ES6——Iterator和for...of循环详解JavaScript原有的表示“集合”的数据结构，主要是数组(Array)和对象(Object)，ES6又添加了Map和Set。这样就有了4种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map,Map的成员是对象。这样就需要一种统一的接口机制来处理所有不同的数据结构。

吴声子夜歌

ES6——Symbol详解ES5的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，能够保证每个属性的名字都是独一无二的就好了，这样就能从根本上防止属性名冲突。这就是ES6引入Symbol的原因。

来一颗砂糖橘

吃透 ES6 扩展运算符（...）：从表面语法到底层逻辑，避开所有坑在前端开发中，有三个点 ... 出现的频率极高。不管你是写 React/Vue，还是处理日常的数组对象，都离不开它。很多人对它的认知停留在 “用来替代 concat 拼接数组” 或者 “用来浅拷贝”。但实际上，扩展运算符背后的机制非常精妙。今天，我们就拔开这层迷雾，从“能看懂”到“能玩透”。## 一、它的两个身份：展开 vs 收集首先，... 在不同场景下，扮演着完全不同的角色。我们可以用一个简单的比喻：拆快递 vs 装快递。

吴声子夜歌

ES6——函数的扩展详解ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。可以看到，ES6的写法比ES5简洁许多，而且非常自然。下面是另一个例子。

酉鬼女又兒

零基础快速入门前端ES6 核心特性详解与蓝桥杯 Web 考点实践(可用于备赛蓝桥杯Web应用开发)ES6（ECMAScript 2015）是 JavaScript 的一次重大更新，为前端开发带来了更简洁、更强大的语法。在蓝桥杯 Web 方向竞赛中，ES6 新特性几乎是必考内容，掌握它们能帮助你高效处理字符串、数组、对象，写出更优雅的代码。本文将从你提供的代码片段出发，系统梳理 ES6 中常用的扩展写法，并结合蓝桥杯常见考点进行拓展，每个知识点都附有汇总表格和代码实例。