摘要: React JSX React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX,但它有以下优点: JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的,在编译 阅读全文
posted @ 2019-10-09 20:04 鸣人卷~~ 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 面向对象应用——React 特点: 1、组件化(模块化) class(一个组件就是一个class) 2、强依赖与JSX (JSX==babel==browser.js 是JS的扩展版) 3、三个库: 1)react.js > React 的核心库 2)react-dom.js > 提供与 DOM 相 阅读全文
posted @ 2019-10-09 19:52 鸣人卷~~ 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 面向对象原来写法 类和构造函数一样 属性和方法分开写的 // 老版本 function User(name, pass) { this.name = name this.pass = pass } User.prototype.showName = function () { console.log 阅读全文
posted @ 2019-10-09 15:09 鸣人卷~~ 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 1、使用 call 方法调用父构造函数 在一个子构造函数中,你可以通过调用父构造函数的 call 方法来实现继承,类似于 Java 中的写法。下例中,使用 Food 和 Toy 构造函数创建的对象实例都会拥有在 Product 构造函数中添加的 name 属性和 price 属性,但 categor 阅读全文
posted @ 2019-10-09 14:16 鸣人卷~~ 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 用户名 /^[a-z0-9_-]{3,16}$/ 密码 /^[a-z0-9_-]{6,18}$/ 十六进制值 /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 电子邮箱 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$//^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+ 阅读全文
posted @ 2019-10-09 10:54 鸣人卷~~ 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 1、多了两个方法 1)startsWith 2)endsWith 2、模板字符串(`..`)—— 方便字符串连接 `反单引号 1)可以直接把表达式塞进去 &{表达式} 字符串拼接 2)可以不用加‘\’折行 3、多了两个方法 1)startsWith 2)endsWith 2、模板字符串(`..`)— 阅读全文
posted @ 2019-10-09 10:04 鸣人卷~~ 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 数组: map 映射 ———— 一个对一个 reduce 汇总 ———— 一堆出来一个 算个总数 [1,2,3]==>6 算平均数 [1,2,3]==>2 filter 过滤器———— forEach 循环(迭代) 1、map 映射 ———— 一个对一个 如: 1.[76,57,33,87,95]- 阅读全文
posted @ 2019-10-08 21:34 鸣人卷~~ 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 解构赋值: 注意: 1、左右两边结构必须一样 练习1,2,3 2、右边必须是个东西(有值)练习4 3、声明和赋值不能分开(必须在一句话里完成)练习5 /* 练习1: // let arr = [1,2,3]; // let a = arr[0]; // let b = arr[1]; // let 阅读全文
posted @ 2019-10-08 15:40 鸣人卷~~ 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 函数的参数: 1、参数扩展/数组展开 1)收集(剩余的)参数 function show(a,b,...args){} // 三点运算符 *Rest Parameter 必须是最后一个 function show(a,b,...args){ alert(a); alert(b); alert(arg 阅读全文
posted @ 2019-10-08 15:15 鸣人卷~~ 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 箭头函数: 1、普通函数 2、箭头函数 注意: 1)如果只有一个返回值,{}return可以省略; 2)如果只有一个参数,()可以省略; let show = function(a){ return a*2; } alert(show(2)); //输出:4 //箭头函数: let show = a 阅读全文
posted @ 2019-10-08 11:40 鸣人卷~~ 阅读(195) 评论(0) 推荐(0) 编辑