04 2018 档案
转 移动端-webkit-user-select:none导致input/textarea输入框无法输入
摘要:移动端webview中写页面的时候发现个别Android机型会导致input、textareat输入框无法输入(键盘可以弹起,不是webView.requestFocus(View.FOCUS_DOWN);的问题) 由于移动端我习惯统一初始化样式: 经过试错发现是-webkit-user-selec
阅读全文
移动端开发兼容性总结
摘要:每次h5开发,总会遇到一些兼容性bug,现在总结下,供大家参考。 1)定位问题:ios 2)写背景图时最好加上top left 或者0 0 不然写运动效果时容易出现跳 3)防止手机中网页放大和缩小:<meta name="viewport" content="user-scalable=0" />
阅读全文
移动端input 无法获取焦点的问题
摘要:下午遇到一个问题,移动端的input都不能输入了,后来发现是 -webkit-user-select :none ; 在移动端开发中,我们有时有针对性的写一些特殊的重置,比如: 其中,-webkit-user-select :none ;会产生一些问题。这是webkit内核浏览器下的一个bug,具体
阅读全文
获取url路径中的参数
摘要:简介 运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1, 你想要获取postid的内容8628413,或者update的内容1,那么下面就
阅读全文
js-移动端android浏览器中input框被软键盘遮住的问题解决方案
摘要:我遇到的问题:在一个页面里有一个弹出层之前我给我的最外层加了固定定位 用了下面的方法也不好使;没有办法我将之改为绝对定位层级变高在加上一个顶部标签通过js计算顶部高度来实现满屏遮挡; 前提: 关于input框被浏览器软键盘遮挡住的问题,主要是安卓浏览器,下面出一个解决方案: 解决方案原理: 安卓浏览
阅读全文
移动端居中根据内容自适应提示标签
摘要://新建提示 function createTips(text,fn){ var tips = $(""); var box = $(""); box.css({"position": "absolute","top": "50%","left":"50%","-webkit-transform": "translate3d(-50%,-50%,0)","transfor...
阅读全文
DOMNodeInserted监听div内容改变
摘要:JavaScript事件 DOMNodeInserted DOMNodeRemoved JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定交互的瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。 13.1 事件流 事件流描述
阅读全文
js取float型小数点后两位数的方法
摘要:以下我们将为大家介绍 JavaScript 保留两位小数的实现方法:四舍五入以下处理结果会四舍五入: 不四舍五入以下处理结果不会四舍五入:第一种,先把小数边整数: 第二种,当作字符串,使用正则匹配: 注意:如果是负数,请先转换为正数再计算,最后转回负数 javascript保留两位小数的实例: 用J
阅读全文
一个新的threejs理论基础学习网站
摘要:网站: https://webglfundamentals.org/
阅读全文
jQuery中animate()对Firefox无效的解决办法
摘要:在使用 animate()做返回顶部的动画时,会出现对Firefox无效的情况,如: 它对Chrome,IE,Opera 有效,而另一种情况: 则只对Firefox有效。 如果需要对所有浏览器有效,则需要将两者结合起来: 这样就可以对所有浏览器有效了
阅读全文
标准盒模型与IE盒模型之间的转换
摘要:首先上图,这两张很明显可以看出IE盒模型和标准盒模型之间的差别。 当然今天不是去细细追究两种模型具体是怎么去计算布局的,那个很多文章已经已经有过了,不再重复。以前刚开始学习盒模型的时候,就学到的是IE的盒模型不规范,不符合标准的盒模型,要加文档申明把IE的转换为标准的。要给文档头部加上 DOCTYP
阅读全文
动态加载的元素绑定事件
摘要:动态填见进去的元素 绑定的事件 有时绑定不上 1 先解绑 在从新绑定 $(".className").unbind('click').bind('click',function(){ }) 2也可以绑定document 也可以 $(document).on('click','.className',
阅读全文
JavaScript 中的 NaN 和 isNaN
摘要:1、NaN NaN 即 Not a Number , 不是一个数字。那么 NaN 到底是什么呢? 在 JavaScript 中,整数和浮点数都统称为 Number 类型 。除此之外,Number 类型还有一个很特殊的值,即 NaN 。它是 Number 对象上的一个静态属性,可以通过 Number.
阅读全文