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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35616167/article/details/83503931

该项目为西南科技大学大学生创新基金项目，项目编号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元素。

项目部分页面展示

                                     

                                       

                                                                                                                                   

 

 

阅读更多