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
---------------------------------------------------------------------------------------------------------------------------------------------------------
方法封装,标准OOP封装,JQuery fn、prototype
方法不大写,类才大写。
S:Saturation(饱和度)。取值为:0.0% - 100.0%
L:Lightness(亮度)。取值为:0.0% - 100.0%
A:Alpha透明度。取值0~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
S:Saturation(饱和度)。取值为:0.0% - 100.0%
L:Lightness(亮度)。取值为:0.0% - 100.0%
A:Alpha透明度。取值0~1之间。
html5 range color