web前端要学哪些东西，前端大牛分享的技能整理

前端工程师技能整理

一、框架与组件

bootstrap等UI框架设计与实现

[ ] 伸缩布局：grid网格布局

[ ] 基础UI样式：元素reset、按钮、图片、菜单、表单

[ ] 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告

[ ] 响应式布局：布局、结构、样式、媒体、javascript响应式

[ ] 第三方插件：插件管理

jQuery、zepto使用原理以及插件开发

[ ] 支持amd、cmd、全局变量的模块化封装

[ ] $.fn.method = function(){}

mvc/mvvm框架原理设计，vue/angular/avalon等

[ ] directive设计：html、text、class、html、attr、repeat、ref，可扩展

[ ] filter设计：bool、upperCase、lowerCase，可扩展

[ ] 表达式设计：if-else等实现

[ ] viewmodel结构设计：例如数据，元素，方法的挂载与作用域

[ ] 数据更变检测：函数触发，脏数据检测、对象hijacking
在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，
如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，
还有工作中想提升自己能力的web前端党，
欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，
与企业需求同步。好友都在里面学习交流，
每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】  
每天更新最新技术文章干货。

polymer/angular2思想与设计思路

[ ] import技术

[ ] template和script引入方式

[ ] css样式命名空间隔离

[ ] 简单复用第三方库

reactjs原理与使用

[ ] virtual dom单向数据绑定

[ ] js执行语法方式

[ ] UI由状态控制

commonJS/AMD/CMD

[ ] 模块引入

[ ] 模块定义

[ ] 模块标识

[ ] UMD解决不同规范兼容性的问题，例如webpack封装

[ ] 模块懒执行(CMD)与与预执行(AMD)

loadJs模块化加载原理与实现

 [ ] 创建script标签，需要id映射到资源url

 [ ] onload加载模块队列判断

 [ ] 全部加载完成后触发

 [ ] 加载失败问题优化

 [ ] requirejs、modjs、seajs

polyfill、shim原理与实现

 [ ] polyfill提供了开发者们希望浏览器原生提供支持的功能特性

 [ ] shim将新的API引入到旧的环境中,且仅靠旧环境中已有的手段实现

virtual Dom、Incremental DOM

 [ ] 1.用js对象树表示dom树结构，根