首页 > 其他 > 详细

万豪项目总结

时间:2017-01-09 14:22:21      阅读:198      评论:0      收藏:0      [点我收藏+]

开发问题

1. 移动端的动画有一次重做的行为。
2. 任务并行开发,结果导致了开发效率低下。
3. 地图模块没有熟悉,让冯老师帮忙完成。


技术总结:

移动端的问题

1. border 涉及到1px线的问题最好给宽度为具体的像素 不要给rem,因为很多的手机不支持0.5像素,可能会发生问题
2. 图片最好给背景图片(在图片尺寸不统一的情况下)
3. 注意css3的前缀
4. 国产手机自带浏览器(如华为),有的外联样式会有问题。
5. 文字垂直居中最好用padding
6. 盒子水平居中 用inline-block + text-align:center 或者 margin: 0 auto;
7. 页面要跳到某位置 用 window.scrollTo(0, 100)
8. 页面移动到某位置 用 $(‘html,body‘).animate({scrollTop:0}, 400} (注意冲突)

PC端的问题

1. 解决jquery animate({scrollTop$pos},500)与$(window).scroll方法冲突的问题

当点击节点时 先移除$(window).on("scroll")监听事件 在animate动画结束之后再添加上


共性问题:

1. 导航栏进行自动fixed定位时,在fixed之前的position最好脱标或者有个隐藏空白盒子准备显示以撑起原来的大小

万豪项目总结

原文:http://www.cnblogs.com/jingh/p/6265074.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!