快速开始

这里是工作、学习、生活中总结的各类文章，有技术、有生活、有思考。 所有内容会选择性的发表在微信公众号、掘金、CSDN、Github平台上（延迟1-2篇） ，实际内容以本仓库排版、校对为主。

在线浏览

没有效访问链接的代表尚未完成，大家善用快捷键Ctrl+F

• 稳定版：https://code.142vip.cn

网站无法访问时，合理使用魔法、通过科学上网访问第三方托管平台

• Github：https://142vip.github.io/JavaScriptCollection
• Netlify： https://js-collection.netlify.app
• Vercel： https://js-collection.vercel.app

前端

前端技术百花齐放、层出不穷，个人认为要注重广度，学会看官方文档熟练操作即可；

HTML

CSS

• CSS开发规范
• 样式属性
• 页面布局
• 移动端适配

JavaScript

快速入门

• 简单介绍
• 快速了解
• JavasScript开发规范

基础教程

• 语法与数据结构
• 循环与迭代
• 流程控制与错误处理
• 表达式和运算符
• 函数和方法
• 数字和日期
• 对象的使用
• 正则表达式
• promise对象的使用
• modules模块

中级教程

• Promise对象
• async函数
• class类
• 不一样的ajax
• 什么是事件循环
• JSON.stringify()的三个参数
• ES6、ES7、ES8、ES9、ES10的新特性
• ES2020新特性
• 工具函数大全
• 常用函数方法整理

JQuery

• 安装使用
• 基本属性
• Css样式
• 选择器
• 文档处理
• 筛选
• 事件
• 效果
• 事件对象
• 延迟对象
• 回调函数

Vue.js

React

Nuxt.js

Nuxt.js是在vue框架上进行封装的，主要是用来解决单体页面的服务端渲染问题，提供网站进行SEO优化的可能

• 前端读写cookie

UI框架

市面上前端框架层出不穷，不同的技术栈依赖的UI框架也不尽相同，这里将会依据笔者使用的UI框架，以线上项目展示的方式，介绍用过的框架；

Bootstrap

LayerUI

Ant-Design-Vue

IView-UI

Vant-UI

Element-UI

后端【Node】

Express框架

• 框架概念简介
• brew和tree的安装
• 搭建express基础项目
• 安装
• 路由
• 静态文件
• 中间件
• 统一错误处理
• express()函数
• application对象详解
• request对象
• response对象
• router对象
• 数据库集成
• MVC分层
• 分环境部署上线

Koa框架

Egg.js框架

入门教程

• 接口参数获取
• Egg内置对象
• Config配置
• Egg生命周期
• 中间件理解
• Router路由分发
• Controller控制器
• Service服务
• 日志输出
• 定时任务
• HttpClient网络请求
• Cookie的基本使用
• Session的基本使用
• 统一异常-错误处理
• CSRF防范和XSS攻击
• RESTful API风格

插件使用

• egg-validate参数校验
• egg-view-ejs页面渲染
• egg-redis缓存
• egg-mysql
• egg-sequelize
• egg-socket.io即时通讯

最佳实践

• 图片前端在线剪辑
• 文件上传后台处理
• MD5加密-解密算法
• Egg Jwt加密和校验

Nest.js框架

Nestjs框架推崇Typescript语法，友好的兼容Express框架，因此在学习Nestjs框架之前，请务必熟悉Express 框架、Typescript入门。

• 核心基础概念
• 项目创建初始化入门
• 整合swagger快速生成api文档
• 接口路由请求传参

数据库

主讲数据库基础知识，结合node的简单使用，相关的部署方案参照下方的文档

MySQL

• 【服务器版】MySQL的安装部署
• MySQL优化之Explain参数说明
• 索引
• sql优化
• 基于GTID主从复制的原理和基础配置
• MySQL日志类型把我难哭了，你学废了吗？

Redis

• key命名规范与建议
• redis开发使用规范
• redis基础介绍
• redis的简单安装和部署
• 数据类型
• redis简单主从集群部署-docker方式
• memCache与Redis比较

MongoDB

• 基本介绍
• 安装部署
• 简单使用
• Node下的CURD操作、

算法

• 算法时间、空间复杂度分析

查找算法

• 顺序查找
• 折半查找
• 分块查找
• B树和B+树
• 散列（Hash）表
• 字符串模式匹配(KPM)

