摘要: react的编程思想是严谨周密的,约束了花式操作,确保在使用react构建项目的时候不会出现太多问题 一、单向数据流 规范数据的流向:数据只能通过props由外层组件(父组件)向内层组件(子组件)进行传递和更新 作用:降低了组件间通信的耦合度,方便debug(直接从props中找) props只能一 阅读全文
posted @ 2019-10-31 15:14 alisa.huang 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 一、组件 1、函数定义 2、类定义 组件名称必须以大写字母开头,小写字母表示DOM标签 组件返回值只能有一个根元素,多个组件必须用一个div或者Fragment来包裹 二、props props 只读 state 可变props 是父组件与子组件交互的唯一方式 defaultProps 为props 阅读全文
posted @ 2019-01-02 16:54 alisa.huang 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 一、修饰器 1、类的修饰 修饰器是一个函数,用来修改类的行为 注意: 修饰器函数的第一个参数,就是所要修饰的目标类 如果有多余参数,只能修饰器外面封装一层函数 2、方法的修饰 例如: @bind 修饰器只能用于类和类的方法,不能用于函数,因为存在函数提升。 二、高阶组件 高阶函数:接受函数作为输入, 阅读全文
posted @ 2019-01-02 16:33 alisa.huang 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 1、window.location当前页面地址信息 属性: href url完整地址 hash 路由,#开始的部分 search 查询部分,?开始的url host 主机名及端口号 hostname 主机名 pathname url路径部分 方法: replace() 替换 reload() 重新加 阅读全文
posted @ 2018-12-27 15:22 alisa.huang 阅读(545) 评论(0) 推荐(0) 编辑
摘要: 1、区别 浅拷贝:只拷贝了基本数据类型,引用数据类型只复制了引用,没有复制实体。 深拷贝:拷贝所有的层级属性 2、浅拷贝 (1) 直接赋值 拷贝之后,所有层级属性仍然公用了地址,会被影响 var a = [0, 1, [2,3], 4], b = a; a[0] = 1; a[2][0] = 1; 阅读全文
posted @ 2018-12-27 15:14 alisa.huang 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 一、函数调用的4种模式 1、函数调用 function foo() { alert('hello'); } foo();注意:this 专指全局对象 window 2、方法调用 // 定义一个函数 var foo = function() { alert("我是一个函数么?"); }; // 将其赋 阅读全文
posted @ 2018-12-27 15:01 alisa.huang 阅读(12292) 评论(0) 推荐(0) 编辑
摘要: 一、遍历数组的几种方式 var arr = [1,2,3]; Array.prototype.test=function(){} arr.name='jq' 1、 for /* * index是number类型的,可以使用break,continue,return语句 * 可以遍历对象 */ for 阅读全文
posted @ 2018-12-27 14:45 alisa.huang 阅读(262) 评论(0) 推荐(0) 编辑