一碗小米粥2022 的个人主页 - 动态

关注了

写React的时候时常用空标签包裹同级组件，今天知道了它的术语是Fragments，空标签<></>是<React.Fragment></React.Fragment>的一种简短的语法，但是前者没法添加属性，所以需要加属性（例如key）时就可以用后者。

青训营-快乐出发

赞过

1

2年前

js手写map，实现该函数：Array.prototype.myMap = function (callback) {}
1. 判断callback类型是否为函数，不是的话抛出一个TypeError;
2. 判断this是否为null，或不可迭代对象，是的话也抛出TypeError;
3. 遍历this的每个元素，调用callback，并将结果保存在结果数组中；
4. 返回结果数组；

展开

青训营-快乐出发

2年前

react的手写题：模拟render(virtualDom)函数过程，即根据virtualDom对象生成dom结构；
其中virtualDom是一个对象，包含tag, attrs, children属性，children为virtualDom数组；
思路：
1. 如果virtualDom不是对象，是数字或者字符串，在react中是允许的。那么返回document.createTextNode(String(vnode))；
2. 从virtualDom中结构出tag, attrs = {}, children；
3. 根据tag创建一个元素document.createElement(tag）；
4. 遍历attrs对象，调用setAttribute(key, attrs[key])给元素填充属性；
5. 如果children属性存在，且是非空数组，那么遍历children数组，依次调用render函数并作为孩子节点插入appendChild(my_render(child)))；

展开

青训营-快乐出发

2年前

HTTP1-3特性一目了然

http1-3应该算是前端面试经典必问TOP10吧，下面结合青训营课程“计算机网络概论”和其他资料整理出各个版本最值得了解的变化。...

0

2年前

每日一题：实现deepClone(obj)；描述下关键点：
1. 用weakMap保存之前遍历过的属性，防止循环嵌套；
2. obj不是对象或是null，直接返回；
3. 正则判断obj类型，如果是函数、正则、日期和Map, Set，返回new obj.constructor(obj);
4. 判断obj是对象还是数组进行深拷贝结果target的初始化{}或[]；
5. 遍历obj的所有Symbol属性和普通属性（字符串属性），分别使用getOwnPropertySymbols和getOwnPropertyNames，并递归对每个属性进行深拷贝。

展开

青训营-快乐出发

2年前

这个极客漫画网站好有趣啊，用漫画解释技术：

turnoff.us （另外为什么只有图没有解释）

青训营-快乐出发

2年前

昨天课程中有收获！之前对http2的认识一直停留在实现了真正的多路复用。其中内部很简单，http1.1不能多路复用是因为即使多个数据包并行，接收处理的时候由于不知道属于哪个资源，没办法正确解析，http2用简单的stream ID解决了这个问题，这下每个包除了有内容，还有id表示“我是index.js的数据包”。

青训营-快乐出发