基于JavaEE的实验室管理系统技术点

xiaoxiao2025-04-10  14

该项目为西南科技大学大学生创新基金项目,项目编号jz17-047。

(一)浏览器兼容性问题

对于前端网页的开发,解决浏览器兼容是至关重要的问题。

我们所采取的解决方案如下:

1、每一个CSS文件都先增加通配符 * { margin: 0; padding: 0; }

2、针对不同的不兼容问题,可以采取相对应的解决办法。

比如:当在a标签中嵌套img标签时,在某些浏览器中img会有蓝色边框;我们可以给img添加border:0;

当表单元素行高不一致,给表单元素添加float:left(左浮动);或者是vertical-align:middle;(垂直对齐方式:居中)。

(二)web性能的优化

页面中涉及很多的图片,大量图片的使用让页面加载的速度变慢,非常影响用户体验。  我们所采取的解决方案如下:

1、通过使页面尽量简洁,减少资源的使用来减少HTTP请求数。

2、首页中图片轮播部分资源较多,将外部的多个脚本和样式合并为一个,并尽可能压缩图片。

3、除此以外,高效的使用HTML标签和CSS样式,同时将样式表置顶,脚本置底并去除重复的脚本,也可以使性能优化。

4、减少使用DOM元素。

项目部分页面展示

                                     

                                      

                                                                                                                                  

 

 

转载请注明原文地址: https://www.6miu.com/read-5027904.html

最新回复(0)