- 博客(10)
- 收藏
- 关注
RSS订阅转载 [高级前端进阶] 第18题：React 中 setState 什么时候是同步的，什么时候是异步的
注意： setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在更新之前，导致在合成事件和钩子函数中没法立马拿到更新后的值，形式了所谓的“异步”，当然可以通过第二个参数 setState(partialState, callback) 中的callback拿到更新后的结果。在React中，如果是由React引发的事件处理（比如通过onClick引发的事件处理），调用setState不会同步更新this.state，除此之外的setSta
2020-08-18 16:07:46
369
转载 [高级前端进阶] 第2题：[‘1‘, ‘2‘, ‘3‘].map(parseInt) what & why ?
[‘1’, ‘2’, ‘3’].map(parseInt) what & why ?这是今天在 Advanced-Frontend组织 看到一个比较有意思的题目。主要是讲JS的映射与解析早在 2013年, 加里·伯恩哈德就在微博上发布了以下代码段:['10','10','10','10','10'].map(parseInt);// [10, NaN, 2, 3, 4]parseIntparseInt() 函数解析一个字符串参数，并返回一个指定基数的整数 (数学系统的基础)。con
2020-08-17 17:37:08
143
转载 [高级前端进阶] 第 1 题：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
key的作用就是更新组件时判断两个节点是否相同。相同就复用，不相同就删除旧的创建新的因为不带key时节点能够复用，省去了销毁/创建组件的开销，同时只需要修改DOM文本内容而不是移除/添加节点，这就是文档中所说的“刻意依赖默认行为以获取性能上的提升”。既然如此，为什么还要建议带key呢？因为这种模式只适用于渲染简单的无状态组件。对于大多数场景来说，列表组件都有自己的状态。举个例子：一个新闻列表，可点击列表项来将其标记为"已访问"，可通过tab切换“娱乐新闻”或是“社会新闻”。不带key属性的情况下
2020-08-17 17:05:47
208
转载 React中class创建组件和function创建组件的区别
两种创建组件方式的对比注意：使用class关键字创建的组件，有自己的私有数据（this.state）和生命周期函数；注意：使用function创建的组件，只有props,没有自己的私有数据和生命周期函数；1.用构造函数创建出来的组件：叫做无状态组件【无状态组件用的不多】2.用class关键字创建出来的组件叫做有状态组件【用的最多】3.什么情况下使用有状态组件？什么情况下用无状态组件？如...
2020-08-04 14:43:19
917
原创 实习项目中的知识点和经验总结（四）：理解和使用事件绑定bind及bind、call、apply 改变函数中this的指向
applyJavaScript Demo: Function.apply()callbind
2020-08-04 14:41:37
191
原创 实习项目中的知识点和经验总结（三）：异步操作：Promise 以及基于promise的axios；Async await
JS【需要红宝书<- ->实践 反复学习】事件冒泡 事件捕获Promise 以及基于promise的axios–>接口数据调用的同步异步问题以及在不同生命周期中的情况理解和使用事件绑定bind（bind,call,apply，改变函数中this的指向框架学习【Vue & React】Vue Prop子组件传递数据，$emit触发父组件理解问题–&...
2020-08-04 14:38:29
169
转载 实习项目中的知识点和经验总结（一）：Object.assign
实习项目中的知识点和经验总结@TOC学习处理数据(对象/数组）【ES6的使用】object.assignmapforEachfilter模板字符串的用法JS【需要红宝书<- ->实践 反复学习】事件冒泡 事件捕获Promise 以及基于promise的axios–>接口数据调用的同步异步问题以及在不同生命周期中的情况理解和使用事件绑定bind（b...
2020-08-04 14:31:37
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人