# blog-1

**Repository Path**: mirrors_singod/blog-1

## Basic Information

- **Project Name**: blog-1
- **Description**: 📚 专注前端与算法
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

---
home: true
comment: false
single: true
footer: MIT Licensed | Copyright © 2019 心谭
---

![](https://tva1.sinaimg.cn/large/006tNbRwly1g9xhhp50jpj31bi0hcju4.jpg)

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

- 关注公众号 [**心谭博客**](https://tva1.sinaimg.cn/large/006tNbRwly1g9xhhp50jpj31bi0hcju4.jpg)
- Star 关注 [**Github 仓库**](https://github.com/dongyuanxin/blog)

**文章地址：** [**前端图谱**](https://xxoo521.com/frontend/) **/** [**算法题解**](https://xxoo521.com/frontend/)

**快速查看**： **[NodeJS 模块学习](#深入-nodejs-模块) | [框架开发](#框架开发) | [JavaScript](#javascript) | [ES6](#es6) | [HTML5](#html5) | [浏览器](#浏览器) | [云计算](#云计算) | [CSS3 动画设计](#动画设计) | [设计模式](#javascript-设计模式-more) | [剑指 offer](剑指-offer·js-题解-more)**

## NodeJS

- `[命令行]` [玩转"命令行"开发](https://xxoo521.com/2019-05-07-play-node-shell/)
- `[文件处理]` [NodeJS 是如何监听文件的变化？](https://xxoo521.com/2019-09-03-nodejs-watch-file/)
- `[日志处理]` [日志库的实现机制与优化方法](https://xxoo521.com/2019-09-04-log-module/)
- `[区块链]` [NodeJS 实现简易"区块链"](https://xxoo521.com/2019-05-02-node-block-chain/)
- `["会话"控制]` [NodeJS 实战:cookie、session 与 token](https://xxoo521.com/2020-01-14-cookie-session-token/)

### 深入 nodejs 模块

- `[事件机制]` [NodeJS 模块研究 - events](https://xxoo521.com/2020-01-10-nodejs-events/)
- `[二进制]` [NodeJS 模块研究 - Buffer](https://xxoo521.com/2020-01-17-buffer/)
- `[流]` [NodeJS 模块研究 - stream](https://xxoo521.com/2020-01-28-stream/)
- `[操作系统]` [NodeJS 模块研究:os](https://xxoo521.com/2020-01-11-nodejs-os/)
- `[数据加密]` [NodeJS 模块研究 - crypto](https://xxoo521.com/2020-01-21-crypto/)
- `[数据压缩]` [NodeJS 模块研究 - zlib](https://xxoo521.com/2020-01-26-zlib/)
- `[文件系统]` [NodeJS 模块研究 - path](https://xxoo521.com/2020-01-09-nodejs-path/)
- `[文件系统]` [NodeJS 模块研究 - fs](https://xxoo521.com/2020-01-15-fs/)
- `[多进程]` [NodeJS 模块研究 - process](https://xxoo521.com/2020-01-19-process/)
- `[多进程]` [NodeJS 模块研究 - child_process](https://xxoo521.com/2020-01-25-child-process/)
- `[多进程]` [NodeJS 模块研究 - cluster](https://xxoo521.com/2020-01-27-cluster/)
- `[DNS]` [NodeJS 模块研究 - dns](https://xxoo521.com/2020-01-22-dns/)
- `[字符串处理]` [NodeJS 模块研究 - querystring](https://xxoo521.com/2020-01-20-querystring/)

### 框架开发

- `[KoaJS]` [核心库原理](https://xxoo521.com/2019-06-21-deep-in-koa/)
- `[KoaJS]` [架构设计](https://xxoo521.com/2019-06-18-deep-in-koa)
- `[KoaJS]` [手动实现玩具版 koa](https://xxoo521.com/2019-06-21-deep-in-koa-3/)

### 软件测试

- `[Jest]` [Jest 实战：单元测试与服务测试](https://xxoo521.com/2019-05-04-jest-base/)
- `[Jest]` [Jest 进阶：接入 ts、集成测试与覆盖率统计](https://xxoo521.com/2019-05-04-deep-in-jest/)

## JavaScript

### JS 基础

- `[基础]` [JavaScript 基础知识梳理(上)](https://xxoo521.com/2019-03-26-javascript-first/)
- `[基础]` [JavaScript 基础知识梳理(下)](https://xxoo521.com/2019-03-27-javascript-second/)
- `[正则]` [正则表达式](https://xxoo521.com/2019-03-21-js-re/)
- `[轮子]` [前端面试中常考的源码实现](https://xxoo521.com/2019-03-18-interview-js-code/)

### ES6

- `[Promise]` [常用 API 概述](https://xxoo521.com/2018-05-23-es-promise/)
- `[Promise]` [手写 Promise 的相关方法](https://xxoo521.com/2019-11-23-promise-methods/)
- `[Promise]` [让我们再聊聊 Promise 的实现](https://xxoo521.com/2019-11-25-promise-a-plus/)
- `[API]` [ES6 重难点整理](https://xxoo521.com/2019-04-09-es6/)

### HTML5

- [canvas 学习和滤镜实现](https://xxoo521.com/2018-08-20-canvas-beauty-filter/)
- [canvas 离屏技术与放大镜实现](https://xxoo521.com/2018-08-30-canvas-off-screen/)
- [HTML5 原生拖放事件的学习与实践](https://xxoo521.com/2019-04-10-html5-drag-drop/)
- [FileAPI 文件操作实战](https://xxoo521.com/2019-07-15-file-api/)
- [websocket 学习和群聊实现](https://xxoo521.com/2018-08-19-websocket-group-chat/)
- [Service Worker 离线缓存实战](https://xxoo521.com/2019-04-02-pwa-service-worker/)

### TypeScript

- [基础篇：TypeScript 用法与实战](/2019-08-27-typescript-notes/)
- [实战篇：当 Typescript 遇上 Koa 的时候](/2019-08-27-koa-meet-typescript/)

### 浏览器

- [浏览器的常见考点](https://xxoo521.com/2019-05-15-browser/)
- [谈谈 promise/async/await 的执行顺序与 V8 引擎的 BUG](https://xxoo521.com/2018-05-29-promise-async-await-order/)

### 第三方库开发

- [MathJax：让前端支持数学公式](https://xxoo521.com/2018-10-03-js-mathjax/)
- [moment.js 使用详解](https://xxoo521.com/2018-08-21-momentjs/)
- [axios 全局代理实战](https://xxoo521.com/2019-04-16-axios/)

## Web 安全

- [面试中查考的 Web 安全问题](https://xxoo521.com/2019-05-15-web-safety/)
- [SSL 连接并非完全安全问题解决](https://xxoo521.com/2018-08-26-ssl/)

## 云计算

- [Serverless 是什么？](https://xxoo521.com/2020-01-07-what-is-serverless/)
- [Serverless 开发一款极简网页计数器](https://xxoo521.com/2019-05-18-serverless-page-counter/)
- [Serverless 开发：实时对战五子棋小游戏](https://xxoo521.com/2019-08-14-game-gomoku/)

## CSS 精选

- [CSS3 盒模型：border-box](https://xxoo521.com/2018-06-05-border-sizing/)
- [Flex 快速上手](https://xxoo521.com/2019-03-20-css3-flex/)
- [你了解 css3 的 nth-child 吗](https://xxoo521.com/2019-03-19-css3-nth-child/)
- [scss：最常见的 css 预处理器](https://xxoo521.com/2018-05-29-scss-fisrt-step/)
- [scss 实现样式复用: 继承、占位符、混合宏](https://xxoo521.com/2018-05-29-scss-more/)
- `[翻译]` [逐步替换 Scss](https://xxoo521.com/2019-05-17-why-i-stopped-using-sass/)

## 动画设计

- [CSS3·字体特效](https://xxoo521.com/2019-07-16-font-animation/)
- [CSS3·输入框特效](https://xxoo521.com/2019-07-22-input-animation/)
- [CSS3·按钮特效](https://xxoo521.com/2019-07-24-button-animation/)
- [CSS3·Loader 特效(基础)](https://xxoo521.com/2019-07-25-loader-animation-first/)
- [CSS3·Loader 特效(进阶)](https://xxoo521.com/2019-07-26-loader-animation-second/)

## 多端开发

- `[微信端]` [微信网页登录逻辑与实现](https://xxoo521.com/2019-04-15-wechat-h5-login/)

## 工具

- [**Webpack4**](https://xxoo521.com/categories/webpack4系列教程/)
- [**Git**](https://xxoo521.com/categories/git%E7%AC%94%E8%AE%B0/)

## JavaScript 设计模式 [\[more\]](https://xxoo521.com/algorithm/#%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E6%89%8B%E5%86%8C)

- `[创建型]` [单例模式](https://xxoo521.com/2018-10-23-singleton-pattern/)
- `[创建型]` [抽象工厂模式](https://xxoo521.com/2019-04-01-abstract-factory-pattern/)
- `[结构型]` [享元模式](https://xxoo521.com/2018-12-16-flyweight-pattern/)
- `[结构型]` [代理模式](https://xxoo521.com/2018-11-01-proxy-pattern/)
- `[结构型]` [桥接模式](https://xxoo521.com/2019-01-19-bridge-pattern/)
- `[结构型]` [装饰者模式](https://xxoo521.com/2019-01-12-decorator-pattern/)
- `[行为型]` [备忘录模式](https://xxoo521.com/2019-01-26-memento-pattern/)
- `[行为型]` [模板模式](https://xxoo521.com/2019-01-31-template-pattern/)
- `[行为型]` [状态模式](https://xxoo521.com/2019-01-16-state-pattern/)
- `[行为型]` [订阅-发布模式](https://xxoo521.com/2018-11-18-publish-subscribe-pattern/)

## 剑指 Offer·JS 题解 [\[more\]](https://xxoo521.com/algorithm/#%E3%80%8A%E5%89%91%E6%8C%87-Offer%E3%80%8B-JavaScript-%E7%89%88%E8%AE%B2%E8%A7%A3)

- `[数组]` [二维数组中的查找](https://xxoo521.com/2019-12-19-er-wei-shu-zu-cha-zhao/)
- `[字符串]` [替换空格](https://xxoo521.com/2019-12-19-ti-huan-kong-ge/)
- `[链表]` [从尾到头打印链表](https://xxoo521.com/2019-12-21-da-yin-lian-biao/)
- `[二叉树]` [重建二叉树](https://xxoo521.com/2019-12-21-re-construct-btree/)
- `[堆栈]` [用两个栈(队列)实现队列(栈)](https://xxoo521.com/2019-12-23-zhan-shi-xian-dui-lie/)
- `[二进制]` [二进制中 1 的个数](https://xxoo521.com/2019-12-31-number-of-one/)
- `[数学]` [数值的整次方(四种解法)](https://xxoo521.com/2019-12-31-pow/)