150111 切片总结（待学习…）

 

1，关于提高目前工作效率的思考：

• 首先，提高自身的技能水平很重要（当然团队各自的技能提高更重要）
• 清楚知道项目时间计划，与自己的时间规划融合
• ……

2，关于目前切片方式的整理：

• 分析设计稿，形成大体切片思路
• 搭建html框架，css样式表
• 添加js（在赶进度时，可提交首次svn；以后渐进修改调整细节）
• 测试浏览器
• 总结blog，整理出常用代码片段
• 学习研究总结遗留的问题知识点

tip：过程中记录切片遇到所有问题

3，关于接收设计稿的规范考思考（目的提高切片效率）

• 文件命名统一
• 文件太大，自身机器运行卡顿
• 文件内容层的划分与命名统一

 

知识点：

1【css】一些细节

• 在处理页面局部跟随定位时，统一采用百分比的左右边距以适配不同分辨率。
• IE透明：filter:alpha(opacity:60);
• input{outline:none;}让GG浏览器保存一致性

 

2【js】setTimeout()与setInterval()的用法

 

3【js】获取滚动条所处位置

document.body.scrollTop（GG支持） 与 document.documentElement.scrollTop（FF支持）连用

 

4【jQ】返回顶部及跟随的JQ实现方式

 

5【css】一种思维实现

使父级元素的子元素产生浮动，即可使用子元素的margin样式压住父元素的各边框（IE7的显示效果，不能压住下边框）

 

6【html】ie7 bug

img标签的层级高于流布局后面元素的层级，为后面的元素使用相对定位(position:relative) 即可解决。