【100 issues】前端基础学习

[swiftwind0405]

每天学习，努力坚持，质变引起量变！
本来是说定的 100 天的计划，但是似乎每天在工作之余抽出的时间很难完成一个完整的主题，有时候一个主题需要学习好多天甚至更久，因此改为 100 个 issues 吧，Deadline 是 2020！
努力奔跑吧 💪💪💪 ！

JavaScript

基础

• 数据类型基础
• 数据类型转换
• 作用域与作用域链
• 执行上下文
• 原型与原型链
• DOM事件和事件流
• Event-Loop
• this
• 用 ES 规范去解释 this
• 闭包
• Ajax
• Fetch
• 循环遍历 in JavaScript
• Array
• 数组对象与arguments
• offset、scroll、client
• 垃圾回收机制
• call、apply、bind 函数
• 赋值与深浅拷贝
• 对象基础
• 面向对象之继承
• 面向对象之封装
• class (es6)
• 模块化
• 错误异常与捕获
• Babel
• ES6基础
• requestAnimation
• 遍历对象的方法及区别
• Web Workers
• 浏览器中加载JavaScript的方式

进阶

• 数组拍平与数组去重
• 实现一个深拷贝
• 深入EventLoop和浏览器渲染、帧动画、空闲回调的关系
• 防抖和节流
• Reducer #75
• 高阶函数
• new 的原理及实现
• call和apply的模拟实现
• bind的模拟实现
• ES6 深入知识
• 前端性能优化

异步

• 异步的初步了解
• async/await
• Promise
• 手写实现完整的 Promise

CSS

• flex 布局
• BFC（块级格式化上下文）
• 层叠上下文
• 水平垂直居中
• 让一个元素消失的几种做法，有何不同，对子元素的影响

网络

• HTTP 和 HTTPS
• options 请求、简单请求与复杂请求
• TCP / IP

React

• 生命周期
• setState的执行机制
• React-fiber
• React的事件机制
• React Hooks
• 可靠React组件设计的7个准则
• 实现一个简易的React
• React-Router实现原理

Webpack

• 基础知识与简单配置
• 常用 loaders 与配置
• 常用 plugins 与配置
• 多页面应用
• Optimize 优化
• Dev Tools 开发工具
• Tree Shaking
• Code Spliting 代码分割
• TypeScript 打包
• Library 库打包
• PWA 打包
• 编写一个 loader
• 实现一个简易的Webpack

算法

• 排序算法
• 洗牌算法
• 广度优先遍历

前端

• 从输入一个URL到网页展示的过程
• 跨域
• 回流与重绘
• 缓存
• Web 安全

Tips

以上所有主题，99.99% 非原创，个人只做收集总结归纳而已，仅供个人参考使用。

[biyongzhi]

楼主，还在坚持吗

[swiftwind0405]

楼主，还在坚持吗

会继续坚持的，只是可能有时候一个主题要跨越几天，或者由于工作或者生活上的一些事插入。
不过基本每天早起学习，这个是保证的。