推薦:阿里字體庫
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
S:Saturation(飽和度)。取值爲:0.0% - 100.0%
L:Lightness(亮度)。取值爲:0.0% - 100.0%
A:Alpha透明度。取值0~1之間。
html5 range color