一. 架构设计
1. 设计原则
⑴. 单一功能原则 ( S )
⑵. 开发关闭原则 ( O )
⑶. 里氏置换原则 ( L )
⑷. 接口隔离原则 ( I )
⑸. 依赖反转原则 ( D )
2. 架构模式
⑴. MVC
⑵. MVP
⑶. MVVM
二. 基础
1. HTML
⑴. BOM
⑵. DOM
⑶. 语义化
2. CSS
⑴. 选择器
⑵. 布局、盒模型
⑶. 交互、动画
⑷. CSSOM
3. JavaScript( ES6+ )
⑴. 类型
⑵. 原型链
⑶. 作用域
⑷. 闭包
⑸. 事件
⑹. 异步
⑺. 正则表达式
⑻. JSON
三. 类库框架
1. 工具库
⑴. JQuery
⑵. Lodash
⑶. moment / day.js
⑷. axios
⑸. socket.io
2. 开发库 / 框架
⑴. Vue
①. Vue
②. Vuex
③. Vue-router
④. Vue-cli
⑤. ant-design
⑵. 图表
①. echarts
②. highcharts
③. @antv / x6
⑶. 地图
①. 百度地图BMap、BMaoGL
②. Mapbox
③. leaflet
④. openlayers
四. 开发工具
1. 编辑器 & IDE
Visual Studio Code
2. 调试工具
⑴. Chrome Dev Tools
⑵. Firebug
⑶. Postman
⑷. Wireshark
五. 前端工程化
1. 模块化
⑴. CSS Module
⑵. ES6 Module
⑶. CommonJS
⑷. SeaJS / CMD
⑸. RequireJS / AMD
2. 版本管理
Git
①. Gitlab
②. 常用指令
3. 包管理
⑴. npm
⑵. yarn
⑶. pnpm
4. 语言增强
⑴. CSS预处理
①. LESS
②. SASS
③. Stylus
④. PostCSS
⑵. TypeScript
5. 构造工具
⑴. Webpack
⑵. Gulp
⑶. Rollup
6. JS转换
Babel
7. CI / CD
⑴. Git web hook
⑵. Jenkins
8. 代码质量
⑴. 代码检测
ESLint
⑵. 单元测试
①. Chai
②. Mocha
③. Karma
⑶. E@E测试
①. Cypress
②. Selenium
六. 浏览器
常用状态码 浏览器输入url 然后做了什么 安全
|