前端技术栈说明
2018-06-25 15:33:56 0 举报AI智能生成
兔展创意云前端团队技术栈说明文档。
作者其他创作
大纲/内容
Server
Nodejs
框架
Express
Koa2
了解
基于Express的framework
配置中心
标准库
HTTP/HTTPS
Net
File System
Buffer
Event
Modules
Stream
V8
Path URL
Cluster
Child Process
外部库
request/request-promise
ioredis
mysql
knex
log4js
uuid
session
模块规范
Commonjs
同步模块
模块缓存
循环引用问题
ESM
模板引擎
ejs
pug
NPM
模块版本管理
TNPM
内部私有源
package.json
数据库
MySQL
基本的增删改查操作
MongoDB
缓存
Redis
Memcached
API
基于HTTP协议
后端API网关
Restful风格
统一的响应数据结构
MVC分层架构
M：请求API、查询数据、处理数据
V：渲染模板
C：定义路由、判断参数
高扩展性、可维护性
容器技术
Docker
基于Docker的运行环境
基于Docker的部署技术
Node镜像
守护进程
nodemon
开发模式
PM2
生产环境
forever
生产环境，老RP-server
集群
多进程
子进程
多核
线程与进程
Nginx
反向代理服务器
API网关服务器
静态文件服务器
负载均衡
Linux
基本命令
SSH
文件系统
网络协议
HTTP
HTTP 1.1
HTTP 2
GET POST PUT DELETE HEAD
Common Headers
Request Headers
Response Headers
缓存控制
压缩：gzip
cookie
文件流
HTTPS
TLS/SSL
握手与挥手
加密算法
安全证书
TCP
Socket
WebSocket
实时通讯
数据交换协议
JSON
JSONP
XML
TypeScript
JavaScript的完整超集
类型声明
类型约束
基本类型
复杂类型
Interface
泛型
TSC(编译生产环境运行代码)
TS-Node(开发模式基于TS-Node运行)
tsconfig.js
代码质量
TSLint
ESLint
Git precommit hook
代码规范
Prettier
editorconfig
日志系统
Log4js
系统监控
错误监控
sentry
接口监控
Client
基础
HTML
HTML4
HTML5
XML
SVG
JavaScript
ES3（略）
ES5（略）
ES6
let const
参数扩展
变量解构
模板字符串
Symbol
Set Map
Proxy
Promise
Interator
for of
Generator
Class
继承
静态成员
super
构造函数
...
ES7
Decorator
ES8
async/await
Next
面向未来标准
原型与原型链
闭包
CSS
CSS1
CSS2
CSS3
Next
面向未来标准
CSS in JS
CSS Module
WebAPI
Canvas
Audio
Video
FileReader
...
语言
ECMAScript
标准
规范
未来
TypeScript
JavaScript的完整超集
类型声明
类型约束
基本类型
复杂类型
Interface
泛型
TSC(编译生产环境运行代码)
tsconfig.js
React声明库
babel
面向未来标准规范开发
编译运行
编译原理
技术选型
框架/库
React
JSX
组件化
diff算法
树、链表等数据结构
PC端
PReact
移动端
轻量级React
Vue（主要是小程序）
jQuery（官网）
状态管理
Redux
React-Redux
路由系统
React-Router4
HTML5 history
SPA
CSS处理器
Less
预处理器
PostCSS
后处理器
前端模板引擎
pug
ejs
通用基础库
common
ajax
fetch(优先)
XMLHttpRequest
cdn
阿里OSS
七牛
url
query-string
jsonp
...
组件库
editor-components
编辑器组件库(将来会改名、规范化)
模块化
模块规范
ESM
推荐
Commonjs
掌握
CMD
seajs
了解
AMD
requirejs
了解
UMD
了解
浏览器端模块实现原理
闭包
script动态加载脚本
静态分析
异步模块
同步模块
模块依赖管理
webpack
模块打包
异步模块
一切都是模块
js
html
css
图片
json
...
代码质量
TSLint
ESLint
Git precommit hook
提交前静态扫描
提交前静态扫描
代码规范
Prettier
editorconfig
数据描述规范
JSON
JSON5
YAML
XML
前端工程化
构建与打包
webpack
loader
ts-loader
babel-loader
css-loader
less-loader
file-loader
...
plugin
压缩
HTML模板
环境变量注入
Code Split
CSS抽离
...
webpack dev-server
本地开发
HMR热更新
jenkins
构建服务器
CI/CD
jenkins
gitlab hook
浏览器相关
chrome为主
官网兼容到IE9
适当兼容safari firefox
渲染机制
从TTF到呈现页面的整个过程
资源阻塞
异步加载
外联与内联资源
网络请求
HTTP协议
GET
POST
...
跨域
JSONP
iframe
服务器设置允许跨域头
性能优化
常用各种优化手段
压缩、合并
首屏直出
按需加载
减少HTTP请求
WebP
HTTP2
...
开发调试
chrome-devtools
react-devtools
redux-tool
安全相关
常见安全问题
XSS
CSRF
网络劫持
cookie劫持
点击劫持
UI劫持
如何防御？
浏览器
CSP
同源策略
iframe沙盒
测试相关
单元测试
Mocha
Jest
断言库
chai
should
expect
自动化测试
源码管理
Git
常用命令
分支管理规范
工作流程
计算机知识储备
数据结构
数组
列表
链表
单向链表
双向链表
循环链表
栈
队列
集合
字典
哈希
二叉树
N叉树
图
网络协议
HTTP
HTTPS
TCP
Socket
WebSocket
编译原理
AST
Babel
Webpack
设计模式
发布订阅模式
状态管理
Redux
Flux
代理模式
Proxy
双向绑定
代理
装饰器模式
Decorator
单例模式
单例组件
工厂模式
组合模式
编程范式
OOP
面向对象编程
Class
OFP
函数式编程
React
Redux
异步编程范式
Promise
Generator
async/await
推荐
callback
不推荐
性能监控
埋点
收藏
收藏
0 条评论
下一页
