2017年12月5日

摘要: 新闻流和游戏列表需要实现 跳转到详情页后返回,回到原位置。 新闻流: 新闻资源支持iframe, 利用同源页面跳转,浏览器不会刷新页面,通过在iframe中打开新闻详情页实现。 location.history.pushState( {} , "title" , location.href ); $ 阅读全文
posted @ 2017-12-05 16:56 xh.w 阅读(4889) 评论(0) 推荐(0)
 

2017年10月27日

摘要: 横竖屏监听事件onorientationchange捕获到的是屏幕旋转瞬间之前的状态,所以通过事件对象获取的屏幕宽度并不是旋转后的宽度。 阅读全文
posted @ 2017-10-27 11:24 xh.w 阅读(271) 评论(0) 推荐(0)
 

2017年10月24日

摘要: js控制input获得焦点: $("input").focus(); 无效,写在延时函数中问题解决: setTimeout(function(){ $("input").focus(); },1); 可能原因:浏览器对dom的操作是等待代码执行完毕后进行。 阅读全文
posted @ 2017-10-24 10:46 xh.w 阅读(3832) 评论(0) 推荐(2)
 

2017年10月12日

摘要: 特殊符号 url中显示 空格 %20 & %26 阅读全文
posted @ 2017-10-12 11:10 xh.w 阅读(1176) 评论(0) 推荐(0)
 

2017年10月10日

摘要: 兼容不带参数等情况 阅读全文
posted @ 2017-10-10 17:22 xh.w 阅读(665) 评论(0) 推荐(0)
 

2017年9月21日

摘要: 新的布局方式,专门用于 tab栏悬浮效果: 当tab栏在可视区域时,正常滚动, tab栏不再可视区域时,悬浮置顶。 position:-webkit-sticky; position:sticky; top:0px; left:0px; z-index:1000; 兼容性: 阅读全文
posted @ 2017-09-21 17:05 xh.w 阅读(349) 评论(0) 推荐(0)
 

2017年9月14日

摘要: 例如 获取 html标签的 字体大小, zepto中方法:$("html").css( "font-size" ); jquery中方法:$("html").css( "fontSize" ); 一个用连字符,一个用驼峰命名法获取。 阅读全文
posted @ 2017-09-14 17:49 xh.w 阅读(538) 评论(0) 推荐(0)
 

2017年8月22日

摘要: 对于720px的设计稿,100vw == 720px,1vw == 7.2px; vw可以替代rem 实现自适应布局。 相应的计算插件:postcss-px-to-viewport ******** ** 翻转屏幕后,vw和vh会相应的变化。 比如:100vh,竖屏时相当于600px,横屏时则相当于 阅读全文
posted @ 2017-08-22 15:23 xh.w 阅读(1353) 评论(0) 推荐(0)
 

2017年8月9日

摘要: 版心可以用div.classname实现,也可以直接定义到body上实现。 如果header 和 footer需要横向占满,content有宽度限制,可以用div.classname实现(淘宝); 如果是对整体的宽度进行限制,可以定义到body上(京东)。 .banxin { min-width:3 阅读全文
posted @ 2017-08-09 17:29 xh.w 阅读(876) 评论(0) 推荐(0)
 

2017年8月8日

摘要: background:url("http://..../xxx.jpg") no-repeat center/cover; 这种复合形式在有些低端安卓浏览器中不支持,最好分开写: background-image:url("http://..../xxx.jpg"); background-repe 阅读全文
posted @ 2017-08-08 18:35 xh.w 阅读(344) 评论(0) 推荐(0)
 
 

点击右上角即可分享
微信分享提示