前端工程师的自检清单|框架和类库

63 阅读3分钟

六、框架和类库

轮子层出不穷,从原理上理解才是正道

TypeScript

  • 1.理解泛型、接口等面向对象的相关概念,TypeScript对面向对象理念的实现
  • 2.理解使用TypeScript的好处,掌握TypeScript基础语法
  • 3.TypeScript的规则检测原理
  • 4.可以在React、Vue等框架中使用TypeScript进行开发

React

  • 1.React和vue 选型和优缺点、核心架构的区别
  • 2.React中setState的执行机制,如何有效的管理状态
  • 3.React的事件底层实现机制
  • 4.React的虚拟DOM和Diff算法的内部实现
  • 5.React的Fiber工作原理,解决了什么问题
  • 6.React Router和Vue Router的底层实现原理、动态加载实现原理
  • 7.可熟练应用React API、生命周期等,可应用HOC、render props、Hooks等高阶用法解决问题
  • 8.基于React的特性和原理,可以手动实现一个简单的React

Vue

  • 1.熟练使用Vue的API、生命周期、钩子函数
  • 2.MVVM框架设计理念
  • 3.Vue双向绑定实现原理、Diff算法的内部实现
  • 4.Vue的事件机制
  • 5.从template转换成真实DOM的实现机制

多端开发

  • 1.单页面应用(SPA)的原理和优缺点,掌握一种快速开发SPA的方案
  • 2.理解Viewport、em、rem的原理和用法,分辨率、px、ppi、dpi、dp的区别和实际应用
  • 3.移动端页面适配解决方案、不同机型适配方案
  • 4.掌握一种JavaScript移动客户端开发技术,如React Native:可以搭建React Native开发环境,熟练进行开发,可理解React Native的运作原理,不同端适配
  • 5.掌握一种JavaScript PC客户端开发技术,如Electron:可搭建Electron开发环境,熟练进行开发,可理解Electron的运作原理
  • 6.掌握一种小程序开发框架或原生小程序开发
  • 7.理解多端框架的内部实现原理,至少了解一个多端框架的使用

数据流管理

  • 1.掌握React和Vue传统的跨组件通信方案,对比采用数据流管理框架的异同
  • 2.熟练使用Redux管理数据流,并理解其实现原理,中间件实现原理
  • 3.熟练使用Mobx管理数据流,并理解其实现原理,相比Redux有什么优势
  • 4.熟练使用Vuex管理数据流,并理解其实现原理
  • 5.以上数据流方案的异同和优缺点,不情况下的技术选型

实用库

  • 1.至少掌握一种UI组件框架,如antd design,理解其设计理念、底层实现
  • 2.掌握一种图表绘制框架,如Echart,理解其设计理念、底层实现,可以自己实现图表
  • 3.掌握一种GIS开发框架,如百度地图API
  • 4.掌握一种可视化开发框架,如Three.js、D3
  • 5.工具函数库,如lodash、underscore、moment等,理解使用的工具类或工具函数的具体实现原理

开发和调试

  • 1.熟练使用各浏览器提供的调试工具
  • 2.熟练使用一种代理工具实现请求代理、抓包,如charls
  • 3.可以使用Android、IOS模拟器进行调试,并掌握一种真机调试方案
  • 4.了解Vue、React等框架调试工具的使用

这里是出处