ECMScript
文章平均质量分 96
es系列技术栈
溜_x_i_a_o_迪
本人从事过C++、MFC、Qt、asp.net、C#开发,目前从事Web前端开发,本人很菜,希望大牛们手下留情啊。。。
展开
-
17.(ECMAScript)es11完全解读
文章目录1. 重点提炼2. 字符串扩展2.1 定义一个html模版的字符串。 => 需求:获取div标签中的内容。2.1.1 exec g实现2.1.2 /g作用2.1.3 match实现2.1.4 replace实现2.1.5 matchAll3. 动态导入:Dynamic import()4. 新的原始数据类型:BigInt4.1 数字后面增加n4.2 使用 BigInt 函数5. Promise扩展:Promise.allSettled()6. 全局对象:globalThis7. 可选链:O原创 2021-02-18 16:52:24 · 983 阅读 · 0 评论 -
16.(ECMAScript)es10完全解读
文章目录1. 重点提炼2. 对象扩展:Object.fromEntries()2.1 Object 转换操作2.2 Map 转 Object2.3 过滤3. 字符串扩展:String.prototype.trimStart() ,String.prototype.trimEnd()3.1 String.prototype.trimStart()3.2 String.prototype.trimEnd()3.3 code4. 数组扩展:Array.prototype.flat(),Array.prototy原创 2021-02-18 15:48:28 · 949 阅读 · 0 评论 -
15.(ECMAScript)es9完全解读
文章目录1. 重点提炼2. 异步迭代:for await of2.1 for await of2.2 Symbol.asyncIterator3. 正则表达式扩展:dotAll,具名组匹配,后行断言3.1 dotAll 模式3.2 具名组匹配3.3 后行断言4. 对象扩展:Rest & Spread4.1 小结5. Promise扩展:Promise.prototype.finally()5.1 应用5.1.1 loading关闭5.1.2 数据库断开链接6. 字符串扩展:放松模板字符串文字限制原创 2021-02-18 11:57:58 · 1437 阅读 · 0 评论 -
14.(ECMAScript)es8完全解读
文章目录1. 重点提炼2. 异步编程解决方案Async Await3. 对象扩展:Object.values(),Object.entries()3.1 Object.values()3.2 Object.entries()4. 对象属性描述: Object.getOwnPropertyDescriptors()5. 字符串扩展:String.prototype.padStart(),String.prototype.padEnd()5.1 String.prototype.padStart()5.2 St原创 2021-02-16 22:23:27 · 296 阅读 · 0 评论 -
13.(ECMAScript)es7完全解读
文章目录1. 重点提炼2. 数组扩展:Array.prototype.includes()2.1 includes与indexOf区别3. 数值扩展:幂运算符1. 重点提炼Array.prototype.includes幂运算符**2. 数组扩展:Array.prototype.includes()Array.prototype.includes(searchElement, fromIndex)includesVS indexOf在 ES7之前想判断数组中是否包含一个元素,基本可原创 2021-02-16 20:43:52 · 639 阅读 · 0 评论 -
12.(ECMAScript)es6完全解读(11)
文章目录1. 重点提炼2. 模块化Module的发展3. 模块化规范4. export5. as6. export default7. import8. code演示9. es6 导入导出关键字总结1. 重点提炼模块化Module模块化规范es6模块化介绍与总结2. 模块化Module的发展技术的诞生是为了解决某个问题,模块化也是。 随着前端的发展,web技术日趋成熟,js功能越来越多,代码量也越来越大。之前一个项目通常各个页面公用一个js,但是js逐渐拆分,项目中引入的js越来越多。在j原创 2021-02-16 15:15:15 · 283 阅读 · 0 评论 -
11.(ECMAScript)es6完全解读(10)
文章目录1. 重点提炼2. 迭代器Iterator3. 原生具备Iterator接口的数据结构4. 自定义结构可遍历1. 重点提炼迭代器Iterator的使用与介绍自定义遍历2. 迭代器Iterator是一种接口机制,为各种不同的数据结构提供统一访问的机制,即Iterator就是 ES6中用来实现自定义遍历的接口主要供for…of消费一句话:不支持遍历的数据结构“可遍历”该接口有硬性要求,必须return一个对象,并且有一个next函数。next函数也需要返回一个对象,对象中包含原创 2021-02-16 15:12:47 · 177 阅读 · 0 评论 -
10.(ECMAScript)es6完全解读(9)
文章目录1. 重点提炼2. 异步操作必备知识3. Ajax原理与Callback Hell4. 异步编程解决方案Promise4.1 常用方法4.1.1 Promise.prototype.then()4.1.2 Promise.prototype.catch()4.1.3 code5. Promise的静态方法5.1 Promise.resolve()5.2 Promise.reject()5.3 Promise.all()5.4 Promise.race()5.5 应用场景6. 异步编程解决方案Gen原创 2021-02-16 15:04:20 · 197 阅读 · 0 评论 -
9.(ECMAScript)es6完全解读(8)
文章目录1. 重点提炼2. 代理Proxy2.1 get2.2 set2.3 has2.4 ownKeys2.5 deleteProperty2.6 apply2.7 construct2.8 拦截器小结3. 反射Reflect3.1 常用方法3.1.1 Reflect.apply()3.1.2 Reflect.construct()3.1.3 Reflect.defineProperty3.1.4 Reflect.get()3.1.5 Reflect.getOwnPropertyDescriptor(原创 2021-02-16 14:56:09 · 187 阅读 · 0 评论 -
8.(ECMAScript)es6完全解读(7)
文章目录1. 重点提炼2. 字符串的扩展2.1 unicode2.2 字符串的遍历器接口2.3 模版字符串2.4 新增方法3. 正则表达式的扩展3.1 y修饰符3.2 u修饰符4. 数值的扩展1. 重点提炼字符串扩展正则表达式扩展数值扩展2. 字符串的扩展字符的Unicode表示法字符串的遍历器接口模版字符串String.fromCodePointString.prototype.includes()String.prototype.startsWith()String.pr原创 2021-02-16 14:20:56 · 252 阅读 · 0 评论 -
7.(ECMAScript)es6完全解读(6)
文章目录1. 重点提炼2. 新的原始数据类型Symbol2.1 应用场景2.1.1 作为属性名2.1.2 属性遍历2.1.3 消除魔术字符串3. 新的数据结构Set3.1 应用场景3.2 WeakSet4. 新的数据结构Map4.1 应用场景4.2 weakmap1. 重点提炼Symbol基本使用Set及Weakset使用及应用场景Map及Weakmap使用及应用场景2. 新的原始数据类型SymbolES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值。它是 JavaS原创 2021-02-12 23:41:58 · 164 阅读 · 0 评论 -
6.(ECMAScript)es6完全解读(5)
文章目录1. 重点提炼2. 面向过程与面向对象2.1 类与对象3. ES5中的类与继承4. ES6中的类与继承1. 重点提炼面向过程面向对象es5/es6中的类与继承等基本使用2. 面向过程与面向对象面向过程 => 分析需求整个过程由哪个几个步骤组成,逐步实现。面向对象 => 分析需求中由哪几个对象组成,分析每种对象应该由哪些属性和方法 / 行为组成。如下:隐藏对象 => 可能是人、手、或者其他工具将大象放入冰箱JavaScript是一种基于对象(原创 2021-02-12 23:34:36 · 170 阅读 · 0 评论 -
5.(ECMAScript)es6完全解读(4)
文章目录1. 重点提炼2. 对象的扩展2.1 属性简洁表示法 与属性名表达式2.2 Object.is()2.2.1 笔试题22.3 扩展运算符 与 Object.assign()2.4 in2.5 对象的遍历方式3. 深拷贝与浅拷贝1. 重点提炼object对象使用——扩展深拷贝与浅拷贝2. 对象的扩展属性简洁表示法属性名表达式Object.is()扩展运算符 与 Object.assign()in对象的遍历方式2.1 属性简洁表示法 与属性名表达式在 ES6之前 Ob原创 2021-02-12 23:28:32 · 174 阅读 · 0 评论 -
4.(ECMAScript)es6完全解读(3)
文章目录1. 重点提炼2. 函数的参数2.1 参数的默认值2.2 与解构赋值结合2.3 length属性2.4 作用域2.5 函数的name属性3. 扩展运算符与rest参数3.1 扩展运算符3.2 rest参数4. 箭头函数4.1 笔试题14.2 箭头函数与普通函数的差别1. 重点提炼函数参数扩展运算符rest参数箭头函数2. 函数的参数参数的默认值与结构赋值结合length属性作用域函数的name属性2.1 参数的默认值function foo(x, y){原创 2021-02-12 23:20:37 · 175 阅读 · 0 评论 -
3.(ECMAScript)es6完全解读(2)
文章目录1. 重点提炼2. ES5中数组的各种遍历方式2.1 for循环遍历数组2.2 foreach遍历数组2.3 for循环与foreach的差别2.4 map2.5 map 与 foreach 的差别2.6 filter2.7 some2.8 every2.9 reduce2.10 for…in3. ES6中数组遍历方式3.1 find3.2 findIndex3.3 for…of4. ES6中数组的扩展方法4.1 类数组 / 伪数组 转为数组 => slice4.2 Array.of4.原创 2021-01-14 15:25:19 · 151 阅读 · 0 评论 -
2.(ECMAScript)es6完全解读(1)
文章目录1. 重点提炼2. 作用域2.1 全局作用域2.2 函数作用域2.3 块状作用域2.4 动态作用域3. 新的声明方式:let3.1 代码演示3.2 笔试题4. 新的声明方式const (常量)4.1 代码演示5. 解构赋值5.1 代码演示5.2 笔试题15.3 笔试题25.4 笔试题35.5 笔试题45.6 笔试题55.7 应用场景1 ——赋默认值5.8 应用场景2——函数参数解构赋值5.9 应用场景3——函数返回值解构赋值5.10 应用场景4——提取JSON数据1. 重点提炼作用域let原创 2021-01-14 11:36:29 · 175 阅读 · 0 评论 -
1.(ECMAScript)基本介绍及环境搭建
文章目录1. 重点提炼2. 引言3. es环境4. 环境搭建5. 构建开发环境6. 案例1:可选链7. 案例2:消除魔术字符串8. 案例3:将类数组转化为数组9. 案例4:优雅的异步操作与解构赋值1. 重点提炼ES新特性与旧语法对比说明,理解新特性优势新语法的应用场景ES开发脚手架,开箱即用2. 引言学会框架 ≠\neq= 掌握前端无论使用哪种方式(框架)写代码(盖房子),es实际就是砖头,在项目中必不可少。ES每年都会出一个版本。 => es新特性,及语法的升级原创 2021-01-12 21:33:33 · 367 阅读 · 0 评论