HTML

• 认识Web和Web标准
• 浏览器的介绍
• HTML5详解（三）
• HTML基础回顾
• 初识HTML
• HTML标签：排版标签
• HTML标签：字体标签和超链接
• HTML标签：图片标签
• html标签图文详解（二）
• HTML5详解
• HTML5举例：简单的视频播放器
• HTML5详解（二）

CSS基础

• CSS属性：字体属性和文本属性
• CSS属性：背景属性
• CSS3属性详解（一）
• CSS3属性详解：动画详解
• CSS3属性：Flex布局图文详解
• CSS3属性详解：Web字体
• Sass入门
• 浏览器的兼容性问题
• CSS3的常见边框汇总
• others
• CSS样式表和选择器
• CSS选择器：伪类
• CSS样式表的继承性和层叠性
• CSS盒模型详解
• 浮动
• CSS属性：定位属性
• CSS案例讲解：博雅互动
• CSS3选择器详解

CSS进阶

• 准备
• CSS中的非布局样式
• CSS布局
• 网页设计和开发中，关于字体的常识
• 如何让一个元素水平垂直居中？
• CSS开发积累
• CSS文章推荐
• CSS的一些小知识
• CSS面试题

JavaScript基础

• 编程语言
• JS简介
• 函数
• 作用域和变量提升
• 预编译
• 执行期上下文
• this
• 闭包
• 对象的创建&构造函数
• 原型对象
• 数组简介
• 数组的常见方法&数组的遍历
• 变量
• 内置对象：Math
• 内置对象：Date
• 内置对象：String
• 包装类
• 正则表达式
• 事件简介
• DOM简介和DOM操作
• 通过style对象获取和设置行内样式
• offset相关属性和匀速动画(含轮播图的实现)
• scroll相关属性和缓动动画
• 变量的数据类型
• client(可视区)相关属性
• 事件的绑定和事件对象Event
• 事件的传播和事件冒泡
• 事件委托
• 键盘事件
• BOM简介和navigator.userAgent&History&Location
• 定时器
• BOM的常见内置方法和内置对象
• 原型链
• 常见代码解读
• 基本数据类型vs引用数据类型
• typeof和数据类型转换
• 运算符
• 流程控制语句：选择结构（if和switch）
• 流程控制语句：循环结构（for和while）
• 对象简介和对象的基本操作

JavaScript进阶

• JavaScript开发积累
• call、apply、bind的区别
• this
• 作用域和闭包
• 创建对象和继承
• 浅拷贝和深拷贝

前端基本功：CSS+DOM

• CSS基础练习：JD首页的制作（顶部和底部）
• CSS基础练习：JD首页的制作（快捷导航部分）
• DOM操作练习：基础练习
• DOM操作练习：Tab栏切换（通过className设置样式）
• DOM操作练习：访问关系的封装
• DOM操作练习：innerHTML的方式创建元素

jQuery

• jQuery的介绍和选择器
• jQuery动画详解
• jQuery操作DOM
• jQuery的事件机制和其他知识
• Zepto入门

移动端web开发

• Bootstrap入门
• Bootstrap使用
• Less详解

Ajax

• 服务器分类及PHP入门
• Ajax入门和发送http请求
• 函数封装：Ajax发送http请求（get&post）
• 同源和跨域
• 模板引擎
• 1.

ES6

• ES5中的严格模式
• ES5中的一些扩展
• ES6的介绍和环境配置
• ES6：变量
• ES6：函数扩展
• ES6：字符串、数组、对象的扩展
• ES6：Promise入门详解
• ES7：async函数详解
• ES6：Symbol

Node.js和模块化

• Node.js介绍和环境配置
• JavaScript模块化01：CommonJS
• JavaScript模块化02：AMD
• JavaScript模块化03：CMD
• JavaScript模块化04：ES6
• CommonJS
• ES6
• Node.js代码举例
• WebSocket
• 事件驱动和非阻塞机制

Vue基础

• cli
• 01.Vue的系统指令
• Vue组件的定义和注册
• Vue组件之间的传值
• router路由
• router路由
  • router路由
  • 前言
• Vue.js在开发中的常见写法积累
• Vue开发积累
• Vue组件
• on的事件修饰符
• 03.Vue的系统指令(二)
• 04.Vue的举例：列表功能
• 05.自定义过滤器：时间格式化举例
• 06.自定义按键修饰符&自定义指令
• Vue实例的生命周期函数
• Vue中的Ajax请求
• Vue动画

React基础

• React介绍
• JSX语法介绍
• React组件（一）：生命周期
• React组件（二）：常见属性和函数
• React中绑定this并给函数传参的几种方式
• React的单向数据绑定
• React路由的使用
• Ant Design的基本使用
• AntD框架的upload组件上传图片时遇到的一些坑
• React Navive初识

前端面试

• 准备
• 页面布局
• 01.浏览器渲染机制
• 02.js运行机制：异步和单线程
• 01.页面性能优化
• 02.前端错误监控
• 00.JavaScript高级面试：前言
• 01.ES6：模块化的使用和编译环境
• 02.ES6
• 虚拟DOM
• 01.MVVM
• 面试题整理 by smyhvae
• CSS盒模型及BFC
• 网友面经
• 面试技巧 by smyhvae
• web安全
• 其他
• 推荐文章
• 计算机网络
• DOM事件的总结
• HTTP协议
• 01.创建对象和原型链
• 02.面向对象：类的定义和继承的几种方式
• 跨域通信类
• 安全问题：CSRF和XSS
• 算法问题

面试题积累

• 我的面试经历 by smyhvae
• JS相关
• http
• 变量提升的题目
• BAT爱考的JS面试题
• 博客园：一年经验初探阿里巴巴前端社招
• 函数
• 异步
• 清单
• 面经链接推荐

前端进阶

• 前端常见专有名词
• 数组的常见操作
• 前端监控技术
• lazyload&防抖动和节流阀
• Vue开发积累
• 前端的几道题目

前端综合

• 2019年Web前端入门自学路线
• 前端学习分享（微信群）
• 前端开发积累
• 网友对本项目提的建议
• 前端日记
• 前端日记
• CSS开发总结
• ajax相关
• html相关
• json字符串的解析和遍历
• json相关
• 前端博客推荐

推荐链接

• 2020年Web前端最新导航
• GitHub项目推荐
• 网站推荐
• 前端文章推荐
• 推荐文章
• 推荐文章
• 上海有哪些IT互联网大厂
• 北京有哪些IT互联网大厂
• 深圳有哪些IT互联网大厂