- 博客(12)
- 收藏
- 关注
RSS订阅原创 this指向+变量提升
作用域：作用域分为全局作用域和函数作用域变量提升：变量的声明，真正的赋值是在执行代码的时候函数提升：函数提升分为两步，第一步函数声明，第二步变量的赋值箭头函数：箭头函数体内的this对象，就是定义该函数时所在的作用域指向的对象，而不是使用时所在的作用域指向的对象this指向:eg1:var name = 'win'const obj = { name: 'obj', a: () => { console.log(this.name) }
2021-08-11 15:01:16
179
原创 Fiber
在 React 15 时代已经可见一斑：正是出于对“快速响应”的执着，React 才会想方设法把原本 O(n3) 的 Diff 时间复杂度优化到了前无古人的 O(n)随着时间的推移和业务复杂度的提升，React 曾经被人们津津乐道的 Stack Reconciler 也渐渐在体验方面显出疲态。为了更进一步贯彻“快速响应”的原则，React 团队“壮士断腕”，在 16.x 版本中将其最为核心的 Diff 算法整个重写，使其以“Fiber Reconciler”的全新面貌示人Stack Reco
2021-08-11 13:24:12
108
原创 webpack深入浅出
基本的配置:const {resolve}=require('path');const MiniCssExtratPlugin=require('mini-css-extrat-plugin');const OptimizeCssAssetsWebpackPlugin=require('optimize-css-assets-webpack-plugin');const HtmlWepackPlugin=require('html-webpack=plugin')//定义nodejs环境变
2021-08-07 11:35:40
129
原创 为什么React选择JSX？
JSX的本质？和JS有什么联系？JSX的本质是JavaScript 的一种语法扩展，它和模板语言很接近，但是它充分具备 JavaScript 的能力为什么选择JSX？JSX 语法糖允许前端开发者使用我们最为熟悉的类 HTML 标签语法来创建虚拟 DOM，在降低学习成本的同时，也提升了研发效率与研发体验JSX执行过程？JSX 会通过babel编译为React.createElement()， React.createElement() 将返回一个叫作“ReactElement”的
2021-08-06 08:11:48
353
原创 前端常被问的-----题目
eg1：var foo = {n: 1};var bar = foo;foo.x = foo = {n: 2};console.log(bar) // bar = {n:1，x:{n:2}} .运算符的优先级高于赋值运算符，所以先执行foo.x={n:2},再执行foo={n:2}console.log(foo) // foo = {n:2}eg2:var resource = ['a.png', 'b.png', 'c.png', 'd.png', 'e.png', 'f.
2021-08-03 08:11:55
89
原创 前端常被问的---概念篇
1.react中Component和PureComponent有什么区别?区别在于 React.PureComponent 中以浅层对比 prop 和 state 的方式来实现了shouldComponentUpdate可提高性能.React.PureComponent 中的 shouldComponentUpdate() 将跳过所有子组件树的 prop 更新,得确保所有子组件也都是“纯”的组件2.Map和{}的区别1.原生对象{}的键只能是字符串和sysmbol，map可以使任意类型2
2021-08-03 08:02:57
95
原创 React 虚拟 Dom
虚拟 DOM（Virtual DOM）本质上是JS 和 DOM 之间的一个映射缓存，它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS 对象需要把握住以下两点虚拟 DOM 是 JS 对象虚拟 DOM 是对真实 DOM 的描述虚拟 DOM 创作过程，到底有没有向模板引擎去学习，这个暂时无从考证，模板引擎和虚拟 DOM 确实在思想上存在递进关系（面试官爱问）React 中的虚拟 DOM 大致是如何工作的？挂载阶段：React 将结合 JSX 的描述，构建出虚拟 ..
2021-07-30 10:44:20
76
原创 react 数据流
单向数据流当前组件的 state 以 props 的形式流动时，只能流向组件树中比自己层级更低的组件,父-子通信、子-父通信和兄弟组件通信。“发布-订阅”模式驱动数据流使用发布-订阅模式的优点在于：监听事件的位置和触发事件的位置是不受限的，就算相隔十万八千里，只要它们在同一个上下文里，就能够彼此感知事件的监听（订阅）和事件的触发on()：负责注册事件的监听器，指定事件触发时的回调函数emit()：负责触发事件，可以通过传参使其在触发的时候携带数据off()：负责监听器的删除.
2021-07-29 15:09:50
213
1
原创 react15与react16.3生命周期的比较
react15：注意：render 在执行过程中并不会去操作真实 DOM，它的职能是把需要渲染的内容返回出来。真实 DOM 的渲染工作，在挂载阶段是由 ReactDOM.render 来承接的。componentDidMount 方法在渲染结束后被触发，此时因为真实 DOM 已经挂载到了页面上。组件的更新分为两种：一种是由父组件更新触发的更新；另一种是组件自身调用自己的 setState 触发的更新componentReceiveProps 并不是由 props 的变化触发的，而是由父组件的更.
2021-07-29 14:35:27
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人