前端系列汇总

作者：心谭，Web Developer

本仓库是作者在学习 Web 开发过程中积累的笔记，主要以前端开发和算法题解为主，自 2018 年开始一直持续更新。如果这些笔记对你的学习有帮助，欢迎通过以下方式支持一下，你的支持是我持续维护的动力：

• 关注公众号 心谭博客
• 进入 Github 仓库，Star 并关注

文章目录地址：xin-tan.com

文章阅读地址： 前端图谱 / 算法题解

# Node 开发

• 深入 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
  • [进阶] NodeJS 核心编码实战
• 框架应用
  • [KoaJS] 核心库原理
  • [KoaJS] 架构与设计
  • [KoaJS] 手动实现玩具版 koa
  • [架构] 从 Web 开发的角度聊聊 MVC、MVP 和 MVVM
• TDD
  • [Jest] Jest 实战：单元测试与服务测试
  • [Jest] Jest 进阶：接入 ts、集成测试与覆盖率统计
• 网络协议和安全
  • [QA] 面试中查考的 Web 安全问题
  • [ssl] SSL 连接并非完全安全问题解决
  • [https] HTTPS 加密过程和 TLS 证书验证
• 云计算
  • [serverless] Serverless 是什么？
  • [serverless] Serverless 开发一款极简网页计数器
  • [serverless] Serverless 开发：实时对战五子棋小游戏
• NOTES
  • [命令行] 玩转"命令行"开发
  • [文件处理] NodeJS 是如何监听文件的变化？
  • [日志处理] 日志库的实现机制与优化方法
  • [区块链] NodeJS 实现简易"区块链"
  • ["会话"控制] NodeJS 实战:cookie、session 与 token

# JS 开发

• JavaScript
  • [基础] JavaScript 基础知识梳理(上)
  • [基础] JavaScript 基础知识梳理(下)
  • [正则] 正则表达式·进阶
  • [正则] 正则表达式·考题
  • [轮子] 前端面试中常考的源码实现
  • [浏览器] 浏览器的常见考点
• ES6
  • [Promise] 常用 API 概述
  • [Promise] 手写 Promise 的相关方法
  • [Promise] 让我们再聊聊 Promise 的实现
  • [V8] 谈谈 promise/async/await 的执行顺序与 V8 引擎的 BUG
  • [API] ES6 重难点整理
• HTML5:
  • [canvas] canvas 学习和滤镜实现
  • [canvas] canvas 离屏技术与放大镜实现
  • [drag] HTML5 原生拖放事件的学习与实践
  • [file] FileAPI 文件操作实战
  • [ws] websocket 学习和群聊实现
  • [pwa] Service Worker 离线缓存实战
• TypeScript
  • [ts] 基础篇：TypeScript 用法与实战
  • [koa] 实战篇：当 Typescript 遇上 Koa 的时候
• ReactJS
  • [vdom] 一文说清「VirtualDOM」的含义与实现
  • [hook] 一文彻底搞懂 react hooks 的原理和实现
  • [router] React Router 进阶技巧
  • [design] React 组件通信解决方案
• Libraries
  • [latex] MathJax：让前端支持数学公式
  • [time] moment.js 使用详解
  • [ajax] axios 全局代理实战

# CSS 开发

• CSS & SCSS
  • [CSS3] CSS3 盒模型：border-box
  • [CSS3] Flex 快速上手
  • [CSS3] 你了解 css3 的 nth-child 吗
  • [SCSS] scss：最常见的 css 预处理器
  • [SCSS] scss 实现样式复用: 继承、占位符、混合宏
  • [翻译] 逐步替换 Scss
• 动画设计
  • [CSS3] 常见字体特效原理和实现
  • [CSS3] 常见输入框特效原理和实现
  • [CSS3] 常见按钮特效原理和实现
  • [CSS3] 常见 Loader 特效(基础)
  • [CSS3] 常见 Loader 特效(进阶)

# 多端开发

• [微信网页] 微信网页登录逻辑与实现
• [微信小游戏] Serverless 开发：实时对战五子棋小游戏

# 工具开发

• [webpack4] 16 篇 Webpack4 系列教程