会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
微语123
博客园
首页
新随笔
联系
管理
订阅
上一页
1
2
3
4
下一页
2018年2月6日
jq实时监听input值变化
摘要: onchange事件肯定抛弃,因为只能失去焦点才触发。 而keyPress在Android可以触发,iOS不可以。 又不想用Android和iOS都可以触发的keyDown和keyUp。 于是,百度出了新东西:oninput!【需要配合propertychange,兼容 IE9 以下版本】 JS:
阅读全文
posted @ 2018-02-06 14:04 微语123
阅读(1583)
评论(0)
推荐(0)
2018年2月2日
rem适配的代码
摘要: var pixclPatio = 1 / window.devicePixelRatio; document.write(''); var html = document.getElementsByTagName('html')[0]; var pageWidth = html.getBoundingClientRe...
阅读全文
posted @ 2018-02-02 11:52 微语123
阅读(132)
评论(0)
推荐(0)
简洁的判断是否是移动设备的js代码
摘要: 此代码主要是抓住了移动端设备UA的几个关键词:iPhone/iPod/Android/ios,这几个关键词在PC端的UA里是不会出现的,从而判断是否移动端。
阅读全文
posted @ 2018-02-02 11:50 微语123
阅读(106)
评论(0)
推荐(0)
判断网络问题
摘要: 在移动项目,有时候需要检测当前的状态是否是在wifi网络下,那js可以检测出这种状态吗? 我们可以试下用window.navigator.connection来检测,另外微信6.0版本以上,UA有个NetType,6.0版本以下,可以用微信私有接口WeixinJSBridge: 1. 详细判断网络
阅读全文
posted @ 2018-02-02 11:48 微语123
阅读(215)
评论(0)
推荐(0)
滑动页面时防止touch事件的误触问题
摘要: 问题 在移动端页面进行优化时,一般使用touch事件替代鼠标相关事件,用的较多的是使用touchend事件替代PC端的click和mouseup事件。 但是,touchend事件在页面滚动时有个问题。在滚动完成后,如果当前触点的位置所指的元素绑定了touchend事件,这时便会触发该元素的touch
阅读全文
posted @ 2018-02-02 11:40 微语123
阅读(2282)
评论(0)
推荐(0)
禁止微信内置浏览器的字体缩放问题
摘要: 由于微信自带字体放大功能,因此基于微信的页面都可以通过微信进行字体放大,但是有些情况下这并不是我们想要的,因为很多移动端页面的开发都是使用rem作为单位的,当使用微信进行字体放大是,会导致页面的整体布局乱掉的情况出现,这对用户体验来说是极其不友好的,我们希望能够禁止微信的字体放大功能,下面我通过查找
阅读全文
posted @ 2018-02-02 11:10 微语123
阅读(2236)
评论(0)
推荐(0)
2018年2月1日
h5 禁止input元素自动吊起手机自带键盘
摘要: 非div模拟法 摘自某大神博客 沾沾光。
阅读全文
posted @ 2018-02-01 10:52 微语123
阅读(418)
评论(0)
推荐(0)
2018年1月16日
简析this指向
摘要: 情况1:构造函数 所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new一个对象,但是有些函数的定义是为了new一个对象,而有些函数则不是。另外注意,构造函数的函数名第一个字母大写(规则约定)。例如:Object、Array、Function等。 以上代码中,如果函数作为构造函数
阅读全文
posted @ 2018-01-16 17:52 微语123
阅读(122)
评论(0)
推荐(0)
2018年1月11日
grid实现响应式布局
摘要: 一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局 在这篇文章中,我将教你如何使用 CSS Grid(网格) 布局来创建一个超酷的图像网格,它会根据屏幕的宽度改变列的数量,以实现响应式布局。 而这篇文章中最漂亮的部分是:添加一行 CSS 代码即可实现响应式布局。 这意味着我们不必
阅读全文
posted @ 2018-01-11 18:12 微语123
阅读(1131)
评论(1)
推荐(1)
2017年12月20日
input[type=radio]美化
摘要: input[type="radio"]+span::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; font-size: .12rem; width: .22rem; height:
阅读全文
posted @ 2017-12-20 14:35 微语123
阅读(332)
评论(0)
推荐(0)
上一页
1
2
3
4
下一页
公告