前端应该知道的一些东东啦~

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


发布了10 篇原创文章 · 获赞 13 · 访问量 3646

猜你喜欢

转载自blog.csdn.net/mengsandy/article/details/72729808