https://github.com/airingursb/frontend-reading-list
📕 前端知识库阅读清单
https://github.com/airingursb/frontend-reading-list
Last synced: about 2 months ago
JSON representation
📕 前端知识库阅读清单
- Host: GitHub
- URL: https://github.com/airingursb/frontend-reading-list
- Owner: airingursb
- Created: 2019-10-20T09:21:13.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T05:22:48.000Z (almost 2 years ago)
- Last Synced: 2025-04-08T05:51:20.592Z (6 months ago)
- Language: Shell
- Homepage: http://ursb.me/frontend-reading-list/
- Size: 98.6 KB
- Stars: 14
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📔 前端知识库阅读清单
[[toc]]
## 1. JavaScript
## 2. CSS 与动效
## 3. 浏览器
### 3.1 Event Loop
- [从 薛定谔的猫 聊到 Event loop](https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650590107&idx=1&sn=fc447ad74a10ab6d0840c0fd2a7c8ac6&chksm=8891dbbfbfe652a9ccb7376dc0bf1ef16ad1f0ab1e2716165b464cf4eb14b042dcf934044a5b&mpshare=1&scene=1&srcid=%23rd)
- [详解JavaScript中的Event Loop（事件循环）机制](https://zhuanlan.zhihu.com/p/33058983)
- [从event loop规范探究javaScript异步及浏览器更新渲染时机 ](https://github.com/aooy/blog/issues/5)
- [Event Loop的规范和实现](https://juejin.im/post/5a6155126fb9a01cb64edb45)
### 3.2 任务调度
- [你应该知道的requestIdleCallback](https://juejin.im/post/5ad71f39f265da239f07e862)
## 4. React
### 4.1 Hooks
- [React Hooks 源码解析（1）：类组件、函数组件、纯组件](https://me.ursb.me/archives/201.html)
- [React Hooks 源码解析（2）：组件逻辑复用与扩展](https://me.ursb.me/archives/205.html)
- [React Hooks 源码解析（3）：useState](https://me.ursb.me/archives/useState.html)
- [React hooks: not magic, just arrays](https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e)
- [React Hooks 原理](https://github.com/brickspert/blog/issues/26)
- [源码解析React Hook构建过程：没有设计就是最好的设计](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247491845&idx=1&sn=8992994eb5674f14a2ea5250c5b517ec&chksm=f9525446ce25dd50f4895894cb39fb509424107d44da7768be75bc653882c530d69fa9320ea2&mpshare=1&scene=1&srcid=%23rd)
- [从源码剖析useState的执行过程](https://juejin.im/post/5cc809d2f265da036c579620)
### 4.2 Fiber
- [React Fiber初探](https://juejin.im/post/5a2276d5518825619a027f57)
- [这可能是最通俗的 React Fiber 打开方式](https://juejin.im/post/5dadc6045188255a270a0f85)
- [React Fiber](https://juejin.im/post/5ab7b3a2f265da2378403e57)
### 4.3 Concurrent
- [Introducing Concurrent Mode](https://reactjs.org/docs/concurrent-mode-intro.html)
- [Concurrent UI Patterns](https://reactjs.org/docs/concurrent-mode-patterns.html)
- [Suspense the world](https://juejin.im/post/5db65d87518825648f2ef899)
- [useTransition 的平行世界](https://juejin.im/post/5dbee8e7e51d4558040f0830)
## 5. Vue
## 6. 安全
- [XSS 的攻击手段与防御](https://me.ursb.me/archives/cs.html)
- [CSRF 的攻击手段与防御](https://me.ursb.me/archives/csrf.html)
- [XST 的攻击原理与防御](https://me.ursb.me/archives/xst.html)
- [HPP 的攻击举例与防范](https://me.ursb.me/archives/hpp.html)
## 7. 性能优化
### 7.1 性能指标
- [User-centric Performance Metrics](https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics): 本文介绍了 FP、FCP、FMP、TTI 等概念及相关优化。
### 7.2 React 性能优化
- [浅谈React性能优化的方向](https://juejin.im/post/5d045350f265da1b695d5bf2)