文档介绍：:..2015-2016前端知识体系前端体系知识图谱mwhQQ・•UvrvwwtlraMilW*..■■I肉仗生血l\■S4.♦•«V ••厶4-<ii«• 、・・■・、・f••・•••■•・■■«■^<Unp<UMto;C,KMTia・/: %t'*1'•▼・■k.»lvI wWf»w—・・I ••・F•就・♦ •♦、•14 可R*.tttVur «M4tWi.・・、,♦"・・・1OHO\p|•*««oMrfH~♦•■■nn.••■••»»••p・“•*<OR1T 丨«|te*VS丄.”兰.・A■・・•••■•■tijr^*>«unptr>.»«*»・仃巾')45 ,■“•-•";竺出■泌!m型<si”时只 “QZrcflB»l/I*#Weikaii*<rtoIIUp空匕・HU2i*i*•ww-•R>■昨・*55・「'、••优・■>*•・•*•一■W・a»・"I■・■■»!<>•一、框架与组件bootstrap等UI框架设计与实现伸缩布局:grid网格布局基础UI样式:、图片、菜单、表单组件UI样式:按钮组、字体图标、下拉菜单、输入框组、导航组、而包屑、分页、标签、轮播、弹出框、列表、多媒体、警告响应式布局:布局、结构、样式、媒体、javascript响应式第三方插件:插件管理jQuery、zepto使用原理以及插件开发支持amd、cmd>全局变量的模块化封装$.(){}mvc/mvvm框架原理设计,vue/angular/avalon等directive设计:html>text>class、html>attr^repeat、ref,可iT展filter设计:bool、uppercase^lowerCase,可扩展表达式设计:if・else等实现viewmodel结构设计:例如数据,元索,方法的挂载与作用域数据更变检测:函数触发,脏数据检测、对象hijackingpolymer/monJS/AMD/CMD模块引入模块定义模块标识UMD解决不同规范兼容性的问题,例如webpack封装模块懒执行(CMD)与与预执行(AMD)loadJs模块化加载原理与实现创建script标签,需要id映射到资源urlonload加载模块队列判断全部加载完成后触发加载失败问题优化requirejs、modjs>seajspolyfilkshim原理与实现polyfill提供了开发者们希望浏览器原生提供支持的功能特性shim将新的API引入到I「【的环境中,且仅靠I「【环境中已有的手段实现virtualDom、,,重新构建对象,和旧的对象对比,:js对象模拟dom(),virtualdomdiff算法()、差异渲染dom()incrementaldom在状态改变时扫描旧对象树将差杲直接应用到dom中shadowdom隔离外部环境用于封装组件:结构、样式、行为实现形式:新标签、class类屈性+构建编译w