前端應該知道的一些東東啦~

1,小圖標儘量用字體庫
推薦:阿里字體庫

2,行高設置成字體1.5倍。

3,CSS3 動畫的運用。

4,對於數據加載慢的要有提示。

5,懶加載,滾動監聽。lazyload 先存圖片鏈接,滾動到位置再把保存的src賦值過去。

6,沒有設計的,網上用配色方案。

7,CSS中的RESET,CSS命名規範。

8,CSS中註釋兩邊打兩個空格。  


9,font-size 字體,寬度。
em 相對父級的大小。
rem 根據根元素body大小變。
ch 單位

10,思考:滾動條出現,幾種方法解決。

11,CSS中儘量不用*,用其它方法解決。

------------------------------------------------------------------------------------------------------------------------------------------------------

css hanker

圖片壓縮:
1,大圖,可以用PS中存爲WEB可用格式壓縮。
2,多個小圖,圖片合併用圖片精靈。

網絡請求優化:
合併請求(合併JS,CSS文件),文件大小減小。

如果一定要兼容高版本的程序,要加瀏覽器兼容提示。

能用GET的不要用POST(涉密的用POST)

FPS 控制閃屏

瀏覽器默認頻率 60-70
---------------------------------------------------------------------------------------------------------------------------------------------------------

1,能用CDN服務器的儘量用CDN,減少本地服務器請求數。

2,ES5新特性,對數組操作。(IE8不支持)。

3,GET會緩存,POST不會緩存。

4,windows.onerror()

js錯誤全局錯誤對象

5,304狀態,未修改,瀏覽器緩存。

6,優雅降級、漸進增強。

7,CSS不用大寫,也不用駝峯。一般用連字符。

8,多個變量定義可以用,分開比用;性能更好一點點。

9,組件化封裝(代碼參數簡潔,功能最小原子化
方法封裝,標準OOP封裝,JQuery fn、prototype
方法不大寫,類才大寫。

hsla   


H:Hue(色調)。0(或360)表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值爲:0 - 360
S:Saturation(飽和度)。取值爲:0.0% - 100.0%
L:Lightness(亮度)。取值爲:0.0% - 100.0%
A:Alpha透明度。取值0~1之間。

html5 range color


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章