09 2020 档案
摘要：直接上图 有时候我们在写代码的时候会遇到如上图的问题，这个问题出现的原因就是因为我们在写代码时，仅在上面v-model或者什么地方引用了一些数据，而这些数据却没在data或methods定义，就会导致出现这样的错误， 想要解决这个问题，一般情况下我们只需要在data中定义上这个参数就可以了，定义参数
阅读全文
摘要：浮动是布局的时用到的一种技术，能够方便我们进行布局。 1、浮动的设置：css属性float：left/right/none 左浮动/右浮动/不浮动（默认） 2、浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘 3、浮动的影响：
阅读全文
摘要：高阶组件(Higher Order Component,HOC)并不是React提供的某种API,而是使用React的一种模式,用于增强现有组件的功能。高阶应用有三个： React.memo() connect() withRouter() 1.React.memo() 给函数式组件提升性能 涉及到
阅读全文
摘要：forEach()和map()两个方法都是ECMA5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，兼容在IE9一可能会有问题。具体可以百度一下。 forEach 1.不能通过break来中止循环，只能通过 try catch抛出异常 才可以实现循环。 2.遍历数组，循环体内
阅读全文
摘要：hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: window.onhashchange = function(event){ console.log(event.oldURL, event.newURL); let hash = locat
阅读全文
摘要：js的原型链涉及到函数function和对象obj，在涉及到原型链必须先清楚他们之间的关系。 1、函数必然有prototype和_proto_两个属性，所有的函数(包括自定义函数)都是Function实例的对象； 2、对象必然有_proto_属性，但不一定有prototype；实例的对象通过_pro
阅读全文
摘要：1）forEach是ES5遍历数组的方法，初次之外还有map，filter，some，every，reduce，reduceRight等，只不过他们返回的结果不一样，但是使用forEach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数 2）使用for..in的话，更适
阅读全文
摘要：以Visual Studio Code软件为例，再软件商店下载一个插件即可 1.在软件商店搜ES7 React/Redux/GraphQL/React-Native snippets会出现 2.此时再创建一个react的js文件，在英文状态下输入rcc后按回车键。 3.此时就会根据文件名创建一个以文
阅读全文
摘要：生命周期，钩子函数： 挂载阶段： 一、constructor （第一个执行） 1.可以初始化组件状态 2.可以给一些事件函数绑定this 注意：不能再内部调用setState() constructor(){ super() this.state={ n:1 } //不能在内部调用setSt
阅读全文
摘要：非受控组件 非受控组件：这时表单数据将交由 DOM 节点来处理。即不受setState()的控制，与传统的HTML表单输入相似，input输入值即显示最新值（使用 ref从DOM获取表单值） 要编写一个非受控组件，而不是为每个状态更新都编写数据处理函数，你可以使用 ref 来从 DOM 节点中获取表
阅读全文
摘要：props: 自己可以设置默认属性，也可以从外部传入属性，但是外部传入的属性，自己只能用，不能用来修改 state: 一般由自己控制，自己可以进行状态的更改。 state状态 类组件 一般书写： 状态一般放在constructor进行定义的 react中推荐采用setState，就可以实现数据改变，
阅读全文
摘要：两种ref的绑定形式 作用：可以标记组件，更快的找到对应位置。 通过ref就可以给元素作标记 ref="xxx" 这种方式在react官方中不推荐使用了，作为了解即可 官网上推荐了两种ref绑定形式 1.回调的形式<input ref = /> 举例:输入框焦点 class App extends
阅读全文
