https://github.com/wanglin2/web_articles

前端优质文章集锦
https://github.com/wanglin2/web_articles
Last synced: 6 months ago
JSON representation
前端优质文章集锦
Host: GitHub
URL: https://github.com/wanglin2/web_articles
Owner: wanglin2
Created: 2021-10-24T14:50:29.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2022-12-06T06:49:35.000Z (about 3 years ago)
Last Synced: 2025-04-11T01:03:57.016Z (9 months ago)
Size: 183 KB
Stars: 10
Watchers: 3
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

          # 前端优质文章集锦

# 综合面试题

- [x] [2021年我的前端面试准备](https://juejin.cn/post/6989422484722286600)

- [x] [前端万字面经——进阶篇](https://juejin.cn/post/6993141036600000548)

- [x] [面试分享：两年工作经验成功面试阿里P6总结](https://juejin.cn/post/6844903928442667015)

- [x] [复盘最近一个月的中大厂面试经历(附加答案)](https://juejin.cn/post/6995744994166308895)

- [x] [12～18k的前端面试会问个啥？](https://juejin.cn/post/6977919113733603342)

- [x] [2021 阿里字节快手面经 & 个人成长经验分享](https://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650086537&idx=1&sn=093c67e16aaa26014ae67754e451fe0c&chksm=83db81ecb4ac08fa257004ec6c1e7739ce2503a2ffee9ff758a989be5a655a2b50eae3c14263&scene=21#wechat_redirect)

- [x] [记一次高级前端开发工程师面经](https://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650088810&idx=2&sn=f111434fdc1d0a326a3045df5590ebc9&chksm=83dbb80fb4ac3119f1b1be41fb6cbdfedc3bbe1efb4f478804a81a4f2434c1a6797988c2fb0c&scene=21#wechat_redirect)

- [x] [2 年前端 7～9 月面试经历总结](https://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650081562&idx=1&sn=77e839fb2ed1e78b19d8a4367ad68dda&chksm=83db947fb4ac1d699d6c114d3db05a7403dbb36d63346e1b8f749174d3ddc84c85b6ec82e21b&scene=21#wechat_redirect)

- [x] [2021年7月 虾皮、OPPO、富途等十几家公司面经总结](https://mp.weixin.qq.com/s/XkwrXJQVu7RLA68fUOEs3g)

- [x] [两个部门，六轮面试，终与字节无缘](https://mp.weixin.qq.com/s/lq88vR2BfdsM8Si-vW-X1g)

- [x] [shopee 前端面经（已入职）](https://mp.weixin.qq.com/s/KIKPDbr_eJFjHYm5GIjOPA)

- [x] [腾讯QQ音乐前端面经（已offer）](https://mp.weixin.qq.com/s/zhIP85s5ubg2yCJ76t3hHg)

- [x] [一年外包经验入职字节](https://mp.weixin.qq.com/s/h4BF4jGcDQorPcvwr-HEuw)

- [x] [那些高级/资深的前端是如何回答JavaScript面试题的 （一）](https://juejin.cn/post/6971727286856843295)

- [x] [那些高级/资深的前端是如何回答JavaScript面试题的 （二）](https://juejin.cn/post/6972378623281987621)

- [x] [那些高级/资深的前端是如何回答JavaScript面试题的 （三）](https://juejin.cn/post/6973943168165216287)

- [x] [那些高级/资深的前端是如何回答JavaScript面试题的 （四）](https://juejin.cn/post/6977300934120439815)

- [x] [6月份历经大厂的笔试题 一（亲身经历总结）](https://juejin.cn/post/6986551174426001416)

- [ ] [手撕钉钉前端考试题](https://juejin.cn/post/6987070062490288165)

- [ ] [前端万字面经——基础篇](https://juejin.cn/post/6992767550543265829)

- [x] [前端经典面试题 ( 60道前端面试题包含 JS、CSS、React、网络、浏览器、程序题等)](https://mp.weixin.qq.com/s/RBK318_QiurLqCyaVSFNYg)

- [ ] [五万字前端面试宝典——前端百题斩（上）新鲜出炉](https://juejin.cn/post/6993957626509787173)

- [x] [前端面试知识点（二）](https://juejin.cn/post/6996815121855021087)

- [x] [进大厂要做哪些准备(已拿offer)| 掘金技术征文](https://juejin.cn/post/6844904151453794317)

- [x] [阿里蚂蚁集团-前端秋招一面面经](https://juejin.cn/post/7000620443216379940)

- [x] [热乎的字节跳动面经总结](https://juejin.cn/post/7001770596900012045)

- [x] [Vue面试题10问](https://juejin.cn/post/6995364819507347493)

- [ ] [vue面试题](https://juejin.cn/post/6999468667884797965)

- [ ] [【手撕】写给中高级前端的 27 道手写题，希望能乘风破浪](https://juejin.cn/post/6994244850002427934)

- [ ] [前端面试汇总](https://juejin.cn/post/6997768769414103048)

- [x] [前端手写题整理](https://juejin.cn/post/6980332066722447390)

- [ ] [艰难环境下，面腾讯、美团、商汤科技等七家大厂前端有感](https://mp.weixin.qq.com/s/Jw98JPgFjHwCzNIjtu9W7g)

- [ ] [金九银十，你准备好面试了吗? (附30w字前端面试题总结)](https://juejin.cn/post/6996841019094335519)

- [ ] [前端知识库](https://www.html5iq.com/index.html)

- [ ] [历时8个月，10w字！前端知识体系+大厂面试总结（基础知识篇）](https://juejin.cn/post/7146973901166215176)

- [ ] [web前端面试 - 面试官系列](https://vue3js.cn/interview/)

- [ ] [[面经] 5年前端 - 历时1个月收获7个offer🔥](https://juejin.cn/post/7142690757722243102)

- [ ] [2022前端面试经历（郑州）](https://juejin.cn/post/7137261512296497182)

# css

- [x] [重新构想原子化 CSS](https://mp.weixin.qq.com/s/2raMrIEu1Qt2HQQx6s3KfA)

- [x] [聊聊纯 CSS 图标](https://mp.weixin.qq.com/s/n-EbhQtSDsR3A9HYWbDbAw)

- [x] [2021 年你需要知道的 CSS 工程化技术](https://mp.weixin.qq.com/s/w1Wp8Bv-8Oi4mH5A9sErUQ)

- [x] [css-animation-101](https://h-wakanda.github.io/css-animation-101-cn/)

# js

- [x] [JavaScript 的静态作用域链与“动态”闭包链](https://juejin.cn/post/6957913856488243237)

- [x] [这一次，彻底弄懂 JavaScript 执行机制](https://juejin.cn/post/6844903512845860872)

- [x] [性阿就感的Promise，拥抱ta然后扒光ta](https://juejin.cn/post/6844903583234834445)

- [x] [硬核JS」你真的了解垃圾回收机制吗](https://juejin.cn/post/6981588276356317214)

- [x] [前端面试必知必会的十道Promise题](https://mp.weixin.qq.com/s/324JBuP_B8dvExO7_BlYXw)

- [x] [哔哩哔哩：JS 异步笔试题，请写出以下代码的执行结果](https://mp.weixin.qq.com/s/9zQ5nEsk4SQuzc2reUPasg)

- [x] [浏览器中的 ESM](https://mp.weixin.qq.com/s/bMgYgS6rWPkerDo-D6vmMw)

- [x] [浅析 JavaScript 沙箱](https://mp.weixin.qq.com/s/euHJpS6rcRRqVBIPAnbUHA)

- [x] [分享一篇 TypeScript 基础入门 文章](https://mp.weixin.qq.com/s/fS4-rx5B6Izl-10KCcjyRA)

- [x] [今天升级 esbuild，结果 Babel 挂了？聊聊 ESM 与 CJS 的来世今生。](https://mp.weixin.qq.com/s/2qmy21NUPyoIP-erEIc-uA)

- [x] [Blob、File、ArrayBuffer、TypedArray、DataView究竟应该如何应用](https://zhuanlan.zhihu.com/p/509320229?utm_source=wechat_session&utm_medium=social&utm_oi=876953434316759040&utm_campaign=shareopn)

- [ ] [消灭异步回调，还得是 async-await](https://mp.weixin.qq.com/s/vCsoDvkWF7y9Kwij95IxVw)

- [ ] [前端科普系列-CommonJS：不是前端却革命了前端](https://zhuanlan.zhihu.com/p/113009496)

- [ ] [前端科普系列-Babel：把 ES6 送上天的通天塔](https://zhuanlan.zhihu.com/p/129089156)

# NodeJs

- [ ] [Node.js 底层原理](https://mp.weixin.qq.com/s/ognHGg6ptHmvWOWb9B4bPw)

- [ ] [一文搞懂 Node入门框架 Koa2 原理，学它！](https://mp.weixin.qq.com/s/0ELVTm9oP8m7hnXnFNn4XQ)

- [ ] [基于 Koa 的微服务 Node.js 框架设计思路与简单实现](https://mp.weixin.qq.com/s/RRQEk5gNs8Y58eEi7bu5Cw)

# Vue

- [x] [Vue 项目性能优化 — 实践指南（网上最全 / 详细）](https://juejin.cn/post/6844903913410314247)

- [x] [「自我检验」熬夜总结50个Vue知识点，全都会你就是神！！！](https://juejin.cn/post/6984210440276410399)

- [x] [Vue 3.0 这个迷人的小妖精，到底好在哪里？](https://mp.weixin.qq.com/s?__biz=MzI3NTM5NDgzOA==&mid=2247483752&idx=1&sn=e8192bbb1e63b749a01e5967b684a5a3&chksm=eb043911dc73b00744d332096e3a1c232a9a95f58f49fb2b995704eabb13daea9be5a2c7a015&token=1002640268&lang=zh_CN&scene=21#wechat_redirect)

- [x] [精读《Vue3.0 Function API》](https://juejin.cn/post/6844903877574295560)

- [x] [一文看完vue3的变化之处](https://juejin.cn/post/6909660370223235079)

- [x] [基于Vue实现一个简易MVVM](https://juejin.cn/post/6844904099704471559)

- [x] [深入响应性原理](https://v3.cn.vuejs.org/guide/reactivity.html)

- [x] [从零带你手把手实现 Vue3 响应式原理-上](https://mp.weixin.qq.com/s?__biz=MzI3NTM5NDgzOA==&mid=2247483736&idx=1&sn=7ffba2b40fa0ddacd1ad0a34c4afad7d&chksm=eb043921dc73b037b637f83a9344f9ffb40f0c514cce6cb2de609093d20860c436cd4d307db8&token=1002640268&lang=zh_CN&scene=21#wechat_redirect)

- [x] [从零带你手把手实现 Vue3 响应式原理-下](https://mp.weixin.qq.com/s?__biz=MzI3NTM5NDgzOA==&mid=2247483747&idx=1&sn=735d86b80e363112c9b5244e66697e3f&chksm=eb04391adc73b00c6e0a9b7187119b2c3ffe78d18ca281a789179717313bab6a7b83e49b8df3&token=1002640268&lang=zh_CN&scene=21#wechat_redirect)

- [x] [为什么说 Vue 的响应式更新精确到组件级别？](https://mp.weixin.qq.com/s?__biz=MzI3NTM5NDgzOA==&mid=2247483729&idx=1&sn=5681d649e27f6a2b15242974f1757e67&chksm=eb043928dc73b03e6222b38f8b5b79478b2e420df63d42b443dd18b81cb7bb98db636e8364fe&token=1002640268&lang=zh_CN&scene=21#wechat_redirect)

- [ ] [学习 vuex 源码整体架构，打造属于自己的状态管理库](https://mp.weixin.qq.com/s?__biz=MzA5MjQwMzQyNw==&mid=2650744584&idx=1&sn=b14f8a762f132adcf0f7e3e075ee2ded&chksm=88662484bf11ad922ed27d45873af838298949eea381545e82a511cabf0c6fc6876a8370c6fb&scene=21#wechat_redirect)

- [ ] [Vue ssr 指南](https://ssr.vuejs.org/zh/)

- [x] [老外挥手百行代码，Vue.js 3.2 响应式性能暴增](https://mp.weixin.qq.com/s/7ZFRLOC_WR5ZvBgzE-flGg)

- [ ] [手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch源码](https://juejin.cn/post/6844903981957791757)

- [x] [基于Vue的前端架构，我做了这15点](https://mp.weixin.qq.com/s/gROjYWEGkQ1ULYVnl_GaiQ)

- [x] [架构师让 Vue Table 组件提速 10 倍，背后用到了哪些源码知识？](https://mp.weixin.qq.com/s/GyMWwl5AOY0XuuF2rZhyUg)

- [x] [知乎热议的 Vue3 Ref 语法糖，实现原理是啥？](https://mp.weixin.qq.com/s/4WqhZmVgSTigVnpB9T7zgA)

- [ ] [LRU 缓存-keep-alive 实现原理](https://mp.weixin.qq.com/s/UBrZWeWfCBedUvDBijtqyA)

- [x] [做好这 16 个方向，逐步搭建出团队的 vue3 前端架构](https://mp.weixin.qq.com/s/2Wved8xFdxzDuPHroGuePA)

- [ ] [六千字详解！讲透 Vue3 响应式是如何实现的](https://mp.weixin.qq.com/s/AtRNE7OINOaIKkFpJmbk4A)

- [x] [如何为 Vue3 组件标注 TS 类型，看这个就够了！](https://mp.weixin.qq.com/s/oKmA8P_vzO2jypVrA-xyFA)

# 性能优化

- [x] [面试官：你知道的前端优化手段](https://mp.weixin.qq.com/s/G6HPYP9jSgPrfT24lurx4w)

- [x] [任何东西只要够深，都是一把刀（面试版）](https://juejin.cn/post/6974978126413561887)

- [x] [分析一下阿里美团是如何做性能优化的](https://juejin.cn/post/6979868383026085895)

- [x] [这些前端性能优化的知识我从来不告诉别人（上）](https://juejin.cn/post/6970987477133705252)

- [x] [这些前端性能优化的知识我从来不告诉别人（下）](https://juejin.cn/post/6971359910525141005)

- [x] [(1.6w字)浏览器与前端性能灵魂之问，请问你能接得住几个？（上）](https://mp.weixin.qq.com/s/mqX-eCfGEY9DveG9-3BPiQ)

- [x] [从 8 道面试题看浏览器渲染过程与性能优化](https://juejin.cn/post/6844904040346681358)

- [x] [淘宝首页性能优化实践](https://www.cnblogs.com/doseoer/p/5879749.html)

- [x] [飞书文档移动端极致体验优化实践](https://mp.weixin.qq.com/s/zWpjuOTjbp_xQQkqaMSmLQ)

# 计算机网络

- [x] [TTPS系列干货（一）：HTTPS 原理详解](https://zhuanlan.zhihu.com/p/27395037)

- [x] [HTTP/2做错了什么？刚刚辉煌2年就要被弃用了！？](https://zhuanlan.zhihu.com/p/337196435)

- [x] [HTTP/3 原理实战](https://zhuanlan.zhihu.com/p/143464334)

- [x] [CDN是什么CDN的原理和作用什么](http://www.elecfans.com/d/1161126.html)

- [x] [彻底搞懂HTTPS的加密原理](https://zhuanlan.zhihu.com/p/43789231)

- [x] [（2.6w字）网络知识点灵魂拷问——前端面试必问](https://juejin.cn/post/6864175613209640973)

- [x] [（建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系](https://juejin.cn/post/6844904100035821575)

- [x] [从 Chrome 源码看浏览器如何 layout 布局](https://mp.weixin.qq.com/s?__biz=MzI0ODA2ODU2NQ==&mid=2651131615&idx=2&sn=fcb743ed1448be5a13efb22db7c88107&chksm=f257ce65c5204773ab413d6819c9e1ae0785ccdec0acd1d6acf1781b9a4c8e81258c2506cfec&scene=0&key=31a87ca88902ae43bad5c493b64337c36ee2f4b42d197b5412ee85b74d706c59026b6f7488791cbb25f40fbbb1d374a50ca6a08c79c3f1f2d04337c24db4f0dc0bcc9a80f98c47cc9286de8ac67e1573&ascene=0&uin=MTU5MDQxMTgwOA==&devicetype=iMac%20MacBookPro11,1%20OSX%20OSX%2010.12.4%20build%2816E195%29&version=12020010&nettype=WIFI&fontScale=100&pass_ticket=4GNHpvW%2b%2bQjkuIsGQIH2rty%2b/6fvftft87oMZ1nEqtAaJVpFZVYCUdIVZQiNUZmZ)

- [x] [万字详文：深入理解浏览器原理](https://zhuanlan.zhihu.com/p/96986818)

- [x] [经过一个月的探索，我如何将 AST 操作得跟呼吸一样自然](https://mp.weixin.qq.com/s/_XhK4mBBnZW-JVstOpe23A)

# 算法

- [x] [算法突击笔试计划](https://mp.weixin.qq.com/s/SZoTG4DFfhQgc4LbhwyjKw)

- [x] [leetcode 最常见的 150 道前端面试题（简单题上）](https://mp.weixin.qq.com/s/QXAV7lZWXaDt9DzP5nBzYw)

- [x] [leetcode 最常见的150道前端面试题（简单题下）](https://mp.weixin.qq.com/s/dkbt65d51Jmx6XtrnqLVSA)

- [x] [【算法面试】leetcode最常见的150道前端面试题 --- 中等题2（共80题）](https://juejin.cn/post/6992775762491211783)

- [ ] [字节跳动最爱考的 64 道算法题（JS版）](https://juejin.cn/post/6947842412102287373)

- [x] [OT算法](https://mp.weixin.qq.com/s/CrBAEm72qtZ707vZab8iiQ)

- [x] [协同编辑冲突处理算法综述](https://mp.weixin.qq.com/s/3aOdbtCtSf-8YACeowbASA)

- [ ] [LeetCode 热题 HOT 100](https://leetcode.cn/problem-list/2cktkvj/)

# 小程序

- [x] [小程序底层实现原理及一些思考](https://zhuanlan.zhihu.com/p/81775922)

- [x] [小程序原理科普](https://zhuanlan.zhihu.com/p/142381013)

# 工程化

- [x] [【万字长文】从零配置一个vue组件库](https://juejin.cn/post/6946171543013556255)

- [x] [Webpack 大法之 Code Splitting](https://zhuanlan.zhihu.com/p/26710831)

- [x] [轻松理解webpack热更新原理](https://juejin.cn/post/6844904008432222215)

- [x] [带你深度解锁Webpack系列(优化篇)](https://juejin.cn/post/6844904093463347208)

- [x] [webpack原理浅析](https://zhuanlan.zhihu.com/p/94476266)

- [x] [webpack 方方面面的核心原理总结](https://mp.weixin.qq.com/s/D_498tIZgrqBDJLZP1HJkw)

- [ ] [分析 webpack dynamic import的实现](https://juejin.cn/post/6862971585268514829)

- [ ] [Writing a webpack Loader](https://webpack.docschina.org/contribute/writing-a-loader/)

- [ ] [Writing a webpack Plugin](https://webpack.docschina.org/contribute/writing-a-plugin/)

- [x] [重构于 Vite：我如何做 SSG、静态资源发布以及自动化部署](https://mp.weixin.qq.com/s/ceL3emiuXpwBveQZ7AUyUg)

- [x] [你的Tree-Shaking并没什么卵用](https://juejin.cn/post/6844903549290151949)

- [x] [VuePress + Travis CI + Github Pages 全自动上线文档](https://juejin.cn/post/6844903869558816781)

- [x] [2021 年当我们聊前端部署时，我们在聊什么](https://juejin.cn/post/7017710911443959839)

- [x] [lerna 已停止维护，Monorepo 发包新方案是什么？](https://mp.weixin.qq.com/s/ftHT8aoMQZaG1MPZqsTs4Q)

- [x] [字节跳动 Modern.js 开源 —— 现代 Web 工程体系](https://mp.weixin.qq.com/s/iTMqxX8QEk1w0hQfZ8tD8g)

- [x] [迈入现代 Web 开发（GMTC 2021 演讲《字节跳动的现代 Web 开发实践》全文）](https://mp.weixin.qq.com/s/0VDBAgEvqB1xiUs540Fu9A)

- [x] [手把手教你写一个迷你 Webpack](https://mp.weixin.qq.com/s/-REUvKJmdjJPJ-M5CRffpg)

- [ ] [Webpack 原理—如何实现代码打包](https://mp.weixin.qq.com/s/NhZt-XldddEbwHoHLXNcZg)

- [x] [create-?」每个前端开发者都可以拥有属于自己的命令行脚手架](https://mp.weixin.qq.com/s/cC-fw9mOIsfNS32uujccqQ)

- [x] [在浏览器中，把 Vite 跑起来了！](https://mp.weixin.qq.com/s/MOR4zCtEoSg3jhc9igHgNQ)

- [ ] [超硬核｜带你畅游在 Webpack 插件开发者的世界](https://juejin.cn/post/7047777251949019173)

- [x] [前端部署的发展历程](https://mp.weixin.qq.com/s/sfYAk25j0RnO1GzoLcePmg)

- [x] [ESBuild & SWC浅谈: 新一代构建工具](https://mp.weixin.qq.com/s/9VaUq9FOm2_nKNCGaH-7rw)

- [ ] [非大厂的我们，要如何去搞前端基建？](https://juejin.cn/post/7144881028661723167)

- [x] [从零实现一个迷你 Webpack](https://mp.weixin.qq.com/s/e0ibggrhNdr_ZAGvxxok2Q)

# 移动端

- [x] [JSBridge的原理](https://juejin.cn/post/6844903585268891662)

- [ ] [响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）](https://github.com/forthealllight/blog/issues/13)

- [x] [Webview加载pdf遇到的一些坑及解决方法](https://mp.weixin.qq.com/s/REalZjkQKJaJ2rAw2Qp3RA)

- [x] [Hybrid App技术解析 -- 原理篇](https://github.com/xd-tayde/blog/blob/master/hybrid-1.md)

- [x] [Hybrid App技术解析 -- 实战篇](https://github.com/xd-tayde/blog/blob/master/hybrid-2.md)

# 框架/库

- [x] [尤大都推荐的组件库是如何开发出来的？](https://mp.weixin.qq.com/s/3ph4KzJ1GaA80RxZqgl39A)

- [x] [一份 ElementUI 问题清单](https://mp.weixin.qq.com/s/-Cq_8F_tBAoA8cJGktOU9A)

- [x] [Semi Design 组件库通过分层设计同时支持 React、Vue 等框架的秘密](https://mp.weixin.qq.com/s/l3-CTd8R6Re-nqcSAUXbjA)

- [x] [一篇非常 Nice 的 UmiJS 教程](https://mp.weixin.qq.com/s/7enbyPMKxinB3B_dZw-rEg)

# 部署

- [x] [分享一篇适合前端学习的 Docker 入门指南](https://mp.weixin.qq.com/s/XF1Nhe3kbqT_sUPRGL2JTA)

# 源码

- [x] [如何阅读源码 —— 以 Vetur 为例](https://mp.weixin.qq.com/s/hDzZpLb-b3TPjJ22fMxRRw)

- [ ] [学会Rollup插件思想，打造高可扩展工具](https://mp.weixin.qq.com/s/VCIxxYNOsJFzNR_d7DuOxQ)

- [ ] [庖丁解牛：最全babel-plugin-import源码详解](https://www.jianshu.com/p/c276c4495c95)

# 其他

- [x] [如何实现多人协作的在线文档](https://mp.weixin.qq.com/s/56ascolS76a7u9D0cILR5Q)

- [x] [这三年沉淀的前端错误监控系统，一篇文章讲透给你](https://mp.weixin.qq.com/s/NY72_cRGAPsex78YwVF_hg)

- [x] [学习 axios 源码整体架构，打造属于自己的请求库](https://mp.weixin.qq.com/s?__biz=MzA5MjQwMzQyNw==&mid=2650744604&idx=1&sn=51d8d865c9848fd59f7763f5fb9ce789&chksm=88662490bf11ad86061ae76ff71a1177eeddab02c38d046eecd0e1ad25dc16f7591f91e9e3b2&scene=21#wechat_redirect)

- [x] [我在支付宝前端体验技术部这四年学到了什么？](https://mp.weixin.qq.com/s/T9OUX8AQ1LK3MMMJOmS02g)

- [x] [听完玉伯的直播，我学到了这些。](https://mp.weixin.qq.com/s/yNI2oQ1nFymVJ6bVFuJ0uA)

- [x] [如何定个目标：成长为滴滴D8的前端大佬！](https://mp.weixin.qq.com/s/RypiPoBRtGdAO9WcqWROHg)

- [ ] [字节跳动是如何落地微前端的](https://mp.weixin.qq.com/s/3EyaoBsGRsABUevELZz5gw)

- [ ] [VSCode 语言插件开发入门](https://mp.weixin.qq.com/s/Eqb9hAvG-WeseP9rCl_XRg)

- [x] [深入浅出解析阿里成熟的微前端框架 qiankun 源码【图文并茂】](https://mp.weixin.qq.com/s/Q_5iaHlgigy6jftShgkwhA)

- [ ] [从零开始实现一个颜色选择器（原生JavaScript实现）](https://mp.weixin.qq.com/s/2tuHGVubyz2crx5ewg3Ysw)

- [x] [Garfish 微前端实现原理](https://mp.weixin.qq.com/s/5t1RpPXVCGCPlxGBmxUGbg)

- [x] [钉钉表格，从零到一打造在线 Excel](https://zhuanlan.zhihu.com/p/340423350)

- [x] [精读《高性能表格》](https://zhuanlan.zhihu.com/p/364094849)

- [x] [在线协作系统总体架构](https://mp.weixin.qq.com/s/iZoMAkqfY85IDeIeslIN7A)

- [x] [面试官：如何实现扫码登录功能？](https://mp.weixin.qq.com/s/P8xle1mEPMpftUbV6K5hTw)

- [x] [有赞美业微前端的落地总结](https://mp.weixin.qq.com/s/flE6nJWtv4T4GlA2fQv7IA)

- [x] [实时协同编辑的实现](https://fex.baidu.com/blog/2014/04/realtime-collaboration/?utm_source=wechat_session&utm_medium=social&utm_oi=876953434316759040)

- [x] [多人协同编辑技术的演进](https://zhuanlan.zhihu.com/p/425265438?utm_source=wechat_session&utm_medium=social&utm_oi=876953434316759040&utm_campaign=shareopn)

- [x] [谈谈浏览器中富文本编辑器的技术演进](https://mp.weixin.qq.com/s/8TSxm2q0kQrVA9AaUE0I7g)

- [x] [现代 Web 开发困局](https://mp.weixin.qq.com/s/bYzlFCSnkpmnkTyPHP64fQ)

- [x] [当微前端遇见企业微信侧边栏需求，会碰撞出什么样的火花？](https://mp.weixin.qq.com/s/wr3pCA0FnRtHuIyyDkSloA)

- [x] [前端团队代码规范最佳实践，个人成长必备！](https://mp.weixin.qq.com/s/uVl-L-YB1KJdfnWPLBB7xw)

- [x] [Rejouer：探秘web页面录制与回放的新大陆](https://mp.weixin.qq.com/s/2WQQSWSl3vdwqRF0kIYWOA)

- [x] [从零实现并扩展可自由绘制的画板](https://mp.weixin.qq.com/s/QYgnSRejggxUVq2SHzwXPg)

- [x] [Twitter和微博都在用的 @ 人的功能是如何设计与实现的？](https://mp.weixin.qq.com/s/nrJ-TO7M8wSOsEYS0xuWPA)

- [x] [CANVAS增量渲染：裁剪和拼接，小数与残影](https://mp.weixin.qq.com/s/3txsm-JbsGYRciE9Er3kdw)

- [x] [CodeSandbox 浏览器端的webpack是如何工作的？ 上篇](https://juejin.cn/post/6844903880652750862)

- [x] [基于 iframe 的全新微前端方案](https://mp.weixin.qq.com/s/jF5OlQ-cJXPXqaPs4iuxHg)

- [x] [文本文档协同编辑的实现原理](https://mp.weixin.qq.com/s/mu2EGqaurODbfxa_MRarRQ)

- [x] [全景封面视频生成技术在双促的应用](https://mp.weixin.qq.com/s/WRiWizv73eD6Bz4xbZVZag)

- [x] [今年做的最有挑战的一件事，文档阅读器，支持 doc、pdf、ppt、txt 渲染](https://mp.weixin.qq.com/s/ZwojuHsacL7ctvZGGU8jJw)

- [x] [2021 年 JavaScript 明星项目公布，最受欢迎的竟是它？](https://mp.weixin.qq.com/s/gylxj743F2knPnneNiBfEg)

- [x] [动态列表组件 - 拖拽排序功能设计与实现](https://mp.weixin.qq.com/s/6M7bCHWsRsbx3x-vFcWFUg)

- [x] [一篇从购买服务器到部署博客代码的详细教程](https://mp.weixin.qq.com/s/fLWKcB6auJTCTs96a8zNEQ)

- [x] [前端领域的 “干净架构”](https://juejin.cn/post/7054888223830441991)

- [x] [语雀新画板](https://mp.weixin.qq.com/s/vikIy3uwUXb-aBdULa2nqA)

- [x] [跨端技术的本质与现状](https://mp.weixin.qq.com/s/XO4LIvglk2wrMT-Vjd6rkA)

- [x] [Web端短视频编辑器的设计与实现 - 像做PPT一样做视频](https://mp.weixin.qq.com/s/WngZd7BR6PgZRoI5guA4ow)

- [x] [浅谈在线文档的那些事儿](https://mp.weixin.qq.com/s/MmWDz7hqeOKMPr-xKwUHnA)

- [x] [音视频通信加餐 —— WebRTC一肝到底](https://mp.weixin.qq.com/s/ZPdSl6x11HH_KAukRF3KVA)

- [x] [我们用 AntV/S2 替换了十几万的商业表格软件](https://mp.weixin.qq.com/s/o-irtBr_-JyTHM1VbhVHvg)

- [x] [Scroll，你玩明白了嘛？](https://mp.weixin.qq.com/s/diLxdGfEh_ZIFkJrQCzb5w)

- [x] [看了9个开源的 Vue3 组件库，发现了这些前端的流行趋势](https://mp.weixin.qq.com/s/81UzOPXOqai_qxIsakX0vw)

- [x] [深入浅出富文本编辑器](https://mp.weixin.qq.com/s/Cs4jc5nHQDCAUtGRa3fuew)

- [ ] [深入理解 Mocha 测试框架：从零实现一个 Mocha](https://mp.weixin.qq.com/s/tpaCOMlVW8kV--s5SflvwQ)

- [ ] [纯 JS 实现语雀的划词高亮功能](https://mp.weixin.qq.com/s/F2OVWaMLFg8EofNr3M-8sg)

- [ ] [如何使用 Monaco Editor 做一个在线的网页代码编辑器](https://juejin.cn/post/7085896602124025887#heading-6)

- [ ] [你的图片加载，一点都不酷炫！不信You Look Look...](https://juejin.cn/post/7122256732940107813)

# web多媒体

- [x] [Cutter - Web视频剪辑工具原理浅析](https://mp.weixin.qq.com/s/hNIY9Wbqnpg9QErbYqMUWQ)

- [x] [多媒体前端技术入门指南](https://www.teqng.com/2021/06/29/%E5%A4%9A%E5%AA%92%E4%BD%93%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/)

- [x] [web多媒体技术在视频编辑场景的应用](https://cloud.tencent.com/developer/article/1694656)

- [x] [爱奇艺云剪辑Web端的技术实现](https://blog.51cto.com/u_15282126/3000742)

- [x] [Web端短视频编辑器的设计与实现 - 像做PPT一样做视频](https://developer.aliyun.com/article/883401)

- [x] [WebRTC 从实战到未来！迎接风口，前端必学的技术](https://juejin.cn/post/7151932832041058340)

  

# 小册

- [ ] [Taro 多端开发实现原理与项目实战](https://juejin.cn/book/6844733744830480397/section)

- [ ] [从零开发H5可视化搭建项目](https://juejin.cn/book/6930553086918262798/section)

# 集锦

- [ ] [模拟面试题](https://github.com/vianvio/FE-Companions/issues)

- [ ] [「中高级前端面试」手写代码合集](https://juejin.cn/post/6902060047388377095)

- [ ] [栈与队列力扣题目总结](https://leetcode-cn.com/problems/sliding-window-maximum/solution/dai-ma-sui-xiang-lu-dai-ni-gao-ding-zhan-y82r/)

- [ ] [面试题集锦](https://github.com/i-want-offer/FE-Essay)

- [ ] [集锦](https://github.com/pwstrick/daily)

- [ ] [web全栈体系](https://hejialianghe.gitee.io/)

- [ ] [前端开发博客](https://github.com/kujian/frontendDaily)

- [ ] [前端乐园](https://github.com/abc-club/js-paradise)

- [ ] [前端面试](https://lgwebdream.github.io/FE-Interview/)

- [ ] [DDFE-blog](https://github.com/DDFE/DDFE-blog)

# vue源码系列

- [x] [vuejs源码解析](https://github.com/answershuto/learnVue)

- [ ] [深入剖析Vue源码](https://book.penblog.cn/)

- [ ] [vue源码解析](https://juejin.cn/column/6969563635194527758)

- [ ] [vue3源码解读](https://hkc452.github.io/slamdunk-the-vue3/)

- [ ] [精通 Vue 技术栈的源码原理](https://juejin.cn/column/6960553066101735461)

# 简历完善/职业规划

- [x] [一个大佬的简历](https://ustbhuangyi.github.io/resume/)

- [x] [如何写「前端简历」，能敲开字节跳动的大门？](https://mp.weixin.qq.com/s/py_HLqOjNdL4l0CZHjMwqw)

- [x] [坐下来谈谈如何写好一份简历？](https://mp.weixin.qq.com/s/S3XHfb0zD0UiPZypYSlCnw)

- [x] [若川知乎问答：2年前端经验，做的项目没什么技术含量，怎么办？](https://mp.weixin.qq.com/s/PY02WfJb96xXuF5OR5DDmQ)

- [ ] [5 年前端经验的大佬提供的职业规划](https://mp.weixin.qq.com/s/5jK0Ahp6TXDuPFWGo3N6Ug)

# 网站

- [ ] [面圈网](https://www.mianshigee.com/)
ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/wanglin2/web_articles

Awesome Lists containing this project

README
