![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
其他
文章平均质量分 73
Smile-soul
这个作者很懒,什么都没留下…
展开
-
WEB前端开发最佳实践(1)
前端代码重构 删除无用代码,精简代码(不起作用的CSS样式和废弃的JavaScript函数) 前端代码规范化,把CSS代码放到独立的文件中,在JS定义局部变量,把部分全局变量改变成局部变量 整理基础类库 前端代码模块化,引入面向对象的思想来重构JavaScript代码,进一步明确公有接口和私有接口 提高页面性能: 将部分不影响首页展示的JS文件延迟到页面的加载后加载 延迟加载原创 2016-05-08 10:17:30 · 3168 阅读 · 0 评论 -
WEB前端开发最佳实践(2)
样式和结构分离 HTML页面链接一个CSS(最优),提高加载速度 HTML内嵌CSS(单一页面最佳,减少加载CSS样式文件的请求数目,加快加载速度 内联CSS样式,可以使用JS动态来统一修改,很少使用,JQ中使用其实现动画效果 在CSS样式文件中引用CSS文件,避免使用 添加JS禁用提示信息 使用noscrpt,HTML4只在body中起作用,HTML5中可以出现在head中,支持HTML,不支持X原创 2016-05-08 10:36:24 · 1476 阅读 · 0 评论 -
WEB前端开发最佳实践(3)
选择器注意 尽量不使用ID选择器 减少子选择器的层级(less和Sass的滥用) 使用组合CSS类选择器 兼容IE浏览器 兼容旧浏览器的代码,被称为hack代码 熟悉IE浏览器中常见的兼容样式 分离样式兼容代码 em,px,% px:相对尺寸,但由于同环境,又是绝对尺寸 em:应用元素上字体大小的两倍,%:相对于父元素的百分比 尽量设置相对尺寸 只有在可预知元素尺寸的情况下才使用绝对尺寸 使用em设原创 2016-05-08 12:50:35 · 1271 阅读 · 0 评论 -
WEB前端开发最佳实践(4)
加快JS文件加载速度 最有效的减少初始加载的文件体积和加载次数 延迟加载:避免代码加载和执行过程阻止页面的解析 尽量把js放在body的底部 使用成熟的加载框架HeadJS,RequireJS,LABjs 最佳实践提高性能: 少用for-in循环 谨慎使用eval 正确使用数组 尽量不使用全局变量 确保解除已经不需要的事件监听,如要那些要移除的DOM对象上绑定的事件 不要在闭包中返回外部不需要的对原创 2016-05-08 12:59:40 · 1505 阅读 · 0 评论 -
移动端WEB前端开发最佳实践
移动端WEB前端开发最佳实践 Safari,Android Browser,Chrome都是以WebKit为核心的 移动设备和PC之间的页面现实存在差异(Safari中定义了viewport) 在移动设备和桌面端WEB前端开发中,事件绑定存在差异(移动触点) 页面控件设计存差异(点触不灵敏,虚拟键盘弹出框) 移动设备的网络带宽普遍比PC慢,移动页面要设置更简洁 PC页面兼容移动设备 使用流式布局 借原创 2016-05-08 13:04:22 · 4044 阅读 · 1 评论