7个实战技巧提升前端技术水平

7个实战技巧提升前端技术水平

PluginsKers
2021-04-13 / 0 评论 / 43 阅读 / 正在检测是否收录...

项目架构

  1. 封装项目的基础库
  2. 层级管理

优秀的基础库可以保证项目的最低质量下限和更好的可扩展性
通常基础库包括-组件库、基础css库、基础工具库
管理请求,建议把项目的api层独立出来为一个层级管理,这样有利于在复杂接口下,更好的管理,降低复杂度

性能优化

  1. 缓存
  2. 延迟加载

缓存可以减少请求,加快速度
比如从商品列表跳往详情页,可以用cookielocalstore缓存商品详情,如果这个详情已经被加载过了,就拿出来重复使用
延迟加载一般是为了更快的看到内容,我们一般会对于图片等大资源进行懒加载,再比如我们的组件懒加载
其实基本上所有的性能优化,无非就是从这两方面想办法

工程化

  1. webpack的改进
  2. 控制代码质量
  3. 自动化部署

改进webpack配置提升打包速度,改动webpack支持新的语法糖
控制代码质量,我们会通过eslint来实现
部署重复而浪费时间,可以把他自动化,能省去很多成本

最后

我进行过的开发项目,其实不算多也不算少,以上我从中汲取总结的经验

有一个词“交流成本”,其实我觉得 不光是我吧 很多大佬都踩过这个大坑
通过一些项目的开发,TodoList是个很好地东西。至于怎么用,emmmm可以 问度娘

Github的项目有Todolist功能,相信很多大项目,没办法让开发者同时记住这么多逻辑和业务模式,所以不难发现的,优秀的项目总是有着一个很规范的“骨架”

5

评论 (0)

取消