1. 程式人生 > >基於JavaEE的實驗室管理系統技術點

基於JavaEE的實驗室管理系統技術點

該專案為西南科技大學大學生創新基金專案,專案編號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元素。

專案部分頁面展示