随笔分类 -  ES6&React

摘要:/** * 1.无障碍 * jsx支持所有aria-*HTML属性,虽然大多数DOM变量和属性名都使用驼峰命名, * 但aria-*应该像在HTML中一样使用带连字符的命名法。 * **语义化的HTML** * 当语义化的html被破坏,使用Fragments来组合各个组件 * 创造一个元素的ref 阅读全文
posted @ 2020-02-13 17:43 onyli
摘要:/** * **jsx**:表示对象。babel会把jsx转义成一个名为React.createElement()函数调用 * 这些对象被称为react元素,它们描述了你希望在屏幕上看到的内容,react通过 * 读取这些对象,然后使用它们来构建dom以及保持随时更新。 * **元素渲染** * 元 阅读全文
posted @ 2020-02-13 17:42 onyli
摘要:/** * **export命令** * 需要特别注意:export命令规定的是对外的接口,必须与模块内部的变量建立一一对应的关系 * **以下写法都是错误的** * export 1; * var m=1; export m; * **因为上面2种方式没有对外提供接口,而是直接输出一个值** * 阅读全文
posted @ 2020-02-13 17:41 onyli
摘要:/** * 可以通过extends关键字继承; * 在子类的constructor方法和普通方法中,super关键字表示父类的构造函数,来新建父类 * 的this对象; * 子类必须在constructor方法中调用super方法,否则新建的实例会报错。因为子类的自己的 * this对象,必须先通过 阅读全文
posted @ 2020-02-13 17:39 onyli
摘要://在class类中,有一个constructor构造方法,this关键字则代表实例对象。 class MyClass { } typeof MyClass //"function" MyClass MyClass.prototype.constructor //true //类的数据类型就是函数, 阅读全文
posted @ 2020-02-13 17:38 onyli
摘要:Object.is() /** * +0 -0 //true * NaN NaN // false * Object.is(+0, -0) // false * Object.is(NaN, NaN) // true */ 阅读全文
posted @ 2020-02-13 17:37 onyli
摘要://字符的Unicode表示法'\u{1F680}' '\uD83D\uDE80' /** * 有了这种方法后,js共有6种方法可以表示一个字符 * '\z' 'z' // true * '\172' 'z' // true * '\x7A' 'z' // true * '\u007A' 'z' / 阅读全文
posted @ 2020-02-13 17:36 onyli
摘要:// ES6允许按照一种模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 // 数组的解构赋值: /** * 1.如果结构不成功,变量的值就等于undefined * 2.如果等号的右边不是数组(或者严格地说,不是可遍历的结构,参见《Iterator》一章), * 那么将会报错。) * 3 阅读全文
posted @ 2020-02-13 17:35 onyli
摘要:/** * 1.let不存在变量提升; * 2.暂时性死区TDZ:只要块级作用域存在let命令,它所申明的变量就绑定这个区域,不再受外部的影响; * 对于var x=x;与let x=x;问题的本质就是js变量的创建create、初始化initialize、和赋值assign * var x=x = 阅读全文
posted @ 2020-02-13 17:34 onyli