此仓库是作者在 Web 学习和工作过程中�?�?积累的笔记。2020 年之�?，主�?内容是�?端开�?�和算法题解；从 2020 年开始，由于工作和兴趣，主�?是云计算（Serverless）和�?务侧开�?�（NodeJS）。基于自身的认知难�?有�?洞，也请大家指正。

如果对你的学习�?长有帮助，欢迎通过以下方�?支�?一下，我会有更多的动力去维护 👇👇：

• Star Github 项目

关键节点 ：Web 开�?� / �?端图谱 / 算法题解

快速�?览： NodeJS 模�?�学习 | 框架开�?� | JavaScript | ES6 | HTML5 | �?览器 | 云计算 | CSS3 动画设计 | 设计模�? | 剑指 offer

NodeJS

• [命令行] 玩转"命令行"开�?�
• [文件处�?�] NodeJS 是如何监�?�文件的�?�化？
• [日志处�?�] 日志库的实现机制与优化方法
• [区�?�链] NodeJS 实现简易"区�?�链"
• ["会�?"控制] NodeJS 实战:cookie�?session 与 token

深入 nodejs 模�?�

• [事件机制] NodeJS 模�?�研究 - events
• [二进制] NodeJS 模�?�研究 - Buffer
• [�?] NodeJS 模�?�研究 - stream
• [�?作系统] NodeJS 模�?�研究:os
• [数�?�加密] NodeJS 模�?�研究 - crypto
• [数�?�压缩] NodeJS 模�?�研究 - zlib
• [文件系统] NodeJS 模�?�研究 - path
• [文件系统] NodeJS 模�?�研究 - fs
• [多进程] NodeJS 模�?�研究 - process
• [多进程] NodeJS 模�?�研究 - child_process
• [多进程] NodeJS 模�?�研究 - cluster
• [DNS] NodeJS 模�?�研究 - dns
• [字符串处�?�] NodeJS 模�?�研究 - querystring

框架开�?�

• [KoaJS] 核心库原�?�
• [KoaJS] 架构设计
• [KoaJS] 手动实现玩具版 koa

软件测试

• [Jest] Jest 实战：�?�元测试与�?务测试
• [Jest] Jest 进阶：接入 ts�?集�?测试与覆盖率统计

JavaScript

JS 基础

• [基础] JavaScript 基础知识梳�?�(上)
• [基础] JavaScript 基础知识梳�?�(下)
• [正则] 正则表达�?
• [轮�?] �?端�?�试中常考的�?�?实现

ES6

• [Promise] 常用 API 概述
• [Promise] 手写 Promise 的相关方法
• [Promise] 让我们�?�?��?� Promise 的实现
• [API] ES6 �?难点整�?�

HTML5

• canvas 学习和滤镜实现
• canvas 离�?技术与放大镜实现
• HTML5 原生拖放事件的学习与实践
• FileAPI 文件�?作实战
• websocket 学习和群�?�实现
• Service Worker 离线缓存实战

TypeScript

• 基础篇：TypeScript 用法与实战
• 实战篇：当 Typescript �?�上 Koa 的时候

�?览器

• �?览器的常�?考点
• 谈谈 promise/async/await 的执行顺�?与 V8 引擎的 BUG

第三方库开�?�

• MathJax：让�?端支�?数学公�?
• moment.js 使用详解
• axios 全局代�?�实战

Web 安全

• �?�试中查考的 Web 安全问题
• SSL 连接并�?�完全安全问题解决

云计算

• Serverless 是什么？
• Serverless 开�?�一款�?简网页计数器
• Serverless 开�?�：实时对战五�?棋�?游�?

CSS 精选

• CSS3 盒模型：border-box
• Flex 快速上手
• 你了解 css3 的 nth-child �?�
• scss：最常�?的 css 预处�?�器
• scss 实现样�?�?用: 继承�?�?��?符�?混�?��?
• [翻译] �?步替�?� Scss

动画设计

• CSS3·字体特效
• CSS3·输入框特效
• CSS3·按钮特效
• CSS3·Loader 特效(基础)
• CSS3·Loader 特效(进阶)

多端开�?�

• [微信端] 微信网页登录逻辑与实现

工具

• Webpack4
• Git

JavaScript 设计模�? [more]

• [创建型] �?�例模�?
• [创建型] 抽象工厂模�?
• [结构型] 享元模�?
• [结构型] 代�?�模�?
• [结构型] 桥接模�?
• [结构型] 装饰者模�?
• [行为型] 备忘录模�?
• [行为型] 模�?�模�?
• [行为型] 状�?模�?
• [行为型] 订阅-�?�布模�?

剑指 Offer·JS 题解 [more]

• [数组] 二维数组中的查找
• [字符串] 替�?�空格
• [链表] 从尾到头打�?�链表
• [二�?�树] �?建二�?�树
• [堆栈] 用两个栈(队列)实现队列(栈)
• [二进制] 二进制中 1 的个数
• [数学] 数值的整次方(四�?解法)