前端笔记本

🔰 前端规范

• Frontend Guidelines 前端指南
• css 属性最好按这样的顺序写

🧙‍♀️ 前端框架

1. React 模板

• React 模板
• React 项目结构和组件命名之道

2. 如何从零开始写一个 react 组件

• 如何从零开始写一个组件(1)
• 如何从零开始写一个组件(2)
• 如何从零开始写一个组件(3)

3. React Hook

• 自定义 React hook
• createContext & useContext 跨组件透传

4. react 相关

• React中渲染交互式指南
• react keep-alive

5. JavaScript / TypeScript

• 可能是你需要的 React + TypeScript 50 条规范和经验
• Material-UI RootRef
• 工具函数
• js 调试
• 写好JavaScript条件语句的5条守则
• React 组件用到的 ts 类型

🎨 CSS

• border-image-source

📦 前端工程化

模块化 AST 部署

• github-pages 部署

🚀 性能优化

• 一行Javascript代码

💻 网络知识

1. HTTP

• 图解 http
• 基于 HTTP Range 实现文件分片并发下载！

🧿 编程思维和算法

1. 设计模式

2. 算法

1. 算法题集合

2. 动画图解：九大经典排序算法

3. Hello算法

3. 数据结构

• 树形结构和一维数组，一笑泯恩仇

🚧 测试

• 前端测试-jest

👨🏻‍💻 前端面试

• 常用面试题集合 1
• 前端面试常考题 2
• 防抖节流深拷贝
• 前端面试常考题 2
• Event/Message Loop 事件/消息循环

🌏 网址收藏

• 网址收藏
• 全球电台
• 敲代码背景音乐
• 硬件维修指南
• 哔哩哔哩-API收集整理
• 怎么实现微信扫码登录

👨‍💻 程序员练级攻略

• 程序员练级攻略

🎉 代码重构

• 代码重构

⚙️ 编程工具

• WebContainers run on Safari, iOS, and iPadOS
• 在线vscode编程
• 客制化键盘