该项目为西南科技大学大学生创新基金项目,项目编号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元素。
项目部分页面展示