Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dongyuanxin/blog
📚 专注Web与算法
https://github.com/dongyuanxin/blog
algorithms blog css3 design-pattern frontend javascript koa leetcode-javascript leetcode-solutions nestjs nodejs reactjs serverless typescript webpack4
Last synced: 5 days ago
JSON representation
📚 专注Web与算法
- Host: GitHub
- URL: https://github.com/dongyuanxin/blog
- Owner: dongyuanxin
- License: mit
- Created: 2019-03-09T15:36:20.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-05-30T09:26:33.000Z (over 2 years ago)
- Last Synced: 2024-12-01T02:03:24.784Z (12 days ago)
- Topics: algorithms, blog, css3, design-pattern, frontend, javascript, koa, leetcode-javascript, leetcode-solutions, nestjs, nodejs, reactjs, serverless, typescript, webpack4
- Language: Vue
- Homepage: https://0x98k.com
- Size: 2.59 MB
- Stars: 1,374
- Watchers: 60
- Forks: 185
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-learning - dongyuanxin/blog - 这是一个专注于前端与算法的博客。 (前端)
README
---
home: true
comment: false
single: true
footer: MIT Licensed | Copyright © 2020 心谭
---
此仓库是作者在 Web 学习和工作过程中逐渐积累的笔记。2020 年之前，主要内容是前端开发和算法题解；从 2020 年开始，由于工作和兴趣，主要是云计算（Serverless）和服务侧开发（NodeJS）。基于自身的认知难免有漏洞，也请大家指正。
如果对你的学习成长有帮助，欢迎通过以下方式支持一下，我会有更多的动力去维护 👇👇：
- Star [**Github 项目**](https://github.com/dongyuanxin/blog)
**关键节点** ：[**Web 开发**](https://xin-tan.com/notes/) / [**前端图谱**](https://xin-tan.com/frontend/) / [**算法题解**](https://xin-tan.com/frontend/)
**快速浏览**： **[NodeJS 模块学习](#深入-nodejs-模块) | [框架开发](#框架开发) | [JavaScript](#javascript) | [ES6](#es6) | [HTML5](#html5) | [浏览器](#浏览器) | [云计算](#云计算) | [CSS3 动画设计](#动画设计) | [设计模式](#javascript-设计模式-more) | [剑指 offer](剑指-offer·js-题解-more)**
## NodeJS
- `[命令行]` [玩转"命令行"开发](https://xin-tan.com/2019-05-07-play-node-shell/)
- `[文件处理]` [NodeJS 是如何监听文件的变化？](https://xin-tan.com/2019-09-03-nodejs-watch-file/)
- `[日志处理]` [日志库的实现机制与优化方法](https://xin-tan.com/2019-09-04-log-module/)
- `[区块链]` [NodeJS 实现简易"区块链"](https://xin-tan.com/2019-05-02-node-block-chain/)
- `["会话"控制]` [NodeJS 实战:cookie、session 与 token](https://xin-tan.com/2020-01-14-cookie-session-token/)
### 深入 nodejs 模块
- `[事件机制]` [NodeJS 模块研究 - events](https://xin-tan.com/2020-01-10-nodejs-events/)
- `[二进制]` [NodeJS 模块研究 - Buffer](https://xin-tan.com/2020-01-17-buffer/)
- `[流]` [NodeJS 模块研究 - stream](https://xin-tan.com/2020-01-28-stream/)
- `[操作系统]` [NodeJS 模块研究:os](https://xin-tan.com/2020-01-11-nodejs-os/)
- `[数据加密]` [NodeJS 模块研究 - crypto](https://xin-tan.com/2020-01-21-crypto/)
- `[数据压缩]` [NodeJS 模块研究 - zlib](https://xin-tan.com/2020-01-26-zlib/)
- `[文件系统]` [NodeJS 模块研究 - path](https://xin-tan.com/2020-01-09-nodejs-path/)
- `[文件系统]` [NodeJS 模块研究 - fs](https://xin-tan.com/2020-01-15-fs/)
- `[多进程]` [NodeJS 模块研究 - process](https://xin-tan.com/2020-01-19-process/)
- `[多进程]` [NodeJS 模块研究 - child_process](https://xin-tan.com/2020-01-25-child-process/)
- `[多进程]` [NodeJS 模块研究 - cluster](https://xin-tan.com/2020-01-27-cluster/)
- `[DNS]` [NodeJS 模块研究 - dns](https://xin-tan.com/2020-01-22-dns/)
- `[字符串处理]` [NodeJS 模块研究 - querystring](https://xin-tan.com/2020-01-20-querystring/)
### 框架开发
- `[KoaJS]` [核心库原理](https://xin-tan.com/2019-06-21-deep-in-koa/)
- `[KoaJS]` [架构设计](https://xin-tan.com/2019-06-18-deep-in-koa)
- `[KoaJS]` [手动实现玩具版 koa](https://xin-tan.com/2019-06-21-deep-in-koa-3/)
### 软件测试
- `[Jest]` [Jest 实战：单元测试与服务测试](https://xin-tan.com/2019-05-04-jest-base/)
- `[Jest]` [Jest 进阶：接入 ts、集成测试与覆盖率统计](https://xin-tan.com/2019-05-04-deep-in-jest/)
## JavaScript
### JS 基础
- `[基础]` [JavaScript 基础知识梳理(上)](https://xin-tan.com/2019-03-26-javascript-first/)
- `[基础]` [JavaScript 基础知识梳理(下)](https://xin-tan.com/2019-03-27-javascript-second/)
- `[正则]` [正则表达式](https://xin-tan.com/2019-03-21-js-re/)
- `[轮子]` [前端面试中常考的源码实现](https://xin-tan.com/2019-03-18-interview-js-code/)
### ES6
- `[Promise]` [常用 API 概述](https://xin-tan.com/2018-05-23-es-promise/)
- `[Promise]` [手写 Promise 的相关方法](https://xin-tan.com/2019-11-23-promise-methods/)
- `[Promise]` [让我们再聊聊 Promise 的实现](https://xin-tan.com/2019-11-25-promise-a-plus/)
- `[API]` [ES6 重难点整理](https://xin-tan.com/2019-04-09-es6/)
### HTML5
- [canvas 学习和滤镜实现](https://xin-tan.com/2018-08-20-canvas-beauty-filter/)
- [canvas 离屏技术与放大镜实现](https://xin-tan.com/2018-08-30-canvas-off-screen/)
- [HTML5 原生拖放事件的学习与实践](https://xin-tan.com/2019-04-10-html5-drag-drop/)
- [FileAPI 文件操作实战](https://xin-tan.com/2019-07-15-file-api/)
- [websocket 学习和群聊实现](https://xin-tan.com/2018-08-19-websocket-group-chat/)
- [Service Worker 离线缓存实战](https://xin-tan.com/2019-04-02-pwa-service-worker/)
### TypeScript
- [基础篇：TypeScript 用法与实战](https://xin-tan.com/2019-08-27-typescript-notes/)
- [实战篇：当 Typescript 遇上 Koa 的时候](https://xin-tan.com/2019-08-27-koa-meet-typescript/)
### 浏览器
- [浏览器的常见考点](https://xin-tan.com/2019-05-15-browser/)
- [谈谈 promise/async/await 的执行顺序与 V8 引擎的 BUG](https://xin-tan.com/2018-05-29-promise-async-await-order/)
### 第三方库开发
- [MathJax：让前端支持数学公式](https://xin-tan.com/2018-10-03-js-mathjax/)
- [moment.js 使用详解](https://xin-tan.com/2018-08-21-momentjs/)
- [axios 全局代理实战](https://xin-tan.com/2019-04-16-axios/)
## Web 安全
- [面试中查考的 Web 安全问题](https://xin-tan.com/2019-05-15-web-safety/)
- [SSL 连接并非完全安全问题解决](https://xin-tan.com/2018-08-26-ssl/)
## 云计算
- [Serverless 是什么？](https://xin-tan.com/2020-01-07-what-is-serverless/)
- [Serverless 开发一款极简网页计数器](https://xin-tan.com/2019-05-18-serverless-page-counter/)
- [Serverless 开发：实时对战五子棋小游戏](https://xin-tan.com/2019-08-14-game-gomoku/)
## CSS 精选
- [CSS3 盒模型：border-box](https://xin-tan.com/2018-06-05-border-sizing/)
- [Flex 快速上手](https://xin-tan.com/2019-03-20-css3-flex/)
- [你了解 css3 的 nth-child 吗](https://xin-tan.com/2019-03-19-css3-nth-child/)
- [scss：最常见的 css 预处理器](https://xin-tan.com/2018-05-29-scss-fisrt-step/)
- [scss 实现样式复用: 继承、占位符、混合宏](https://xin-tan.com/2018-05-29-scss-more/)
- `[翻译]` [逐步替换 Scss](https://xin-tan.com/2019-05-17-why-i-stopped-using-sass/)
## 动画设计
- [CSS3·字体特效](https://xin-tan.com/2019-07-16-font-animation/)
- [CSS3·输入框特效](https://xin-tan.com/2019-07-22-input-animation/)
- [CSS3·按钮特效](https://xin-tan.com/2019-07-24-button-animation/)
- [CSS3·Loader 特效(基础)](https://xin-tan.com/2019-07-25-loader-animation-first/)
- [CSS3·Loader 特效(进阶)](https://xin-tan.com/2019-07-26-loader-animation-second/)
## 多端开发
- `[微信端]` [微信网页登录逻辑与实现](https://xin-tan.com/2019-04-15-wechat-h5-login/)
## 工具
- [**Webpack4**](https://xin-tan.com/categories/webpack4系列教程/)
- [**Git**](https://xin-tan.com/categories/git%E7%AC%94%E8%AE%B0/)
## JavaScript 设计模式 [\[more\]](https://xin-tan.com/algorithm/#%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E6%89%8B%E5%86%8C)
- `[创建型]` [单例模式](https://xin-tan.com/2018-10-23-singleton-pattern/)
- `[创建型]` [抽象工厂模式](https://xin-tan.com/2019-04-01-abstract-factory-pattern/)
- `[结构型]` [享元模式](https://xin-tan.com/2018-12-16-flyweight-pattern/)
- `[结构型]` [代理模式](https://xin-tan.com/2018-11-01-proxy-pattern/)
- `[结构型]` [桥接模式](https://xin-tan.com/2019-01-19-bridge-pattern/)
- `[结构型]` [装饰者模式](https://xin-tan.com/2019-01-12-decorator-pattern/)
- `[行为型]` [备忘录模式](https://xin-tan.com/2019-01-26-memento-pattern/)
- `[行为型]` [模板模式](https://xin-tan.com/2019-01-31-template-pattern/)
- `[行为型]` [状态模式](https://xin-tan.com/2019-01-16-state-pattern/)
- `[行为型]` [订阅-发布模式](https://xin-tan.com/2018-11-18-publish-subscribe-pattern/)
## 剑指 Offer·JS 题解 [\[more\]](https://xin-tan.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://xin-tan.com/2019-12-19-er-wei-shu-zu-cha-zhao/)
- `[字符串]` [替换空格](https://xin-tan.com/2019-12-19-ti-huan-kong-ge/)
- `[链表]` [从尾到头打印链表](https://xin-tan.com/2019-12-21-da-yin-lian-biao/)
- `[二叉树]` [重建二叉树](https://xin-tan.com/2019-12-21-re-construct-btree/)
- `[堆栈]` [用两个栈(队列)实现队列(栈)](https://xin-tan.com/2019-12-23-zhan-shi-xian-dui-lie/)
- `[二进制]` [二进制中 1 的个数](https://xin-tan.com/2019-12-31-number-of-one/)
- `[数学]` [数值的整次方(四种解法)](https://xin-tan.com/2019-12-31-pow/)