文档介绍：2021 -2021前端学问体系
前端体系学问图谱
一, 框架及组件
bootstrap等UI框架设计及实现
伸缩布局：grid网格布局
根底UI样式：元素reset, 按钮, 图片, 菜单, 表单
组件UI样务编写
文件处理插件：html, scss, js, image, font, 其它
优化插件：雪碧图, 图片压缩, iconfont构建
发布替换插件
打包, 压缩包插件：组件自动分析
白名单配置
自定义插件编写
npm, jspm, bower包管理工具
, browserify, webpack, webpack 2, Rollup打包工具运用
原理：依据依靠配置文件对文件进展依靠打包
webpack支持更多的标准打包，AMD,Commonjs
webpack+babel/reactjs+reflux
fis3构建及插件开发, 构建环境, fis3构建离线包
web Component：rosetta-org, x-view, Q, riot, nova
brunch构建工具
三, 开发技巧及调试
fiddler加willow根底组合调试
常见配置及分析
结合阅读器调试
werien, vorlonjs远程调试，chrome inspect
mockjs，(Front Mock Server)模拟调试运用及cgi自动调试
macha/phantomjs/casperjs/karma测试自动化任务运用
自动化UI测试，海豚
node-supervior, node-inspector, karma
开发发布系统流程
sublime高效插件
emmet工具运用, sublimelinter, babel snippets, sublimeLint, SassBeautify , emmet 快速编辑, jsxlint, SideBarEnhancements, SnippetsMaker, SublimeCodeIntel, css snippets, ColorPicker, html/css/js Pretty, SpinnetMacker, DocBlockr, MultiEditUtils, javascript & node spinnet, JavaScript & NodeJS Snippets, jsLint, cssLint
代码自动化检查fecs
四, html, css及重构
jpeg, webp, apng, bpg图片
编码原理
特点及优劣势
适用场景
iconfont运用及实现原理
自动打包构建方法
iconfont兼容性写法
页面响应式设计
layout布局响应式
html构造响应式
css样式响应式
image媒体响应式
javascript响应式
media query及平台推断
css重置
reset
nomalize
neat
sass/compass/less/postcss常用语法及运用
常用语法功能
组件化UI设计管理
构建工