登录免费注册

首页  思维导图  详情



 



前端技术栈说明

前端技术栈说明

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

不推荐

性能监控

埋点

 Collect

Get Started

前端技术栈

 Collect

Get Started

前端技术栈

 Collect

Get Started

AI时代前端技术架构图

 Collect

Get Started

后端技术栈













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document