项目还有哪些优化的地方

很多项目都是在开发时间被压缩到极致的情况下开发出来的，所以有坑注定是无法避免的事情。那么开发完后优化就显得格外重要。

很多前端在第一次的开发后到第一次迭代的过程中，几乎很少会去看项目的代码，要么就在研究一些新技术，每次上线后都不会去把那些开发中留下的坑填上。

所以在开发后做优化是非常重要的一件事，因为如果没做好就意味着你在后面只会把这坑越挖越深，项目的生命周期也会在你一次又一次的迭代中加速结束。那么前端怎么才能做好优化呢，这里我说下我在开发中积累的一些比较有效的方法。

方法一、写注释

在开发中，我们做到在短时间开发并且写出很好的注释。但在上线后，我们依然还是能看得懂自己写的代码，在这段没有开发任务又还没脱离代码的时间里，写好注释无疑是我们最好的选择。好的注释不是为了让接手的人看得懂，也是为了在后面再次看这段代码的时候，你也能用最少的时间去理解当初自己为什么这么写，而你现在有没有更好的办法做优化。

方法二、画流程图

我说的流程图不是指那些简单的、只有业务逻辑的流程图，而是把跳转的方式、跳转的条件、进来这个页面的方式、进来的方式分别用什么表示、做什么处理跳转到什么页面、返回要回到哪个页面，还有跳转时带的参数都要一一写出来。我发现很多前端都不喜欢做这个事情，甚至有些前端说这是产品该做的事情。画流程图对我们有什么好处呢？好处一：接手的人都可以很轻松地通过流程图去了解我们的业务，并且了解我们写代码的时候的逻辑思维；好处二：在日后做迭代的时候如果牵扯到旧代码，那么这份流程图就可以很好地告诉我这里要怎么做迭代优化。

方法三、插件、组件的优化

我接手的大部分项目里，我几乎都能在里面看到一些不合理的结构。甚至有些没有结构可言。比如说，一个模块的功能，却把共用的代码拆成了两部分，然后一部分写到一个共用的插件中，另一部分写到好几个页面里面去。一个if...else就可以解决的事情，却分了两个插件来封装，而且这两个插件的同样代码几乎达到90%以上，然后等你把这个页面的某个功能相关的方法全部找到的时候，你的编译器的tabbar已经打开了好几个文件。像这种情况下，我已经会把用这个js文件的页面全部找到，然后把这个js的代码复制到这个页面里，然后通过对比这个几个文件，把共用的部分抽取出来。

方法四、优化项目结构

在快速开发中，我们很难在开发前写好开发的标准，所以难免会出现一些项目结构不统一的问题，尤其是在小程序这种需要分包的情况下，如何做好项目结构就成了很重要的一环。

项目还有哪些优化的地方相关推荐

Vue项目的性能优化
目录前言一.代码层面的优化 1. **v-if 和 v-show 区分使用场景** 2. **computed 和 watch 区分使用场景** 3. **v-for 遍历必须为 item 添加 ...
Vue项目从打包优化到上线部署云服务器的全过程（**教你在云服务器上优化部署自己的项目**）
前言作为前端开发人员,我们不仅要会写代码,优化打包,上线部署也是一个前端工程师必备的技能,这篇文章就教大家从零开始,把一个完整项目打包发布到线上服务器.首先的准备工作就是需要一台云服务器. 项目打包 ...
新来的同事把公司现有项目的性能优化了一遍，来看看他是怎么做到的
公司新来了个同事,级别比我高一级,技术一流,来了之后把现有项目的性能优化了一遍,给公司省了不少成本. 后来才知道,他竟然是个「把烂牌打出王炸」的存在.他叫老徐,我希望通过他的故事,帮你找到些可复制的方 ...
editor修改样式 vue_VUE 项目如何快速优化？
VUE 项目如何快速优化? 参考地址:https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9 ...
秒杀项目05-页面优化技术
秒杀项目05-页面优化技术 1. 页面缓存+URL缓存+对象缓存 1.1 页面缓存 1.2 URL缓存 1.3 对象缓存(更细粒度的缓存) 2. 页面静态化,前后端分离 1. 常用技术AngularJ ...
实战录 | 浅谈前端项目构建与优化
<实战录>导语云端卫士的新栏目<实战录>将会定期分享一些我们的工程师伙伴们在产品研发的过程中总结的实践经验,希望对于热爱技术且关注安全领域的受众有所裨益.本期分享人为云端卫士 ...
AntDB 落地某省电信大数据中心项目的性能优化案例分享
亚信科技AntDB 落地某省电信大数据中心项目的性能优化案例分享某省电信大数据中心项目采购了一套亚信科技AntDB 3.1分布式数据库,2018年8月初开始建设,建设周期一个月.9月份投入运行后,至 ...
前端Vue项目打包性能优化方案
文章目录一.前言二.优化方案 1丶路由懒加载(代码分割) 2丶第三方插件按需加载 3丶常用插件库使用CDN加速 4.gzip压缩 5.打包不生成map文件三.工具推荐可视化分析包大小总结一 ...
win7/win10 + VS2015 + cocos2dx-3.13的win32环境配置与项目编译时间优化和项目精简
属于原创博客,原地址为:http://blog.csdn.net/nullnull2011/article/details/53327431 本文章主要分为两部分:一部分是配置cocos2dx的win ...

项目还有哪些优化的地方

项目还有哪些优化的地方相关推荐

最新文章

热门文章