zhangyu0414 / Interview-Frontend-2020

2020年前端复习/学习计划

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Interview Plan

Interview Plan

Credits: 张禹 by 🐝

对自己2020希望总结

  • serveless
  • 音视频组件研究,webrtc研究(有一定条件去实现)
  • egg+vueadmin+nuxt+flutter(撸一套商城)
  • ts 细化学习
  • 2020新技术追求
  • 前端架构研究 深思
  • 前端基础 面试 数据结构 算法(细研究)
  • leetcode 刷刷刷
  • 前端自动化部署(ci)
  • vue 源码研究
  • webpack细节优化到极致研究(目前还不够极致)
  • web3d,3d动画,3d h5(有空或者做外包研究这个)
  • 多端开发尝试 uni-app(这个感觉比较简单,希望重心还在flutter)

语言基础部分

  • 调用堆栈
  • 作用域和闭包
  • this全面解析
  • 对象全面解析
  • 原型链
  • 创建对象及其优缺点
  • Promise规范,手写一个Promise
  • 处理异步问题的方法
  • 函数防抖/节流原理
  • 垃圾回收机制
  • 模块化原理
  • ES6重点难点
  • 深浅拷贝
  • 语言层面性能优化
  • CSS层的概念,如何优化动画

浏览器

  • 浏览器整体架构
  • Event loop原理
  • 浏览器渲染机制
  • 浏览器性能调试及其性能优化技巧
  • 跨域原因及其解决方法
  • 浏览器如何执行Javascript代码
  • 浏览器存储技术
  • 浏览器缓存机制
  • 浏览器脚本演进历史
  • 浏览器层面性能优化

计算机网络

  • TCP连接
  • DNS解析
  • HTTP2.0、HTTP3.0
  • 七层网络结构
  • RESTful规范
  • Http持久连接及其现代方法
  • 安全认证方式
  • 网络层面性能优化

业务层面

  • 前端用户数据分析
  • 搜索引擎优化及其基础
  • 移动端适配性
  • 单点登录系统实现原理
  • 搭建系统整体原理及其构建流程
  • 如何实现骨架屏
  • 帧动画实现思路
  • Postmessage实现方式
  • 反向代理的几种开发流程
  • CDN原理

React和Vue实现原理

  • VirtualDom原理
  • DIff算法
  • 组件生命周期
  • React最新特性学习
  • 服务器端渲染及其原理
  • Vuex原理
  • Redux原理
  • 前端路由控制原理
  • React高阶函数最佳实践
  • React性能优化
  • MVVM双向绑定原理
  • React整体架构学习

Webpack

  • 项目实战

待续

Web安全

  • XSS
  • 待续

源码阅读

  • Koa
  • Eggjs
  • 待续

Node

  • 实现Http2.0
  • 事件循环流程
  • 核心模块的认识
  • 流的概念
  • socket编程
  • 模块化实现原理
  • NPM工具详解
  • 了解Libuv

待续

设计模式

  • 设计模式六大原则
  • 看懂UML图,流程图
  • 23类设计模式(创建类型(5)、结构类型(7)、行为类型(7))
  • node中常见的设计模式

数据结构和算法

  • 剑指Offer算法
  • 时间复杂度和空间复杂度
  • 算法设计常用**
    • 贪婪法
    • 分治法
    • 动态规划
    • 解空间的穷举法

现代前沿技术

  • Hybrid APP
  • Native
  • 小程序实现原理
  • MV*交互模式
  • MNV*模式
  • babel实现原理
  • 预渲染、SSR、服务器渲染原理
  • webworker技术优化项目
  • webComponent技术

Linux

待续

Java && GO

待续

About

2020年前端复习/学习计划