![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试题 - react
面试题 - react
微信公众号:大前端实践者
微信搜索公众号: 大前端实践者
展开
-
js 面试题 - 编程题
1. var obj = { name: 'baidu', arr: ['a', 'b', 'c'] } var obj2 = obj; var arr = obj.arr; obj2.arr = ['a', 'b', 'c', 'd']; obj2.name = 'inke'; console.log(arr); console.log(obj.name); console.log(obj === obj2); console.log(obj.arr === obj2.arr); co原创 2020-12-25 11:06:46 · 312 阅读 · 0 评论 -
js乱序数组
面试题 - js乱序数组 将此数组乱序 var arr = [0,1,2,3,4,5,6]; 解决思路: 随机生成索引,然后将原数组数据进行换位 方案一 var arr = [0,1,2,3,4,5,6]; var len = arr.length; for(var i=0;i<len;i++) { var index = Math.floor(Math.random()*(len-i)); var tem = arr[index]; arr[index] = ar原创 2020-12-23 14:18:16 · 159 阅读 · 0 评论 -
实现懒加载图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>图片懒加转载 2020-12-21 16:16:21 · 138 阅读 · 0 评论 -
react diff算法
react diff 算法 react 15 diff 数据结构 树结构 关键计算点 Diff 算法性能突破的关键点在于“分层对比”; 类型一致的节点才有继续 Diff 的必要性; key 属性的设置,可以帮我们尽可能重用同一层级内的节点。 react 16 diff 数据结构 链表结构, 每一个节点都存这上下文信息 export type Fiber = { tag: TypeOfWork, // 类型 type: 'div', return: Fiber|null,原创 2020-12-21 16:13:28 · 195 阅读 · 1 评论