摘要: 前端面试题视频讲解 将数字每千分位用逗号隔开 数字有小数版本: let format = n => { let num = n.toString() // 转成字符串 let decimals = '' // 判断是否有小数 num.indexOf('.') > -1 ? decimals = nu 阅读全文
posted @ 2022-07-29 06:47 zhang_a111 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 前端面试题视频讲解 constructor 为什么不先渲染? 由ES6的继承规则得知,不管子类写不写constructor,在new实例的过程都会给补上constructor。 所以:constructor钩子函数并不是不可缺少的,子组件可以在一些情况略去。比如不自己的state,从props中获取 阅读全文
posted @ 2022-07-27 10:38 zhang_a111 阅读(100) 评论(0) 推荐(0) 编辑
摘要: ​ 面试题视频讲解(高效学习):进入学习 二、题目 1. 防抖节流 这也是一个经典题目了,首先要知道什么是防抖,什么是节流。 防抖: 在一段时间内,事件只会最后触发一次。 节流: 事件,按照一段时间的间隔来进行触发。 实在不懂的话,可以去这个大佬的Demo地址玩玩防抖节流DEMO // 防抖 fun 阅读全文
posted @ 2022-05-01 12:49 zhang_a111 阅读(241) 评论(0) 推荐(0) 编辑
摘要: react源码解析6.legacy模式和concurrent模式 视频讲解(高效学习):进入学习 react启动的模式 react有3种模式进入主体函数的入口,我们可以从 react官方文档 使用 Concurrent 模式(实验性)中对比三种模式: legacy 模式: ReactDOM.rend 阅读全文
posted @ 2022-02-14 09:20 zhang_a111 阅读(35) 评论(0) 推荐(0) 编辑
摘要: react源码解析3.react源码架构 视频讲解(高效学习):进入学习 这一章的目的是让我们认识一下react源码架构和各个模块。 在真正的代码学习之前,我们需要在大脑中有一个react源码的地图,知道react渲染的大致流程和框架,这样才能从上帝视角看react是怎么更新的,来吧少年。 reac 阅读全文
posted @ 2022-02-10 08:11 zhang_a111 阅读(116) 评论(0) 推荐(0) 编辑
摘要: react源码解析2.react的设计理念 视频讲解(高效学习):进入学习 异步可中断 React15慢在哪里 在讲这部分之前,需要讲是那些因素导致了react变慢,并且需要重构呢。 React15之前的协调过程是同步的,也叫stack reconciler,又因为js的执行是单线程的,这就导致了在 阅读全文
posted @ 2022-02-09 12:00 zhang_a111 阅读(33) 评论(0) 推荐(0) 编辑
摘要: react源码解析20.总结&面试题解答 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 阅读全文
posted @ 2022-01-13 08:16 zhang_a111 阅读(96) 评论(0) 推荐(0) 编辑
摘要: react源码解析19.手写迷你版react 视频讲解(高效学习):进入学习 往期文章: 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶 阅读全文
posted @ 2022-01-13 08:07 zhang_a111 阅读(10) 评论(0) 推荐(0) 编辑
摘要: react源码解析18事件系统 视频讲解(高效学习):进入学习 从一个bug说起 下面这个demo_13在react17和react16中有什么不同吗?代码也很简单,模拟一个modal框,点击显示出现,点击其他地方,相当于点击了mask,modal消失,因为react事件都是委托到上层,所以需要在h 阅读全文
posted @ 2021-12-28 07:37 zhang_a111 阅读(49) 评论(0) 推荐(0) 编辑
摘要: react源码解析17.context 视频讲解(高效学习):进入学习 context流程图 cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context,另外还有一个didPerformWorkStac 阅读全文
posted @ 2021-12-28 07:30 zhang_a111 阅读(28) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示