2022年1月日志

一、1/4

1. 对于tuples的提案React可以做哪些优化Records & Tuples for React

一、1/6

1. 2022css新特性

三、1/10

1. 2021有哪些明星项目以及受欢迎程度
2. react中的调度数据算法，expirationTime算法和lane算法
3. event loop的出现原因以及解决了什么问题
4. chorme detools调试技巧
5. 优秀的学习资源
6. 代码都离不开api和抽象
7. B/S和C/S

四、1/11

1. vue和React的设计思路对比

五、1/12

1. 不优雅的 React Hooks

六、1/13

1. 常用的设计模式–(建造者模式和工厂模式)

七、1/14

1. 在react中使用addEventListener的注意事项
   • addEventListener会造成闭包，状态不能更新，拿到的都是缓存里面的值
   • addEventListener监听元素会造成重复执行，最后直接在当前元素执行事件的

八、1/17

1. bundless概念:去掉打包过程，而直接利用浏览器对于原生的 ESM 的支持，进行代码的开发和部署
2. 打包踩坑
   • react自定义hook打包之后，不能使用，违反钩子规则

九、1/18

1. 看到别人简历的一些想法，现在的应届生实在是太厉害，需要业余时间强化自己的专业知识

2. https://github.com/WindrunnerMax/EveryDay

3. 配置babel、项目地址

4. 打包踩坑，babel配置，webpack配置

这两个loader不能互换，loader的执行是异步的（等后一个执行完才执行前一个），执行顺序是从右向左，至于为什么是从右到左执行而不是从左到右，因为webpack选择了compose这样的函数式编程方式，而 gulp 却选择应用从左到右的pipe 管道式编程。当时没注意，顺序写反，导致编译报错，这里使用的是多包管理，需要用到rootMode

十、1/19

1. webpack自定义插件
2. webpack核心概念
   • 模块处理器
   • 扩展插件

十一、1/20

1. webComponent对比基于框架封装组件的优点
2. DevTools 来分析，string的内存分配
3. 使用webpack5打包时，会有.LICENSE.txt生成，原因是webpack5内部集成了terser-webpack-plugin，需要设置extractComments
4. webpack5和webpack-dev-server具有冲突
5. webpack中loader和plugin的区别

十二、1/21

1. 好用插件集合：

   • 代码转换为图片codeimg
   • 灵活插图undraw
   • 在线编写思维导图processon
   • 正则表达式可视化
   • 电子书在线搜索jiumodiary
   • 代码思维导图asciiflow
   • 短连接
   • pdf的灵活转换
   • 脱离鼠标的插件

2. 云效私有npm仓库

3. verdaccio搭建私有仓库

4. useEventEmitter源码，通过new Set生成对象

十三、1/24

1. zustand

2. svg–fill-opacity

3. react中的开发模式(17之前)

   • leagcy
   • blocking
   • concurrent

4. tapable模块解析

十四、1/25

1. webpack5的模块联邦
2. webpack4、rekit
3. react渲染条件:子组件、IIFE、高阶函数，代码的逻辑抽象需要分应用场景
4. webpack图谱

十五、1/26

1. npm login登录报500应该是修改过代理地址