技术文章推荐

HTML

• head标签里的子标签汇总 https://mp.weixin.qq.com/s/_GWmsdqLUuO-iHOofHvLYA

CSS

• css基础布局 https://zh.learnlayout.com/toc.html

JS

• 前端正则，拿来吧你！https://juejin.cn/post/6987561488328163364#heading-18
• 图解搞懂JavaScript引擎Event Loop https://juejin.cn/post/6844903553031634952
• es7-decorator修饰器实践 https://juejin.cn/post/6844903490800582663
• JavaScript开发者应懂的33个概念 https://github.com/webxiaoma/33-js-concepts
• 前端 Base64 编码知识 https://mp.weixin.qq.com/s/tWio2VQrgisrrYRw4PEOrg

ts

• TypeScript 中 any、unknown、never 和 void 有什么区别 https://mp.weixin.qq.com/s/J32TxUVTZ4jeu7frKjTK5Q
• TypeScript是如何工作的 https://mp.weixin.qq.com/s/--KO-8ReQtEVsCQzwuq8mQ

框架

通识

• 虚拟DOM与DIff算法（以Vue为示例）https://mp.weixin.qq.com/s/XRR9afpujcjbgFZM0Zw6Gw#tocbar-1tc7jr7

React

• 魔术师卡颂 -【视频】9分钟掌握React Hooks正确认知 https://mp.weixin.qq.com/s/eCTLRTWeF6SvKkNiKzzCRQ
• Hooks闭包引发的问题 https://mp.weixin.qq.com/s/BUr9X-cUpWlpKQdo_mWvrg

Vue

• 手写mini版本的vue2.x和vue3.x框架 https://mp.weixin.qq.com/s/Bisz-bBNCFqb0rMungld1A

Svelte

• Svelte只支持模版语法、摒弃虚拟DOM，导致编写复杂组件的成本很高 https://mp.weixin.qq.com/s/1wwJaavx2a0gF34dbtwyPQ

工程化

• 前端构建2011-2021 https://mp.weixin.qq.com/s/vhkAhBJ2mok43lIlHpu8Gg
• 鉴权基础 https://mp.weixin.qq.com/s/qBizMF4MwcX4ORU_nrVUmg

Git

• Git各指令的本质 https://mp.weixin.qq.com/s/c8wFCPHSWsonbUKzvyhJtQ

webpack

• 基于webpack的应用治理 https://juejin.cn/post/6844904033434468359
• 面试再也不怕被问 Webpack 热更新 https://segmentfault.com/a/1190000020497205

包管理

• 简单易学的 npm 包发布流程 https://mp.weixin.qq.com/s/wMXEpPe6YduyYO8gZeKQkQ
• 深入 lerna 发包机制 —— lerna version - 知乎 https://zhuanlan.zhihu.com/p/354649322
• 搞懂并实现 webpack 热更新原理 https://mp.weixin.qq.com/s/lgORutxwJtufFEfH963b-Q

算法

• 前端算法整合 https://github.com/sisterAn/JavaScript-Algorithms
• 剑指Offer_在线编程+题解_牛客题霸_牛客网 https://www.nowcoder.com/ta/coding-interviews

浏览器

• 教女朋友学前端之深入理解JS引擎 https://juejin.cn/post/6996825009280778253
• babel 插件为react元素自动添加属性 https://my.oschina.net/ahaoboy/blog/4489767
• 一文彻底搞懂Cookie、Session、Token https://juejin.cn/post/6844904009061367821

计算机与网络

• 一文吃透 WebSocket 原理 https://mp.weixin.qq.com/s?__biz=Mzk0MDMwMzQyOA==&mid=2247490938&idx=1&sn=8c1f04ab3d4e46f1ea2bf3f61ee98183&source=41#wechat_redirect

工具

• vscode本地埋点
  • 我点了页面上的元素，VSCode 乖乖打开了对应的组件？原理揭秘。 - 掘金 https://juejin.cn/post/6901466406823575560#heading-8
• vscode插件博主
  • https://github.com/alefragnani?after=Y3Vyc29yOnYyOpK0MjAxOS0xMC0wMVQxNTozMDo1OFrODH4-aQ%3D%3D&tab=repositories
  • 多项目工作区分类、快捷打开 vscode-project-manager
  • 不同文件代码行书签、快速跳转 vscode-bookmarks
• 几款程序员必备的画图工具 https://mp.weixin.qq.com/s/eR-XMax5qOzhFuuNaQ-Epw
• 在线白板 https://pixso.cn/app/board/8WgXBztd74oklrdbOomHqw

视频博主

• 飞叶_程序员 https://space.bilibili.com/443094046/video

文章播主

• YeeJone https://www.zhihu.com/people/jone-41
• 大厂每日一题 https://q.shanyue.tech/open