前言：搜很多的讲事件循环机制的都是宏观从js主线程，微任务，宏任务切入，大概好像听明白了，也能应付一些promise，setTimeout，setInterval等一些的输出顺序判断，但真的精确到页面渲染的某一帧，某一个具体动画渲染去讲，似乎就云里雾里，本文主要参考Jake Archibald 的演讲和各个技术博客结合自己的理解讲述。 我的开发环境：mac+vscode+node（v15.14.0） JavaScript是单线程的语言 JavaScript之所以设计为单线程语言，主要是因为它作为浏览器脚本语言，主要…

前言：在之前的实习生活中，使用了不少公司内部的谷歌插件提升工作效率，回忆与组内老大哥的交流中，询问了个人插件开发的难度如何，其表示基础牢固的话，插件开发与前端的基础技术栈是没有冲突的，可以扩展下自己的技术宽度，于是在毕业前夕的闲余生活，抱着学习的心态，记录下自己学习的过程。 我的开发环境：mac+vscode+node（v15.14.0） 仓库地址：https://github.com/hyh-op/googlePlugin 配置manifest.json manifest.json 清单文件是插件的核心，它定义了…

前言：22年12月份结束了实习，在等毕业证的这段时间里，自己也是就感兴趣的地方原理进行了一番学习，实操，之前很多的项目里，要么就是原来配置好的，照葫芦画瓢添加路由，要么就是脚手架集成的，自己想从0-1实现一下基本的路由配置，基于技术与时俱进的原则，这里就 react router v6 探索，后续与 react router v5 版本的差别再好好思考一番。 我的开发环境：mac+vscode+node（v16.20.1） 仓库地址：https://github.com/hyh-op/react-router 基本…

前言：在想学习一些权威的小而美的源码前，组长给我推荐了clean-code-javascript的文章，对整体的代码规范有所体会了解，之后再去看一些源码，可能会有一些不一样的感悟，于是，空闲之余，我认真看完并提取了中间感悟较深的部分，记录于此。 仓库地址：https://github.com/ryanmcdermott/clean-code-javascript Variables（变量） 见明知意 我们读的代码将比我们写的还要多。我们编写的代码必须具有可读性和可搜索性，这一点很重要。如果不指定对理解程序有意义的变…

前言：从6月初的实习到现在也有一段时间了，这段时间学习了很多，有个比较困扰我的点就是公司的项目基础模版的搭建，都有现成的解决方案，而缺少0-1的宏观了解，而市面上主流creat-react-app的效果又不尽人意，想要有自己的扩展eject之后感觉Webpack 水平不够限制又太多，难以学习，于是抽空之余阅读众多博主文章，模仿学习着从0-1，建出一个完整的属于自己的TypeScript+React开发环境。 我的开发环境：mac+vscode+node（v16.16.0） 仓库地址：https://github.c…