前端代码重构

看了别人的代码重构心得觉得整理得不错,特转载,等自己亲身经历之后再来补充。

http://www.sxt.cn/u/4647/blog/5584

简要来说,代码重构大致包括以下内容:

  1. CSS,js模块化,且尽量放在同一个文件中以减少请求次数
  2. 拥有重复功能的外部框架精简统一
  3. 调整资源加载顺序,使用压缩资源,或者雪碧图,提升页面加载性能
  4. 代码风格精简规范化,如命名风格与缩进

但是在重构过程中需要预估风险,以免引入更难检测的bug。而且养成每修改一下部分就进行测试的习惯,并记录每次测试的性能相关参数以便于后期分析。

关于性能测试,这篇文章总结的不错。

时间: 2024-08-03 05:00:47

前端代码重构的相关文章

我和我的广告前端代码(二):突发需求,广告法,加标识,打补丁

概述: 在重构广告‘老代码’的初期发生了一个突发的需求,下面我简单介绍一下,可能文中更多的是思路和结构上的东西.具体的业务实现也会简单说一些,但说的不多. 仅用文章纪录一下,保存我于广告项目珍贵的记忆. 突发事件: 上一篇文章——我和我的广告前端代码(一):打碎重来.化零为整,中提到我在将业务线甲的广告代码重构的事情,但是开发的过程中,有了一个小插曲——加标志.由于我国新出台的广告法规定,所有的广告必须注明“广告”.要求一周内,连开发带测试,打败这个半路杀出来的‘程咬金’. 应急方案: 这本是一

开始启程, 你的第一行前端代码

Vue.js杀敌须知 人生最大的敌人,就是没有明确的目标 -- 罗曼罗兰 选择自己的人生坐标,是对自己对生命的负责,没有认识目标,会变得慵懒,只能听天由命叹息茫然.学习前端开发亦是同理,我们开始学习之前我们必须要弄清楚 前端开发的职业前景怎么样? Vue.js是什么?为什么选择它? 学完Vue.js我们能够干什么? 如果自身对以上三个问题的答案都不感兴趣,那么劝诫大家不要再自己不喜欢的道路上花费太多的时间. 1.1 前端开发的职业前景怎么样? 最近两年,尤其是过去的2016年,前端开始引爆市场,

Web 前端代码规范

Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前端代码,这是通过分析 Github 众多前端代码库,总结出来的前端代码书写规范. 目录 前端普适性规范 HTML 规范 CSS 规范 JS 规范 License public domain, Just take it. Thanks @Ruan YiFeng: https://github.com/

代码重构(OOP)-小栗子(PyQt5)

主要是为了练习下 面向对象, 不断提醒自己代码一定要写成 营销风格, 和优雅. 最近在B站上看一下关于 Python GUI 编程的内容. 恰好呢, 前不久的一个 将本地 Ecxcel 数据 发布到 Tableau Server 中, 当核心接口搞定后, 工程化领导让弄 web, 我们果断拒绝了, 不太熟前端也暂时不想学, 就用 Python 自带的 Tk 模块来写一版, 涉及安全就不能共享出来, 总体蛮简单的. 后来, 倒是引发我对 gui 的一点小兴趣. 就没事看看 PyQt5 的内容, 没

记一次完整的系统业务代码重构(1)——why

记一次完整的系统业务代码重构(1)——why 0.为什么烂 优秀的代码优秀的出奇一致,烂代码却烂的千奇百怪.至于原因嘛,无非如下几种: 1.迭代和变更需求快,比翻书变脸还快,而且没有统一规划和为未来预留考虑. 2.公司人员流动快,代码换了一届又一届的主人,七朝元老都没站出来,三朝元老的代码都弱爆了. 3.神坑的技术人员,零注释.迷魂阵.障眼法没有最晕的代码只有更晕的代码. 1.烂在何处 让所有的开发人员吐槽自己维护的代码烂在何处,估计说个3天3夜都说不完.这里总结下自身项目的缺点.由于项目内容涉

Windows程序代码重构

代码重构:在程序功能实现之后,对代码进行一定规模的整理,使之符合"高内聚.低耦合"的软件设计原则,便于维护和使用. ①用函数封装消息处理代码--对Windows程序窗口函数中的每一个case程序段进行封装以形成一个消息处理函数,而在case中调用这个函数. ②利用数组或链表实现消息映射表进一步实现代码的隔离--因为窗口函数switch-case结构实质上实现的就是一个根据消息标识来查找消息处理代码的功能,故可以用消息映射表和一段查表程序来替代它,表中的每一项可以使用一个函数指针来指向消

前端代码tomcat下简单部署

软件 filezilla [ftp]  +  visionapp Remote Desktop[远程桌面] (前提:前后端代码分离,如前端angular实现) ftp上传到机器{软件 filezilla,输入ip 账号密码  ssh-端口22} linux下解压 unzip -o tomcat**.zip -d tomcat java --version 加权限 chmod +x *.sh 将前端代码通过ftp上传到 tomcat/webapps 解压代码文件 unzip prjectPorta

Job Service代码重构遐想

最近有大概半个月的时间可以重构下代码,刚好可以重新整理下Job Service相关的代码.前段时间由于忙于完成Job Service所有功能以及完成对Auto Job的支持以正常上线,使得有些地方的代码写得不是特别优雅.主要集中在以下一些地方: DAG状态的转移 目前DAG状态分为3层,分别为ApplicationStatus.TaskStatus.InstanceStatus.每个层次都有以下几种状态,Waiting.Running.Finished.Stopped.Failed.并且DAG有

第九课、计算器界面代码重构

一.重构的概念 1.重构是以改善代码质量为目的代码重写 (1).使其软件的设计和架构更加合理 (2).提高软件的扩展性和维护性 2.代码实现和代码重构的不同 (1).代码实现:按照设计编程实现,重在实现功能 (2).代码重构:以提高代码质量为目的软件架构优化 (3).区别 A.代码实现时不考虑架构的好坏,只考虑功能的实现 B.代码重构时不影响已实现的功能,只考虑架构的改善 3.软件开发的过程 (1).从工程的角度对软件开发中的活动进行定义和管理 4.什么样的代码需要重构 (1).当发现项目中重复