---

home: true comment: false single: true footer: MIT Licensed | Copyright © 2020 DongYuanxin

此仓库是作者在 Web 学习和工作过程中逐渐积累的笔记。2020 年之前，主要内容是前端开发和算法题解；从 2020 年开始，由于工作和兴趣，主要是全栈开发。基于自身的认知难免有漏洞，也请大家指正。

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

• Star Github 项目

快速浏览： 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 的个数
• [数学] 数值的整次方(四种解法)