关于前端代码重构注意的几个点
来源:互联网 发布:mac版office官网 编辑:程序博客网 时间:2024/06/01 23:31
前端代码重构主要有下面几点
一、删除无用代码,精简代码
- 1、删除无用的
css
和javascript
,删除javascript
中已经无用的方法
二、前端代码规范
- 1、把页面中内联样式及头部样式提取到单独的
css
文件中 - 2、调整代码的缩进
- 3、更改标注已经不支持的标签如:
<b>
- 4、在
javascript
中减少全局变量的使用,缩小变量的作用域 - 5、整理基础类库,减少因为版本的问题造成多个文件
三、前端代码模块化
- 1、按模块归类
css
代码与js
代码,放到模块对应的文件夹中 - 2、按模块分离
js
代码,定义不同的命名空间
四、提高页面加载性能
- 1、将不影响首页展现的
javascript
文件延迟到页面加载后加载 - 2、删除页面中初始隐藏的区域
- 3、
javascript
改为按需加载 - 4、图片的懒加载
- 5、调整
css
和js
的引用顺序 - 6、给静态文件设置缓存
- 7、加载
CDN
上的文件 - 8、图片合并
阅读全文
0 0
- 关于前端代码重构注意的几个点
- 关于重定向的几个注意点
- 关于addSubView需要注意的几个点
- 关于SQL优化的几个注意点
- 关于addSubView需要注意的几个点
- 关于addSubView需要注意的几个点
- 关于抽象类的几个注意点
- ABAP--关于abap的subroutines的几个注意点
- ABAP--关于abap的subroutines的几个注意点
- NT Service的几个注意点和示例代码
- NT Service的几个注意点和示例代码
- Service的几个注意点和示例代码
- 关于Java中使用容器的几个注意点
- 关于Servlet中Path的几个注意点
- 关于SQL注入应该注意的几个点
- %rowtype的几个注意点
- XHTML的几个注意点
- %rowtype的几个注意点
- 一分钟了解“文章Infrared Small-Target Detection Using Multiscale Gray Difference Weighted Image Entropy”
- Python实现: 常用排序算法 & 二叉树的遍历算法
- kettle安装使用
- 高水位线和全表扫描
- 1.Sublime Text2 多行编辑快捷键
- 关于前端代码重构注意的几个点
- mfc 怎样动态设置static text 的可见属性
- Redis 深研究
- SQL Error (1130): Host IP is not allowed to connect to this MySQL server
- printf
- 计算机图形学之光线跟踪算法的研究与实现2017年我的优秀毕业论文
- LDA(线性判别分析或称Fisher线性判别),PCA(主成份分析)代码及表情识别中的应用
- xcode c/c++开发
- 阿里面试回来,想和Java程序员谈一谈