lfb / frontend

深入浅出前端体系

目录

CSS

• 文章：《聊一聊移动端适配方案》
• 文章：《CSS盒模型》
• 文章：《CSS水平居中布局》
• 文章：《CSS垂直居中布局》
• 文章：《CSS水平垂直居中布局》
• 文章：《两栏布局》
• 文章：《三列布局》
• 文章：《圣杯布局》
• 文章：《双飞翼布局》
• 文章：《等分布局》
• 文章：《等高布局》
• 文章：《CSS3多列布局》
• 文章：《全屏布局》

作用域

学习目标：

文章：《捋一捋JavaScript执行上下文的变量对象、作用域链、this和闭包的过程》

执行上下文

• 变量对象
• 作用域链
  • 词法作用域
  • 作用域
  • 作用域链
  • 闭包
• this
  • call
  • apply
  • bind

学习大纲:

• 《理解 JavaScript 执行上下文》
• 《理解 JavaScript 变量对象》
• 《理解 JavaScript 作用域》
• 《理解 JavaScript 词法作用域》
• 《理解 JavaScript 作用域链》
• 《理解 JavaScript 闭包》
• 《理解 JavaScript 的 this》
• 《模拟实现 call 和 apply 方法》
• 《模拟实现 bind 方法》

对象

学习目标：

• 对象属性
• 创建对象的方法
• 原型
• 原型链
• 继承
• 类

学习大纲：

• 《理解 JavaScript 的对象》
• 《创建 JavaScript 对象方法有几种？》
• 《理解 JavaScript 的原型》
• 《理解 JavaScript 的原型链》
• 《实现 JavaScript 的继承方式》
• 《学习 JavaScript 的类》
• 《模拟实现 JavaScript new 操作符》
• 《模拟实现 JavaScript 的 instanceof 操作符》
• 《模拟实现 JavaScript 的 Object.create 方法》

异步

学习目标

• 回调函数
• Promise
• async/await
• Generator
• setTimeout

学习大纲：

• 《Promise 基础》
• 《Promise 进阶》
• 《实现一个简易的 Promise》
• 《实现一个符合 Promise/A+ 规范的 Promise》
• 《理解 async/await》
• 《学习 generator》