随笔分类 -  responsive

 
input获取焦点无效
摘要:js控制input获得焦点: $("input").focus(); 无效,写在延时函数中问题解决: setTimeout(function(){ $("input").focus(); },1); 可能原因:浏览器对dom的操作是等待代码执行完毕后进行。 阅读全文
posted @ 2017-10-24 10:46 xh.w 阅读(3855) 评论(0) 推荐(2)
url中特殊符号转换
摘要:特殊符号 url中显示 空格 %20 & %26 阅读全文
posted @ 2017-10-12 11:10 xh.w 阅读(1182) 评论(0) 推荐(0)
解析url中参数
摘要:兼容不带参数等情况 阅读全文
posted @ 2017-10-10 17:22 xh.w 阅读(672) 评论(0) 推荐(0)
position:sticky粘性布局
摘要:新的布局方式,专门用于 tab栏悬浮效果: 当tab栏在可视区域时,正常滚动, tab栏不再可视区域时,悬浮置顶。 position:-webkit-sticky; position:sticky; top:0px; left:0px; z-index:1000; 兼容性: 阅读全文
posted @ 2017-09-21 17:05 xh.w 阅读(354) 评论(0) 推荐(0)
zepto和jquery关于获取css样式的试用差别
摘要:例如 获取 html标签的 字体大小, zepto中方法:$("html").css( "font-size" ); jquery中方法:$("html").css( "fontSize" ); 一个用连字符,一个用驼峰命名法获取。 阅读全文
posted @ 2017-09-14 17:49 xh.w 阅读(543) 评论(0) 推荐(0)
css3宽高设置:calc() / vw / vh
摘要:对于720px的设计稿,100vw == 720px,1vw == 7.2px; vw可以替代rem 实现自适应布局。 相应的计算插件:postcss-px-to-viewport ******** ** 翻转屏幕后,vw和vh会相应的变化。 比如:100vh,竖屏时相当于600px,横屏时则相当于 阅读全文
posted @ 2017-08-22 15:23 xh.w 阅读(1368) 评论(0) 推荐(0)
版心设置
摘要:版心可以用div.classname实现,也可以直接定义到body上实现。 如果header 和 footer需要横向占满,content有宽度限制,可以用div.classname实现(淘宝); 如果是对整体的宽度进行限制,可以定义到body上(京东)。 .banxin { min-width:3 阅读全文
posted @ 2017-08-09 17:29 xh.w 阅读(882) 评论(0) 推荐(0)
原生js封装tap
摘要:// tap事件封装function tap(obj, callBack){ if(typeof obj != 'object') return; // 变量 var startTime = 0; // 记录触摸开始时间 var isMove = false; // 记录是否产生移动 obj.add 阅读全文
posted @ 2017-08-06 17:46 xh.w 阅读(486) 评论(0) 推荐(0)
原生Js封装ajax方法
摘要:// ajax封装function ajax(options) { /** * 传入方式默认为对象 * */ options = options || {}; /** * 默认为GET请求 * */ options.type = (options.type || "GET").toUpperCase 阅读全文
posted @ 2017-08-06 17:45 xh.w 阅读(634) 评论(0) 推荐(0)