# webfront-important

**Repository Path**: fire-eye/webfront-important

## Basic Information

- **Project Name**: webfront-important
- **Description**: 前端开发核心知识汇总
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-28
- **Last Updated**: 2021-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webfront-important

### 介绍
前端开发核心知识汇总,好记性不如烂笔头

### 文档目录
#### Part1 JavaScript基础强化
01. 一网打尽this，对执行上下文说Yes　
- this到底指向
- 实战例题分
- 开放例题分析
02. “老司机”也会在闭包上翻车　　
- 基本知识
- 例题分析
03. 我们不背诵API，只实现API　　
- jQuery offset方法实现
- 数组reduce方法的实现
- 实现compose方法的几种方案
- apply、bind进阶实现
04. JavaScript高频考点及基础题库　　
- JavaScript数据类型及其判断
- JavaScript数据类型及其转换
- JavaScript函数参数传递
- cannot read property of undefined问题解决方案 
- type．js源码解读 

#### Part2 JavaScript语言进阶
05. 异步不可怕，“死记硬背”+实践拿下　　
- 异步流程初体验
- 红绿灯任务控制
- 请求图片进行预先加载
- setTimeout相关考查
- 宏任务和微任务
06. 你以为我真的想让你手写Promise吗　　
- 从“Promise化”一个API谈起
- Promise初见雏形
- Promise实现状态完善
- Promise异步实现完善
- Promise细节完善
- Promise then的链式调用 
- 链式调用的初步实现 
- 链式调用的完善实现 
- Promise穿透实现 
- Promise静态方法和其他方法实现 
07. 面向对象和原型――永不过时的话题　　 
- 实现new没有那么容易 
- 如何优雅地实现继承 
- jQuery中的对象思想 
- 类继承和原型继承的区别 
- 面向对象在实战场景中的应用 
08. 究竟该如何学习与时俱进的ES　　 
- 添加新特性的必要性 
- 学习新特性的正确“姿势” 
- 新特性可以做些什么有趣的事 
- Babel编译对代码做了什么 

#### Part3 不可忽视的HTML和CSS
09. 前端面试离不开的“面子工程”　
- 如何理解HTML语义化
- BFC背后的布局问题
- 通过多种方式实现居中
10. 进击的HTML和CSS　　
- 进击的HTML
- 不可忽视的Web components
- 移动端HTML5注意事项总结
- CSS变量和主题切换优雅实现
- CSS Modules理论和实战
11. 响应式布局和Bootstrap的实现分析　　
- 上帝视角――响应式布局适配方案
- 真实线上适配案例分析
- Bootstrap栅格实现思路
- 横屏适配及其他细节问题
- 面试题：%相对于谁
- 深入：flex布局和传统布局的性能对比
#### Part4 前端框架
12. 触类旁通多种框架
- 响应式框架基本原理
- 模板编译原理介绍
- 发布/订阅模式简单应用
- MVVM融会贯通
- 揭秘虚拟DOM
13. 你真的懂React吗　　
- 神奇的JSX
- 你真的了解异步的this．setState吗
- 原生事件和React合成事件
- 请不要再背诵diff算法了
- element diff的那些事儿
- 加上key就一定“性能最优”吗
14. 揭秘React真谛：组件设计　　
- 单一职责没那么简单
- 组件通信和封装
- 组合性是灵魂
- 副作用和（准）纯组件
- 组件可测试性
- 组件命名是意识和态度问题
15. 揭秘React真谛：数据状态管理　　
- 数据状态管理之痛
- Redux到底怎么用
- Redux的“罪与罚”
- 我们到底需要怎样的数据状态管理
16. React的现状与未来　　
- React现状分析
- 从React Component看React发展史
- 颠覆性的React hook
- 值得关注的其他React特性
17. 同构应用中你所忽略的细节　　
- 打包环境区分
- 注水和脱水
- 请求认证处理
- 样式问题处理
- meta tags渲染
- 404处理
- 安全问题
- 性能优化
18. 通过框架和类库，我们该学会什么　　
- React和Vue：神仙打架
- 新版本发布的思考
- 从框架再谈基础

#### Part5 前端工程化
19. 深入浅出模块化　　
- 模块化简单概念
- 模块化发展历程
- ES原生时代
- 未来趋势和思考

20. webpack工程师和前端工程师　　
- webpack到底将代码编译成了什么
- webpack工作基本原理
- 探秘并编写webpack loader
- 探秘并编写webpack plugin
- webpack和Rollup
- 综合运用

21. 前端工程化背后的项目组织设计　　
- 大型前端项目的组织设计
- 使用Lerna实现monorepo
- 分析一个项目迁移案例
- 依赖关系简介
- 复杂依赖关系分析和处理
- 使用yarn workspace管理依赖关系

22. 代码规范工具及技术设计　　
- 自动化工具巡礼
- 工具背后的技术原理和设计
- 自动化规范与团队建设
- 
#### Part6 性能优化
- 23. 性能监控和错误收集与上报　　
- 性能监控指标
- FMP的智能获取算法
- 性能数据获取
- 错误信息收集
- 性能数据和错误信息上报
- 无侵入和性能友好的方案设计
- 
24. 如何解决性能优化问题　　
- 开放例题实战
- 代码例题实战

25. 以React为例，谈谈框架和性能　　
- 框架的性能到底指什么
- React的虚拟DOM diff
- 提升React应用性能的建议
- React性能设计亮点
- 从Vue 3．0动静结合的Dom diff谈起

#### Part7 编程思维和算法
26. 揭秘前端设计模式　　
- 设计模式到底是什么
- 设计模式原则
- 设计模式的3大类型和23种套路

27. 无处不在的数据结构　　
- 数据结构和学习方法概览
- 栈和队列
- 链表
- 链表实现
- 树
- 图
- 散列表（哈希表）
- 散列表的实现

28. 古老又新潮的函数式　　
- 函数式和高质量函数
- 柯里化分析
- 偏函数

29. 那些年常考的前端算法　　
- 前端和算法
- 算法的基本概念
- V8 引擎中排序方法的奥秘和演进
- 快速排序和插入排序
- 排序的稳定性
- Timsort实现
- 实战
- 算法学习

30. 分析一道常见面试题　　
- 题意分析
- 思路与解答
- 再谈流程控制和中间件

#### Part8 网络知识
31. 缓存谁都懂，一问都发蒙　　
- 缓存概念与分类
- 流程图
- 缓存和浏览器操作
- 缓存相关面试题目
- 缓存实战
- 实现一个验证缓存的轮子

32. HTTP的深思　　
- HTTP的诞生
- HTTP的现状和痛点
- HTTP 2．0未来已来
- 从实时通信系统看HTTP发展
- 相关深度面试题目 

33. 不可忽视的前端安全：单页应用鉴权设计　　
- 单页应用鉴权简介
- 单页应用鉴权实战
- 采用Authentication cookie实现鉴权
- 混合使用JWT和cookie进行鉴权


### 使用说明

1.  doc文档主要记录学习汇总
2.  html记录汇总代码段与案例

### 参与贡献