| 技术名称 |
技术内容 |
HTML5+CSS3
模块 |
HTML标签
浏览器内核差异性
H5新增标签
语义化
标签与属性
CSS基本语法规范
CSS常用选择器与技巧
CSS复合选择器
数值与单位
CSS Hack
盒子模型
媒体查询与响应式
过渡与动画
弹性盒子模型
浮动
定位
CSS高级技巧（雪碧图、滑动门和三角形绘制等）
Chrome调试工具
CSS企业级应用技巧
网页常见问题解决方案
PhotoShop应用
Cutterman插件
高效协作蓝湖
项目骨架搭建
项目实战开发流程
复杂页面的设计与排版
CSS模块化开发
CSS字体图标应用
常见布局解决方案
|
移动端M站
模块 |
移动端屏幕比例
移动端浏览器
物理像素与设备独立像素
ViewPort视口相关
iphone6视觉稿参考
主流移动端适配解决方案
百分比布局
Flex布局优势
REM处理移动端
媒体查询多终端适配
百度地图移动端布局分析
|
JavaScript编程
模块 |
JavaScript概述
JavaScript历史
基本语法
数据类型
数值精密计算
字符串
对象
数组
函数
运算符
数据类型转换
错误处理机制
编程风格
Object对象
Array对象
包装对象
Number对象
String对象
Math对象
Date对象
RegExp对象
JSON对象
面向对象编程
this关键字
prototype对象
原型与原型链深入剖析
作用域深入解析
Object对象与继承
面向对象编程模式
异步编程
定时器
Promise对象
严格模式
DOM编程
事件类型
window对象
浏览器环境
History对象
Cookie
同源策略
网站特效实现(放大镜、轮播图、tab切换等)
设计模式
MVC与MVVM
|
jQuery
模块 |
jQuery介绍
jQuery优势
jQuery API详解
链式编程与隐式迭代
源码解析
插件使用与封装
jQuery Ajax
jQuery动画应用
jQuery实现网站特效（放大镜、轮播图、tab切换等）
|
BootStrap
模块 |
第三方UI组件库
BootStrap引用
BootStrap全局CSS样式
栅格系统与响应式
拆解栅格系统源码
栅格系统原理解析
BootStrap JavaScript插件
组件应用
BootStrap定制需求
|
HTML5新特性
模块 |
语义化标签
本地存储
离线缓存
H5连贯性
多媒体相关
性能提升
调用原生API
Canvas
Canvas游戏（连连看、消消乐）
|
Node.js、MySQL与Ajax
模块 |
Ajax的作用
原生XHR对象
同步与异步
Http协议
Https协议
封装Ajax
jQuery Ajax
同源策略
跨域问题及解决方案
JSON解析
CORS与JSONP
前端模板引擎Template
PostMan工具
Node.js开发环境
Commonjs规范
模块化
NPM与CNPM镜像
核心模块
RestFulAPI
Express框架
Koa2框架
中间件
模板引擎
静态资源托管
路由相关
MySQL数据库介绍
MySQL增删改查
数据库关联
数据库可视化
数据库集成开发环境
Node.js链接MySQL
|
模块化
模块 |
模块化的历程
JS模块模式
Require.js
Sea.js
Node.js的Commonjs规范
|
JavaScript新标准
(ES6\7\8\9)模块 |
ES6的目标
Babel解析
Let与Const命令
变量与解构赋值
字符串扩展
数组扩展
函数扩展
对象扩展
Set与Map数据结构
Proxy对象
Promise对象
Generator对象
Async与await
Class类
Class类的继承
Module模块
编程风格
|
工程化
模块 |
Gulp自动化处理
Gulp管理项目压缩
合并
重命名等操作
Gulp配置热更新
Webpack静态打包模块器
Webpack入口起点
Webpack输出
Webpack模式
Webpack Loads
Webpack插件
Webpack配置
Webpack模块
热模块替换
构建目标
开发中的Server
监听打包模块
模块打包热更新
生产环境与开发环境分离
打包优化之CodeSplitting代码分割
打包优化之懒加载
打包优化之缓存处理
Less与Sass的CSS预处理语言
|
小程序
模块 |
小程序之初的定义
小程序开发
小程序框架
小程序组件
小程序API
小程序服务端相关
小程序工具应用
自定义组件
优化
组件与生命周期
小程序分包加载
小程序性能分析与优化
小程序云端能力
云服务器
云数据库
云存储
云调用
配额
小程序发布
多平台小程序
MPVue
Wepy
|
React
模块 |
Create React App
React最佳实践
JSX语法
元素渲染
组件
Props与State
事件处理
条件渲染
列表&key
表单相关
状态提升
组合与继承
代码分割code-splitting
代码分割lazy
Context对象
错误边界处理
Refs&DOM
碎片化Fragments
高阶组件
性能优化
静态类型检查
受控组件与非受控组件
Hook新特性
|
React轻量级框架之
DvaJS |
Dva开发体验
React数据流解决方案
插件机制
支持HMR
Dva API
定义路由
定义Model
Connect对象
优化加载方式
优化路由配置
路由原理
Dva开发复杂SPA
|
React轻量级框架之
UmiJS |
可拔插企业级框架
约定式路由
开箱即用
高性能
静态页面导出
支持TypeScript
与Dva融合
按需加载
服务器端渲染SSR
基本配置
Webpack配置
immer优化开发
动态加载
语言设定
Dll二次启动提速
打包与部署
|
Vue
模块 |
Vue基础
Vue实例对象
模板语法
计算属性
侦听器
Class与Style绑定
组件相关
Props数据传递
插槽
自定义事件
动态组件
异步组件
边界处理
过渡与动画
混入
自定义指令
渲染函数与JSX
插件
过滤器
单文件组件
TypeScript支持
生产环境部署
路由相关
状态管理
服务端渲染
深入响应式原理
封装组件
npm发布组件
MVVM双向数据绑定原理
$nextTick原理
发布订阅模式
权限管理
|
Angular
模块 |
Angular引入
双向数据绑定
MVC模式
Angular服务
Angular路由
表单相关
依赖注入
|
框架原理与
进阶 |
TypeScript
TS静态类型检查
React支持TypeScript
Vue支持TypeScript
Vue双向数据绑定原理
模拟实现Vue框架数据绑定
RxJS
Redux API
React-Redux
Redux-thunk
Redux-Saga
Redux深入解析
Redux应用技巧
Redux常见问题与解决方案
Redux异步相关
Vuex API
异步与同步
Reducers
Actions
modules
getters
插件
严格模式
热重载
React服务器端渲染解决方案next.js
Vue服务器端渲染解决方案nuxt.js
|
UI组件库
模块 |
Antd组件库介绍
Antd UI设计风格
组件引入
按需加载
常用组件详解
组件库源码分析
定制主题
常见问题规避与解决方案
Element UI组件库引入
Vue-cli@3版本引入
全加载与按需加载
自定义主题
|
协同开发
模块 |
SVN与Git介绍
SVN客户端与服务器端搭建
SVN管理版本
SVN冲突解决
SVN多人写作开发
Git环境搭建
Git分布式
Git版本库管理
Git前进
后退
修改与撤销
git分支管理
git冲突解决
github远程仓库关联
gitee远程仓库关联
|
大数据可视化
模块 |
Echarts
D3.js
three.js
AntV(G2)
全国地图
世界地图
发散点描绘
双轴线
折线图
散点图
条形图
热力图
环形图
路线图
3DMap
参数调优
|
微信相关
模块 |
公众号开发
JSSDK相关开发
展示
分享
支付
录音
|
WebApp与混合开发
模块 |
Cordova
phoneGap
混可开发介绍
布局处理
Vant组价库
常见注意事项与解决方案
与原生交互
Webpack打包优化
调试工具应用
WebView深入理解
|
React-Native
模块 |
环境搭建
Android SDK
Props
State
基础API
特定平台代码
无障碍功能
改进用户体验
多平台支持
发布定制React-Native包
|
Flutter
模块 |
环境搭建
体验Flutter
Widget
Flutter for web开发
执行基本布局操作
控制位置和大小
处理形状
操作文本
资源与图片
路由与导航
国际化
|
