小伙伴在前端开发过程中,想要快速提高开发技术水平,这7个实战技巧你必须知道,快来看看是哪7个技巧吧!
项目架构
//1.封装项目的基础库
优秀的基础库可以保证项目的最低质量下限和更好的可扩展性。通常我们说的基础库包括-组件库、基础css库、基础工具库。
//2.层级管理
管理你的请求,建议把你项目的api层独立出来为一个层级管理,这样有利于在复杂接口下,更好的管理,降低复杂度。
性能优化
//1.缓存
缓存可以减少请求,加快速度。比如从商品列表跳往详情页,可以用cookie或localstore缓存商品详情,如果这个详情已经被加载过了,就拿出来重复使用。
//2.延迟加载
延迟加载一般是为了更快的看到内容,我们一般会对于图片等大资源进行懒加载,再比如我们的组件懒加载。其实基本上所有的性能优化,无非就是从这两方面想办法。
工程化
//1.webpack的改进
改进webpack配置提升打包速度,改动webpack支持新的语法糖。
//2.控制代码质量
控制代码质量,我们会通过eslint来实现。
//3.自动化部署
部署重复而浪费时间,我们可以把他自动化,能省去很多成本。