前端总结

Awesome

• MDN
• awesome-coding-js
• 前端面试题整理
• 阮一峰的网络日志 » 首页 » 档案
• 一个合格(优秀)的前端都应该阅读这些文章
• 前端面试每日 3+1(github)
• 前端面试每日 3+1(h-camel)
• JavaScript全栈教程

JavaScript/ES6+ 篇

JavaScript 数据类型

JavaScript 有哪些数据类型？基本类型和引用类型分别有哪些？如何判断数据类型？

• JS基础篇1：数据类型（8种）
• js判断数据类型
• javascript 六种数据类型

JavaScript 数组遍历（数值类型数组/对象数组）？

• 简单了解JS中的几种遍历

JavaScript 数组扁平化

• js 数组扁平化

JavaScript 内置对象

• JavaScript 的内置对象和浏览器对象

JavaScript 原型和原型链

• javascript——原型与原型链
• 原型与原型链详解
• js中的原型链

Javascript 深拷贝和浅拷贝

• JS深拷贝和浅拷贝的实现
• JavaScript深浅拷贝区别

JavaScript 闭包

• 学习Javascript闭包（Closure）

JavaScript 的 this 原理

• JavaScript 的 this 原理

call/apply/bind 的区别和作用

• call/apply/bind作用和区别
• call，apply，bind的用法与区别
• MDN上Function原型方法call/apply/bind

内存泄漏

• JavaScript 内存泄漏教程
• js内存泄漏几种方式及如何避免、内存溢出
• JavaScript常见的内存泄漏原因

垃圾回收

• 前端面试：谈谈 JS 垃圾回收机制
• 几种垃圾回收算法
• JS中的垃圾回收与内存泄漏

判断多个异步任务是否已全部执行完成

• 多个异步请求完成判定
• JS如何判断异步队列中的请求都完成？
• 页面上很多异步如何知道是否执行结束
• js多个异步请求，如何在最慢的异步请求完成后再执行我的回调？
• node.js 多个异步过程判断执行是否完成

钩子函数（机制）

• JS钩子的机制与实现
• js钩子函数和aop
• JS中的钩子(hook)机制与实现

AOP

• JS中AOP的实现和运用
• js钩子函数和aop

CSS 篇

div 居中(水平/垂直)

• CSS实现div居中方法

响应式布局

• 响应式布局

自适应布局

• 响应式布局和自适应布局的不同

弹性布局

• Flex 布局教程：语法篇

样式属性继承

• CSS哪些样式属性可以继承

清除浮动

• 清除浮动的几种方法

CSS 预处理器

• CSS的几款流行预处理器
• Sass1
• SCSS
• Sass2
• Less
• stylus

Html 篇

iframe 的优缺点

• 谈谈iframe的优缺点

web 语义化

• 快速理解web语义化

src和href的区别

• src和href的区别

Vue 篇

基础篇

Vue 生命周期和钩子函数

• Vue2.0 探索之路——生命周期和钩子函数的一些理解
• 生命周期图示

v-if 和 v-for 在同一元素使用问题

• 避免 v-if 和 v-for 用在一起

父子组件传值

• vue中的组件以及父子组件间通信传值

vue 对象监听

• vue中如何深度监听一个对象？

原理篇

• 深入理解vue 一些底层原理
• 深入响应式原理
• Vue.js 源码解析
• 剖析 Vue.js 内部运行机制
• 全面理解虚拟DOM，实现虚拟DOM
• Diff算法
• 双向绑定
• VirtualDOM与diff(Vue实现)
• 解析vue2.0的diff算法

• vue的双向绑定原理及实现
• JavaScript 进阶之深入理解数据双向绑定

Vuex 篇

• Vuex 是什么？
• VueX（Vue状态管理模式)

vue-router 篇

• Vue Router
• 从头开始学习vue-router
• Vue-Router面试题

浏览器篇

原理

• 浏览器的工作原理：新式网络浏览器幕后揭秘
• 深入理解浏览器工作原理

兼容性

• 前端常见浏览器兼容性问题解决方案
• 前端浏览器兼容性问题总结

重绘与回流（重排）

• JavaScript——浏览器的重绘与回流

网络篇

HTTP/HTTPS

• MDN -> HTTP

请求方法

• GET 和 POST 到底有什么区别？

状态码

• http请求常见的状态码

HTTP1.0/1.1/2.0

• 如何优雅的谈论HTTP／1.0／1.1／2.0

跨域问题

• 前端常见跨域解决方案（全）
• http跨域时的options请求

同源策略

• 浏览器的同源策略

WebSocket

• MDN-WebSockets

• Websocket原理及使用场景

• WebSocket 是什么原理？为什么可以实现持久连接？

• WebSocket 长连接应用场景

XHR (XMLHttpRequest) /AJAX 和 Fetch

• MDN -> XHR (XMLHttpRequest)

• MDN -> Fetch API

• MDN -> AJAX

• fetch与XHR的区别与优势

存储篇

localStorage、sessionStorage、Cookie

• localStorage、sessionStorage和Cookie的区别
• localStorage、sessionStorage、Cookie的区别详解

其它

同步和异步的区别

• 深入理解JS中的--同步和异步
• 深入理解JavaScript的执行机制（同步和异步）

抖动和节流

• 深入理解JS函数节流和去抖动
• js 抖动和节流
• 总结前端函数防抖与函数节流

前端SEO优化

• 前端SEO优化

前端性能优化

• 前端性能优化
• Javascript常见性能优化
• 前端工程师面试题(性能优化)

前端安全

• 8大前端安全问题（上）
• 8大前端安全问题（下）
• WEB前端安全自查和加固

前端构建

• 关于前端构建
• 前端工程化-构建

前端设计模式

• 前端常用设计模式
• 前端常用的设计模式
• 前端的设计模式
• 从ES6重新认识JavaScript设计模式(一): 单例模式
• ES6设计模式

前端工程化

• 前端工程化概述
• 前端工程化的理解

前端架构

• 前端架构，前端工程化
• MVVM
• 10种常见的软件架构模式
• 什么是架构模式和架构风格

前端面试汇总

• 前端面试题整理
• 前端面试题整理—JavaScript篇（一）

前端冷知识

• 前端不为人知的一面--前端冷知识集锦

前端算法和数据结构

• 前端该如何准备数据结构和算法？
• awesome-coding-js
• javascript-algorithms

node.js

w3c 标准

移动端浏览器前端开发

• 你必须要知道的移动端开发知识

微信等平台小程序开发

基于 Electron 桌面App开发

基于 React Native 移动端App开发

前度组件开发

• 前端组件设计原则