es6
文章平均质量分 89
guxiansheng1991
1.接近2年的前端工作经验,能够熟练使用前端技术完成项目功能,能够熟练使用原生js,html,css实现前后端数据交互和页面交互。<br>2.能够独立进行项目开发,熟练使用Vue.js进行项目开发。<br>3.能够解决各个浏览器兼容性问题。<br>4.沟通能力较强,能很好的理解需求,有较强的自学能力和团队合作能力。
展开
-
es6学习之正则表达式
一.es5正则表达式学习 1.初始化 直接量语法 /pattern/attributes 创建 RegExp 对象的语法 new RegExp(pattern, attributes); 修饰符(attributes) 描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m 执行多行匹配。 2.R...原创 2018-02-26 18:33:55 · 331 阅读 · 0 评论 -
es6学习之对象的扩展
一.对象属性和方法的简洁表示法 对象属性 const foo = 'bar'; const baz = {foo}; baz // {foo: "bar"} 对象方法 const o = { method() { return "Hello!"; } }; 二.对象属性名和方法表达式 属性名和方法名表达式不能和简洁表示法同时使用,否则报错 属性名表达式 ...原创 2018-03-06 17:01:54 · 208 阅读 · 0 评论 -
es6学习之Promise
一.含义 Promise是JavaScript的一种异步解决方案,具有3中状态(pending进行中,fulfilled已经成功,rejected已失败). 二.Promise的使用 1.Promise带有resolve(成功),reject(失败)两个参数 2.Promise内部立即执行,then在所有同步事件完成后执行,catch是捕捉错误,finally是成功或者失败都会执行的操作....原创 2018-03-12 22:47:53 · 165 阅读 · 0 评论 -
es6学习之数组的扩展
一.扩展运算符 类似于rest的反向操作,将一个数组变为用都好分割的参数序列,展开数组 console.log(...[1, 2, 3]) // 1 2 3 应用1:深度复制数组 let arr = [1,2,3,4]; let arr2 = [...arr]; arr.copyWithin(1,2,3); arr // 1,3,3,4 arr2 // 1,2,3...原创 2018-03-05 18:54:50 · 184 阅读 · 0 评论 -
es6学习之函数
一.函数的默认值 (1).只有当函数提供的参数是严格等于undefined的时候,才会应用默认值 (2).函数参数中的变量不能在函数体中重复声明,也不能在函数参数作用域内重复声明 (3).函数的默认值是惰性求值的,不应用到是不会求值的 (4).函数带有默认值的参数必须放在最后一个,否则js不知道哪一个是省略的,阅读也不友好 (5).es5中函数的参数length属性...原创 2018-03-05 16:30:55 · 273 阅读 · 0 评论 -
es6学习之Proxy & Reflect
一.Proxy 1.概述 (1)概念 Proxy是拦截,代理的意思,即在目标对象前架设一层拦截. (2)注意 proxy想要生效,必须在proxy实例上进行相应的操作 proxy内部的this指向proxy实例而不是目标对象,要注意 2.Proxy实例方法(13种) (1)get(target,propKey,receiver),拦截对象的读取属性proxy....原创 2018-03-12 12:15:53 · 281 阅读 · 0 评论 -
es6学习之Generator函数,async函数
一.Generator函数的语法 1.概念和语法 (1)概念 Generator是一个状态机,内部封装多个状态 ; Generator会返回一个遍历器,调用Generator的next方法可以依次执行 (2)语法 (1) function后面跟着*号,调用函数不会立即执行Generator函数,只有调用next方法的时候才会执行. next方法在yield表达式处停止,n...原创 2018-03-16 12:30:02 · 443 阅读 · 0 评论 -
es6学习之字符串的扩展
一.字符串的Unicode表示法 js中存储字符采用UTF-16,即每个字符2个字节,对于占用4个字节的字符(“��”,类似于吉祥的吉),只能采用2个字符的处理方法.es6采用的新表示方法也没有改变这个事实. js表达Unicode可以使用’\uxxxx’,表达范围是\u0000~\uFFFF,无法表达超过0xFFFF的字符 es6将码点放入{}中即可表达大于0xFFFF的字符...原创 2018-02-23 18:43:14 · 548 阅读 · 0 评论 -
es6学习之变量的解构赋值
一.数组的解构赋值 按照一定的模式,从数组或者对象中提取值,然后赋值给具有相同模式或者相同模式子集的变量,进而完成赋值,即解构赋值. 本质上是一种模式匹配 如果解构不成功,变量的值就等于undefined。 1.完全解构 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [...原创 2018-02-23 17:07:55 · 142 阅读 · 0 评论 -
es6学习之let和const
一.let 使用前一定要声明变量,使用前一定要声明变量,使用前一定要声明变量 1.let可以声明一个变量 2.let块级作用域 es6新增了块级作用域,现在es6中使用let声明变量if-else,for循环,函数都有块级作用域. 3.不存在变量提升 4.暂时性死区 若不能在使用前定义变量,typeof也是不安全的 typeof x ; //x没有声明,报错...原创 2018-02-23 15:01:54 · 190 阅读 · 0 评论 -
es6学习之Number类型
一.es5的Number类型 1.Number 对象属性 constructor 返回对创建此对象的 Number 函数的引用。 MAX_VALUE 可表示的最大的数。 MIN_VALUE 可表示的最小的数。 NaN 非数字值。 NEGATIVE_INFINITY 负无穷大,溢出时返回该值。 POSITIVE_INFINITY 正无穷大,溢出时返回该值。 pro...原创 2018-02-28 17:18:37 · 4359 阅读 · 0 评论 -
html5的webWorker学习
当主要的耗时操作都在操作dom的时候,webWorker是无能为力的 Worker是浏览器为js新开的一个线程,可以不影响当前页面的情况下,在另外的线程中执行计算并把结果回传给主线程. 一.专用Worker 交互通信过程通过onmessage和postMessage方法 主线程main.js , 子线程myWorker.js 主线程发送消息到子线程和主线程接收子线程的消息 ...原创 2018-03-07 16:06:44 · 265 阅读 · 0 评论 -
es6学习之Set和Map结构
一.Set结构 Set结构是类似于数组结构,但是成员都是不重复的值(判断不重复类似Object.is()方法,但是+0和-0又是相同的处理,Object.is(+0,-0); // false) 缺点是没办法像数组一样通过下标取值的方法. WeekSet结构和Set相似,但是成员只能是对象,且对象是弱引用(成员中的对象不存在了,在本结构中也就不存在了),重点是没有size属性,没有遍...原创 2018-03-07 11:12:32 · 216 阅读 · 0 评论 -
es6学习之Symbol
一.Symbol Symbol是JavaScript的新的一种基本数据类型,表示独一无二的值. undefined,null,String,Number,Boolean,Object,Symbol 引入的原因是防止对象的属性或者方法被无意的覆盖 Symbol的声明 // 方式1,每次声明的都是独一无二的,没有登记机制 let s1 = Symbol('foo'); le...原创 2018-03-06 18:44:00 · 203 阅读 · 0 评论 -
es6学习之Class
一.Class 1.概念和语法 是函数链式继承的语法糖,大部分功能都是一样的,有少数不同 (1)constructor有且只有一个,不声明则js引擎会自动添加一个空的constructor (2)类方法内部的this指向当前实例,当类的方法独立抽离出来的时候,this会指向方法的上下文环境,从未出错. 因此应该用实例调用实例方法 class Logger { printNam...原创 2018-03-19 23:22:18 · 190 阅读 · 0 评论