# 知识清单

# HTML

#基础

• 常用的标签与属性 (一)⭐️⭐️⭐️
• 语义化HTML (一)⭐️⭐️⭐️

# [进阶]

• 页面模块化 (二)⭐️⭐️

# CSS

#基础

• CSS基础：引入方法、选择器、常用属性、动画 (一)⭐️⭐️⭐️
• CSS页面布局：常用布局、Grid、Flexbox (一)⭐️⭐️⭐️

#进阶

• CSS3新特性 (二)⭐️⭐️⭐️
• CSS处理器：Sass/Less、PostCSS (二)⭐️⭐️⭐️
• 图片优化：sprite、iconfont、base64、图片压缩 (二)⭐️⭐️⭐️
• CSS框架 (二)⭐️⭐️
• 响应式布局 (二)⭐️⭐️
• 浏览器兼容 (二)⭐️⭐️

# 拓展

• CSS的组织方式：BEM、OOCSS、SMACSS (三)⭐️⭐️

# JavaScript

#基础

• 核心、DOM、BOM (一)⭐️⭐️⭐️
• AJAX XHR (一)⭐️⭐️⭐️
• ES6常用特性 (一)⭐️⭐️⭐️

#进阶

• 框架的使用 (二) React(⭐️⭐️⭐️)、Vue(⭐️⭐️)、Angular(⭐️)
• JS高级特性 (二)⭐️⭐️⭐️
• JS设计模式 (二)⭐️⭐️⭐️
• 深入学习ES6 (二)⭐️⭐️
• 理解框架的设计原理 (二)⭐️⭐️

#拓展

• 单元测试 (三)⭐️⭐️
• 函数式编程 (三)⭐️⭐️⭐️
• PWA和Service Worker (三)⭐️
• 服务端渲染 (三)⭐️

# 公共知识

#编码风格规范

• HTML (一)⭐️⭐️⭐️
• CSS (一)⭐️⭐️⭐️
• Javascript (一)⭐️⭐️⭐️

#Git

• Git 知识 (二)⭐️⭐️⭐️
• Gerrit (二)⭐️⭐️⭐️
• Github (二)⭐️⭐️

#构建工具

• NPM Scripts (二)⭐️⭐️⭐️
• Webpack (用来构建应用) (二)⭐️⭐️
• Rollup (用来构建库) (二)⭐️
• Parcel (二)⭐️
• Gulp (二)⭐️

# 包管理工具

• NPM (二)⭐️⭐️⭐️()
• Yarn (二)⭐️⭐️

#网站性能优化

• Yahoo军规和Yslow (三)⭐️⭐️
• PC端优化 (三)⭐️⭐️
• 移动端优化 (三)⭐️⭐️

#Web 浏览器

• Chrome DevTools： 基础(一)⭐️⭐️⭐️、 进阶(二)⭐️⭐️
• 浏览器存储：Cookie、localstorage、Service Worker (二)⭐️⭐️
• 浏览器组成 (二)⭐️⭐️
• 浏览器渲染页面的过程（从输入URL到页面加载的过程) (二)⭐️⭐️

#Web 安全

• 同源策略和跨域 (二)⭐️⭐️⭐️
• XSS、CSRF、点击劫持 (二)⭐️⭐️
• HTTP / DNS 劫持 (二)⭐️

#数据结构与算法

• 基本的数据结构 (一)⭐️⭐️⭐️
• 常用的算法 基础(一)⭐️⭐️⭐️、 进阶(二)⭐️⭐️

#HTTP / HTTPS

• HTTP报文和常用状态码 (一)⭐️⭐️⭐️
• HTTP缓存 (二)⭐️⭐️⭐️
• HTTPS (三)⭐️⭐️
• HTTP2.0 (三)⭐️⭐️

#UML

• 基础 类图、用例图、组件图 (二)⭐️⭐️⭐️
• 进阶 (三)⭐️⭐️

# 软技能

• 学会高效沟通
• 处理问题方法论