美文网首页
前段代码重构注意几点

前段代码重构注意几点

作者: jia林 | 来源:发表于2024-02-29 11:01 被阅读0次

前端代码重构主要有下面几点

一、删除无用代码,精简代码

1、删除无用的css和javascript,删除javascript中已经无用的方法

二、前端代码规范

1、把页面中内联样式及头部样式提取到单独的css文件中
2、调整代码的缩进
3、更改标注已经不支持的标签如:<b>
4、在javascript中减少全局变量的使用,缩小变量的作用域
5、整理基础类库,减少因为版本的问题造成多个文件

三、前端代码模块化

1、按模块归类css代码与js代码,放到模块对应的文件夹中
2、按模块分离js代码,定义不同的命名空间
3、细化模块分类
4、解耦可视化库和Vue/Vuex
5、编写可维护性高的代码

四、提高页面加载性能

1、将不影响首页展现的javascript文件延迟到页面加载后加载
2、删除页面中初始隐藏的区域
3、javascript改为按需加载
4、图片的懒加载
5、调整css和js的引用顺序
6、给静态文件设置缓存
7、加载CDN上的文件
8、图片合并

相关文章

  • 代码重构专题(转载)

    代码重构(一):函数重构规则代码重构(二):类重构规则代码重构(三):数据重构规则代码重构(四):条件表达式重构规...

  • 《重构》一书总结(二)

    《重构》一书总结(二) 重构的重点,在于对那些代码进行重构,如果重构不当,反而适得其反。 重构代码终结如下 1.D...

  • 11个 Javascript 小技巧帮你提升代码质量,干货收藏!

    Javascript 常用代码优化和重构的方法 简介 主要介绍以下几点: 提炼函数 合并重复的条件片段 把条件分支...

  • 文件上传转换代码修整

    前段时间代码紧急,需求复杂,写了个比较乱的代码。当其时的风格是按照面向过程来写的,最近看了《重构,改善既有代码的设...

  • Mvc分页组件MvcSimplePager代码重构

    Mvc分页组件MvcSimplePager代码重构 Mvc分页组件MvcSimplePager代码重构1.1 In...

  • grid添加合计功能

    效果图 前段代码 注意点: serverAggregates: true, aggregate: [{field:...

  • 编程的方法——重构、测试等

    重构 为什么要重构? 重构代码是保持代码质量的一个极其有效的手段,它可以避免你的代码腐化到无可救药的地步。 重构可...

  • 代码重构利器

    使用重构件(Codemod)加速 JavaScript 开发和重构代码重构利器 —— jscodeshift 对于...

  • 为什么要代码重构?如何重构?常见重构技巧

    关于重构 为什么要重构 代码重构漫画 项目在不断演进过程中,代码不停地在堆砌。如果没有人为代码的质量负责,代码总是...

  • 重构

    重构时,先梳理代码,删除无用的逻辑,进行小的消除重复代码重构,封装小方法重构,等等,目的是让大段大段代码之前的耦合...

网友评论

      本文标题:前段代码重构注意几点

      本文链接:https://www.haomeiwen.com/subject/tewoadtx.html