ES6 之 解构赋值

本博文配合 阮一峰 《ES6 标准入门(第3版)》一书进行简要概述 ES6 中变量的解构赋值。 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 ES6 以前,为变量赋值,只能直接指定值。 ES6 允许写成下面的样式。 该代码表示,可以从数组中 ... »

js async await 终极异步解决方案

既然有了promise 为什么还要有async await ? 当然是promise 也不是完美的异步解决方案,而 async await 的写法看起来更加简单且容易理解。 回顾 Promise Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值。 Promise 对象 ... »

ES6 Iterator for...of

区别 (1)传统for循环:语法不够简洁 (2)ES5 forEach循环:不能正确响应break,continue,return (3)for...in循环:为普通对象设计,不适于遍历数组 可遍历对象 实现了[Symbol.Interator]方法的对象,例如数组,绝大多数类数组(NodeList ... »

前端开发数据mock神器 -- xl_mock

1、为什么要实现数据 mock 要理解为什么要实现数据 mock,我们可以提供几个场景来解释, 1、现在的开发很多都是前后端分离的模式,前后端的工作是不同的,当我们前端界面已经完成,但是后端的接口迟迟不能提供 前端很多时候都会等接口。 2、测试人员想要你提供一份可以直接测试,自行修改后端接口,测试 ... »

ES6 学习笔记之四 对象的扩展

ES6 为对象字面量添加了几个实用的功能,虽然这几个新功能基本上都是语法糖,但确实方便。 一、属性的简洁表示法 当定义一个对象时,允许直接写入一个变量,作为对象的属性,变量名就是属性名。 例1: 与例2: 是相同的。 二、方法的简洁表示法 下面的例子是方法的简洁表示法(例3) 和下例是完全等同的(例 ... »

ES6 学习笔记之三 函数参数默认值

定义函数时为参数指定默认值的能力,是现代动态编程语言的标配。在ES6出现之前,JavaScript是没有这种能力的,框架为了实现参数默认值,用了很多技巧。 ES6 的默认参数值功能,与其他语言的语法类似,但功能更强大。 首先,是可以用标量值为函数参数指定默认值,这个标题可以是基本类型、数组、对象。 ... »

多选穿梭框总结 (vue + element)

示例 介绍 实现省市区三级多选联动,可任选一个省级、市级、区级,加入已选框,也可以在已选框中删除对应的区域。 选择对应仓库,自动勾选仓库对应的省,取消就反选 选择同样地区,选择省级或市级,若该对象下面的市级或区级已有选择,就自动合并为一个省级或市级: 设计 拆分组件:仓库和省市区框作为父组件 三个区 ... »

嵌套数组的合并

# 嵌套数组的合并 - 对于 [ [], [], [], ...] 数组里嵌套数组,有个需求:将里面的数组元素都放到外层数组,变成 [ , , , ...] - 例如:let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]; - 变成:arr = [1, 2, 3, ... »

var与let、const的区别

找北的第一篇,最近在学习阮一峰老师的es6,本文是总结出的一些区别。var是es5声明变量的关键字,let是es6新增的声明变量的关键字,const是es6新增声明常量的关键字,区别如下,如有错误,请您指正。 1. 是否有变量提升 function aoo(){ console.log(a) var ... »

for 循环 和 Array 数组对象

for 循环 和 Array 数组对象方法 for for-in for-of forEach效率比较 - 四种循环,遍历长度为 1000000 的数组叠加,得到的时间差: for 3 for-in 250 for-of 7 forEach 44 - 效率速度:for > for-of > forE ... »

webstorm中配置ES6语法

1.npm 安装babel (全局安装) npm install -g babel-cli 2.npm安装babel的preset(文件夹下) npm install --save-dev babel-preset-es2015 3.工程路径新建.babelrc文件,内容如下: { "presets ... »

promise 基础学习

`Promise Promise/A++` 规范,它抽象了异步处理的模式,是一个在JavaScript中实现异步执行的对象。 按照字面释意 具有“承诺”的含义,它承诺当异步处理完成后,回馈一个结果给你!或者你可以将其认为是一个状态机,一旦状态发生了改变,便会触发对应的行为。 最早出现于E语言中(一种 ... »

自制 h5 音乐播放器 可搜索

闲言碎语: 有好几天没有发表博客了,这也是因为一直开发音乐和完善我的博客项目,好不容易抽出时间总结一下这几天所做的东西,笔试又不断通知,实则匆忙 今天难得逃了一次课,就趁这时间,该写写就写写吧~~ 进入正题:Lily_music 本次开发,参照本人之前所做的 乐诗博客(文末会说到)的相关播放控制等功 ... »

ES6 中 Promise 详解

Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点: (1)对象的状态不受 ... »

深入理解ES6之—对象

Object新方法 Object.is()方法 在js中比较两个值时,你可能会用相等运算符==或者严格相等运算符 ===。为了避免在比较时发生强制类型转换,许多开发者更倾向于使用后者。 Object.is()接受两个参数,并且会在二者的值相等时返回true,此时要求二者的数据类型相同并且值也相等。 ... »

Vue脚手架(vue-cli)安装总结

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA)。该工具为现代化的前端开发工作流提供了开箱即用 ... »

Vue的生命周期

1.1、实例生命周期 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给予用户机会在一些特定的场景下添加他们自己的代码。比如 created 钩子可以用来在 ... »