前端的成神之路,你知道多少?

2022-06-04 23:31发布

前端基础

css:

了解样式,BFC、选择器、盒子模型、页面布局、定位浮动、 sass 、less 和 stylus,都是在现在的 vue 和 react 项目中经常用到的,用法也很简单,只要学会一种,其他两种都很容易上手,项目中用哪一种就要看自己的喜好了。

布局:我们日常工作中免不了实现一些特殊的效果和动画以及一些特殊的布局,如:

弹跳效果

弹性过度

抖动效果

各种loading效果

1px边框

绝对底部

水平垂直居中

圣杯布局

双飞翼布局

水平垂直居中

各种阴影效果

多重边框

半透明边框

函数:

this、闭包、执行上下文、原型/原型链、作用域/作用域链

异步:

单线程、异步队列、回调函数、Generator、promise、Async/Await

ES新特性:

模块化、Class类、Symbol、箭头函数、解构赋值、rest参数、Promise、Set/Map

let/const、,模板字符串、扩展运算符 Async/Await,迭代器/生成器

其他:

编译原理、内存管理、垃圾回收、正则表达式

前端框架

VUE:

Vite、插槽、Vue3.0、模板语法、 生命周期、 组件通信、 服务端渲染、模板编译原理、

组件性能优化、 脚手架Vue-cli 、状态管理Vuex、路由Vue-Router、 数据双向绑定原理、

虚拟DOM/Diff算法、调试工具VUE devtools

React:

掌握JSX语法、组件通信、生命周期、组件化开发、服务端渲染、React Hooks、数据更新机制、组件设计模式、组件性能优化、高阶组件HOC、核心算法Fiber、状态管理Redux、路由React-router 、虚拟DOM/Diff算法、脚手架create-react-app、 调试工具react devtools

前端性能优化

骨架屏、懒加载、性能监控、性能工具、图片优化、节流防抖、回流重绘、虚拟列表、本地缓存、CDN缓存、DOM优化、浏览器缓存、服务端渲染

前端设计模式

和后端也类似,单例模式、工厂模式、原型模式、状态模式、策略模式、代理模式、装饰器模式、适配器模式、迭代器模式、观察者模式、发布订阅模式

前端工程化

模块化:

AMD、CMD、UMD、 CommonJS、ES Modules

规范化:

ESlint/TSlint、 Stylelint、 Prettier

自动化:

自动化构建Gulp、NPM Script

自动化部署:持续集成、持续部署、自动化工作流程、项目自动部署

工具:

GIT:基础配置、本地仓库操作、远程仓库操作、分支操作、标签管理

webpack:mode、loaders、plugins、构建配置、构建优化、打包优化、打包原理、热更新原理

前端技术解决方案

了解中间层方案、前端鉴权方案、扫码登陆方案、首屏性能提升方案、长列表无限滚动方案

其他:

TypeScript:

接口、泛型、TSlint、装饰器、类型声明、函数类型、高级类型、类型断言、类型推论、类型保护、、声明合并、模块解析、命名空间

node.js:

事件循环、事件队列、模块系统、数据处理、文件系统、网络编程、反向代理、开发框架(Koa、Egg.js、Express)

客户端:

移动端 react native

桌面应用:Electron

小程序与快应用:原生小程序、多端统一方案Taro 、uni-app



登录 后发表评论
1条评论