dongyuanxin / blog

📚 专注Web与算法

home	comment	single	footer
true	false	true	MIT Licensed | Copyright © 2020 心谭

此仓库是作者在 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 的个数
• [数学] 数值的整次方(四种解法)

blog's Issues

「评论」2018·第一期

2018·第一期：https://xin-tan.com/passages/2018-12-08-weekly-share-1/

「评论」设计模式手册之策略模式

设计模式手册之策略模式：https://xin-tan.com/passages/2018-10-25-stragegy-pattern/

「评论」三：多页面解决方案--提取公共代码

三：多页面解决方案--提取公共代码：https://xin-tan.com/passages/2018-08-06-webpack-mutiple-pages/

「评论」设计模式手册之享元模式

设计模式手册之享元模式：https://xin-tan.com/passages/2018-12-16-flyweight-pattern/

「评论」设计模式手册之解释器模式

设计模式手册之解释器模式：https://xin-tan.com/passages/2019-01-25-interpreter-pattern/

「评论」设计模式手册之抽象工厂模式

设计模式手册之抽象工厂模式：https://xin-tan.com/passages/2019-04-01-abstract-factory-pattern/

「评论」友情链接

友情链接：https://xin-tan.com/friends/

「评论」设计模式手册之适配器模式

设计模式手册之适配器模式：https://xin-tan.com/passages/2019-01-17-adapter-pattern/

「评论」设计模式手册之状态模式

设计模式手册之状态模式：https://xin-tan.com/passages/2019-01-16-state-pattern/

「评论」设计模式手册之单例模式

设计模式手册之单例模式：https://xin-tan.com/passages/2018-10-23-singleton-pattern/

「评论」2019·第一期

2019·第一期：https://xin-tan.com/passages/2019-03-15-weekly-share-3/

「评论」正则表达式

正则表达式：https://xin-tan.com/passages/2019-03-21-js-re/

「评论」网站信息

网站信息：https://xin-tan.com/about/

「评论」设计模式手册之订阅-发布模式

设计模式手册之订阅-发布模式：https://xin-tan.com/passages/2018-11-18-publish-subscribe-pattern/

「评论」二：编译ES6

二：编译ES6：https://xin-tan.com/passages/2018-07-31-webpack-compile-es6/

「评论」Flex上手与实战

Flex上手与实战：https://xin-tan.com/passages/2019-03-20-css3-flex/

``Blog''ing sounds fun. How about an english readme.md ?

as title

「评论」设计模式手册之备忘录模式

设计模式手册之备忘录模式：https://xin-tan.com/passages/2019-01-26-memento-pattern/

「评论」浏览器常见考点

浏览器常见考点：https://xin-tan.com/passages/2019-05-15-browser/

「评论」基于ServerLess的极简网页计数器：源码分析与最佳实践

基于ServerLess的极简网页计数器：源码分析与最佳实践：https://xin-tan.com/passages/2019-05-18-serverless-page-counter/

「评论」设计模式手册之组合模式

设计模式手册之组合模式：https://xin-tan.com/passages/2018-12-12-composite-pattern/

「评论」JavaScript基础知识梳理(下)

JavaScript基础知识梳理(下)：https://xin-tan.com/passages/2019-03-27-javascript-second/

「评论」零：前言

零：前言：https://xin-tan.com/passages/2018-07-29-webpack-demos-introduction/

「评论」ES6重难点整理

ES6重难点整理：https://xin-tan.com/passages/2019-04-09-es6/

「评论」五：处理CSS

五：处理CSS：https://xin-tan.com/passages/2018-08-17-webpack-css/

「评论」谈谈promise/async/await的执行顺序与V8引擎的BUG

谈谈promise/async/await的执行顺序与V8引擎的BUG：https://xin-tan.com/passages/2018-05-29-promise-async-await-order/

「评论」四：单页面解决方案--代码分割和懒加载

四：单页面解决方案--代码分割和懒加载：https://xin-tan.com/passages/2018-08-08-webpack-spa-split-lazy/

「评论」设计模式手册之桥接模式

设计模式手册之桥接模式：https://xin-tan.com/passages/2019-01-19-bridge-pattern/

「评论」设计模式手册之工厂模式

设计模式手册之工厂模式：https://xin-tan.com/passages/2019-03-31-factory-pattern/

「评论」导航

导航：https://xin-tan.com/guide/

「评论」设计模式手册之命令模式

设计模式手册之命令模式：https://xin-tan.com/passages/2018-11-25-command-pattern/

「评论」标签应用和版本管理

标签应用和版本管理：https://xin-tan.com/passages/2018-09-06-git-tag-and-version/

「评论」设计模式手册之迭代器模式

设计模式手册之迭代器模式：https://xin-tan.com/passages/2018-11-06-iter-pattern/

「评论」设计模式手册之责任链模式

设计模式手册之责任链模式：https://xin-tan.com/passages/2019-01-07-chain-of-responsibility-pattern/

「评论」专题介绍

专题介绍：https://xin-tan.com/passages/2019-06-10-weekly-share/

「评论」02-如何缩小学习反馈周期

02-如何缩小学习反馈周期：https://xin-tan.com/passages/2019-05-25-learn-to-learn/

权限开通

看了您的博客感觉写的挺好的, 特别是那个有图片的那一篇, 可是, 权限密码是多少呢 ?😄

「评论」七：SCSS提取和懒加载

七：SCSS提取和懒加载：https://xin-tan.com/passages/2018-08-28-webpack-scss-lazy/

「评论」前端面试中常考的源码实现

前端面试中常考的源码实现：https://xin-tan.com/passages/2019-03-18-interview-js-code/

「评论」八：JS Tree Shaking

八：JS Tree Shaking：https://xin-tan.com/passages/2018-09-01-js-tree-shaking/

「评论」设计模式手册之装饰者模式

设计模式手册之装饰者模式：https://xin-tan.com/passages/2019-01-12-decorator-pattern/

「评论」设计模式手册之模板模式

设计模式手册之模板模式：https://xin-tan.com/passages/2019-01-31-template-pattern/

「评论」2018·第二期

2018·第二期：https://xin-tan.com/passages/2018-12-24-weekly-share-2/

「评论」设计模式手册之代理模式

设计模式手册之代理模式：https://xin-tan.com/passages/2018-11-01-proxy-pattern/

「评论」一：打包JS

一：打包JS：https://xin-tan.com/passages/2018-07-30-webpack-pack-js/

「评论」六：处理SCSS

六：处理SCSS：https://xin-tan.com/passages/2018-08-18-webpack-scss/

「评论」NodeJS实现简易区块链

NodeJS实现简易区块链：https://xin-tan.com/passages/2019-05-02-node-block-chain/

「评论」Web安全与防护

Web安全与防护：https://xin-tan.com/passages/2019-05-15-web-safety/

「评论」你了解css3的nth-child吗

你了解css3的nth-child吗：https://xin-tan.com/passages/2019-03-19-css3-nth-child/

「评论」JavaScript基础知识梳理(上)

JavaScript基础知识梳理(上)：https://xin-tan.com/passages/2019-03-26-javascript-first/