- 博客(9)
- 收藏
- 关注
RSS订阅原创 移动端WEB前端开发最佳实践
移动端WEB前端开发最佳实践Safari，Android Browser，Chrome都是以WebKit为核心的移动设备和PC之间的页面现实存在差异（Safari中定义了viewport）在移动设备和桌面端WEB前端开发中，事件绑定存在差异（移动触点）页面控件设计存差异（点触不灵敏，虚拟键盘弹出框）移动设备的网络带宽普遍比PC慢，移动页面要设置更简洁PC页面兼容移动设备使用流式布局借
2016-05-08 13:04:22
4094
1
原创 WEB前端开发最佳实践（4）
加快JS文件加载速度最有效的减少初始加载的文件体积和加载次数延迟加载：避免代码加载和执行过程阻止页面的解析尽量把js放在body的底部使用成熟的加载框架HeadJS，RequireJS，LABjs最佳实践提高性能： 少用for-in循环谨慎使用eval正确使用数组尽量不使用全局变量确保解除已经不需要的事件监听，如要那些要移除的DOM对象上绑定的事件不要在闭包中返回外部不需要的对
2016-05-08 12:59:40
1518
原创 WEB前端开发最佳实践（3）
选择器注意尽量不使用ID选择器减少子选择器的层级（less和Sass的滥用）使用组合CSS类选择器兼容IE浏览器兼容旧浏览器的代码，被称为hack代码熟悉IE浏览器中常见的兼容样式分离样式兼容代码em，px，%px：相对尺寸，但由于同环境，又是绝对尺寸 em：应用元素上字体大小的两倍，%：相对于父元素的百分比尽量设置相对尺寸只有在可预知元素尺寸的情况下才使用绝对尺寸使用em设
2016-05-08 12:50:35
1279
原创 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
1494
原创 WEB前端开发最佳实践（1）
前端代码重构删除无用代码，精简代码（不起作用的CSS样式和废弃的JavaScript函数）前端代码规范化，把CSS代码放到独立的文件中，在JS定义局部变量，把部分全局变量改变成局部变量整理基础类库前端代码模块化，引入面向对象的思想来重构JavaScript代码，进一步明确公有接口和私有接口提高页面性能： 将部分不影响首页展示的JS文件延迟到页面的加载后加载 延迟加载
2016-05-08 10:17:30
3202
原创 ICON小图标
ICONCSS Sprite background-image,background-position（注意坐标，索引值重0开始）特点： 相对单个小图标，它节省文件和服务器请求的次数一般情况下，需要保存为PNG-24的文件格式可以设计出丰富多彩的颜色图标难点： 注意每个小图标的大小小图标之间的距离font+html灵活性：轻松地改变图标的颜色和其他的CSS效果扩展性：改变图标的
2016-05-07 11:22:13
2262
原创 SEO
前端的SEO网站内部结构布局优化： 控制首页链接数量，链接对象的相关性要高扁平化目录层次（尽量3层便能搜索)导航SEO（主导航，副导航，分类导航）面包屑导航（让用户了解当前位置，了解网站组织形式）内容页结构设置(最新文章、推荐文章、热门文章、增加相关性、方便自助根据链接抓取更多内容)较快的加载速度，简洁的页面结构网页代码优化： Robots.txt（http://www.cnblo
2016-05-07 08:58:58
350
原创 Sketch
SketchiPhone分辨率的终极指南:http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutionsSketch Mirror可以在IOS设备上进行实时监测常用快捷键： 新建画板：A命名图层：CMD+R切片：S导出:CMD+SHIFT+E矩形：R，圆角矩形：U，原型：O，钢笔：V，线：K，文本:T显示/
2016-04-23 12:31:23
428
原创 Shell
set查找所有变量通过key=value来进行赋值通过unset来删除变量引用$key来进行引用常见变量：HISTFILESIZE 历史指令记录最大值PS1是表示命令指示符 \d ：代表日期，格式为 Weekday Month Date，例如 “Mon Aug 1”\H ：完整的主机名称。\h ：仅取主机名称的第一个名字。 \t ：显示时间，为 24 小时格式，如： HH:MM:S
2016-04-23 09:13:45
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人