排序算法

• 插入排序
• 交换排序
• 选择排序
• 归并排序
• 基数排序

设计模式

弥补编程语言缺陷

架构型模式

• MVC模式
• MVP模式
• MVVM模式
• Widget模式
• 简单工厂模式
• 异步模块模式
• 同步模块模式

技巧型模式

• 链模式
• 委托模式
• 惰性模式
• 防抖模式
• 节流模式
• 参与者模式
• 等待者模式
• 简单模板模式
• 数据访问对象模式

23种经典模式

创建型模式（5种）

• 建造者（Builder）模式
• 单例（Singleton）模式
• 原型（Prototype）模式
• 工厂方法（FactoryMethod）模式
• 抽象工厂（AbstractFactory）模式

结构型模式（7种）

• 代理（Proxy）模式
• 桥接（Bridge）模式
• 外观（Facade）模式
• 适配器（Adapter）模式
• 装饰（Decorator）模式
• 享元（Flyweight）模式
• 组合（Composite）模式

行为型模式（11种）

• 状态（State）模式
• 命令（Command）模式
• 策略（Strategy）模式
• 备忘录（Memento）模式
• 访问者（Visitor）模式
• 中介者（Mediator）模式
• 迭代器（Iterator）模式
• 观察者（Observer）模式
• 解释器（Interpreter）模式
• 模板方法（Template Method）模式
• 职责链（Chain of Responsibility）模式

开发技巧

代码管理

代码风格

编译工具

微服务

容器相关

服务部署

网关

服务注册|发现

Apollo

携程开发的配置中心经典项目，可集成多语言客户端，实现灰度部署，在分布式微服务的场景下抽离出服务配置，方便统一管理、发布

Consul

服务注册、发现，key-value键值对管理

Nacos

阿里巴巴出品，适用于微服务下的配置管理，支持Java、Nodejs等主流语言，目前生态良好，技术支持表现一般，属于Apollo替代产品

消息中间件

RabbitMQ

kafka

RocketMQ

RPC框架

gRPC

gRPC 一开始由 google 开发，是一款语言中立、平台中立、开源的远程过程调用(RPC)系统，tensorflow分布式与tensorflow serving底层通信都是是用的gRPC。我自己基于JavaScript技术栈上较多的接触到gRPC，传送门:基于js下各框架gRPC的使用

• nodejs下gRPC的简单实用
• gRPC集成express框架
• gRPC集成Koa框架
• gRPC在egg.js下的应用
• gRPC插件开发示例

Dubbo

Alibaba开发的一个RPC框架，远程接口基于Java Interface, 依托于Spring框架(Java技术栈重点研究)

Thrift

ELK

全链路日志追踪

• ELK基础概念与常用架构整理

ElasticSearch

数据存储

Logstash

数据收集

Kibana

数据展示

监控工具

Prometheus

Grafana

Zabbix

lepus(天兔)

高可用架构

MySQL集群

主从同步

实现功能：主从服务器数据一致，低延迟、高并发

• Binlog主从复制
• GTID主从复制
• 主主复制

代理中间件

实现功能：读写分离、分库分表、负载均衡、故障切换

• MyCat
• 360Atlas

可视化监控

实现功能：实时监控、可视化数据显示、故障报警

Prometheus

• 监控MySQL集群
• 监控Mongo数据库
• 监控Node服务
• 监控linux服务器
• 监控redis集群

Grafana

• 基本安装部署
• 功能介绍和简单操作
• 可视化数据图形显示界面
• 常用模板

alter-manager

• 推送到邮箱
• 推送到钉钉、微信机器人
• 推送到自定义消息接口（webhook钩子）

压力测试

• Jmeter

Redis集群

主从模式

哨兵模式

集群模式

程序人生

读书整理

技术类

• ES6标准入门
• 深入浅出的Node.js
• 更了不起的Node.js - 狼书卷1
• 了不起的Node.js
• 分布式消息中间件实践

非技术类

主要是跟计算机无关的一些书，在看完之后，会选择性的进行思维导图、经典词句整理，也可能添加个人思考

• 你好孤独 - 陈果
• 好的，爱情 - 陈果
• 在细雨中呼喊 - 余华
• 第七天 - 余华
• 兄弟 - 余华
• 文城 - 余华