屏蔽移动端浏览器滚动条

最近在做一个嵌入到app里的一个webapp页面,底部有一个菜单可以上下滑动显示隐藏,这种效果首先是考虑使用css的固定定位position:fixed,但是部分浏览器会有一个bug,就是说父层设置固定定位后位置发生变化后子元素不跟着父元素动,找了半天也没找到解决办法,后来发现使用positon:absolute绝对定位可以解决,但是问题又出现了,使用绝对定位在给盒子设置bottom:-200px为负值的时候页面会出现滚动条,给body设置高度和溢出隐藏都解决不掉,这不是逼我放大招么! 解决办法:屏蔽浏览器body的touchmove事件 document.body.addEventListe…阅读全文

去掉移动端html元素高亮

webapp

1、移动webapp手机端页面,点击按钮、图片、input文本框或者绑定js事件的按钮会出现阴影,加上下面的CSS样式就可以解决了。 *{-webkit-tap-highlight-color:rgba(255,255,255,0);}    

android浏览器,使用canvas绘制图像重影的解决办法

android浏览器,使用canvas绘制图像重影的解决办法 现象:android4.0以上一部分手机的webview中,当canvas小于屏幕大小时,绘图时会出现重影,就是说一个图只绘制了一遍,却出现了两个 网上查找的解决方案1:根本没解决问题 canvas外层的div需要设定属性 style=”overflow:visble;-webkit-transform:translateZ(0);” 然后继续查找解决方案在http://www.360doc.com/content/14/0731/14/1045556_398354343.shtml 这里找到如下解决方案: …阅读全文

如何在百度相关搜索中添加你的关键词

大家知道,我们在用百度进行搜索时,在页面底部会出现“相关搜索”栏,而且这个地方大部分人都会关注,如果把自己的关键词做到这里,那给你带来的流量一定会让你大吃一惊的。那如何把自己的关键词做进这里的,如果做的好,一天就可以被“相关搜索”收录。 第一步 选择自己的关键词,原则是避实击虚。如果你的关键词比较热门,如“高低温试验箱”,那就在这个词的前面或后面加上几个字,做成扩展关键词,但一定要通顺,如“高低温试验箱结构”“高低温试验箱价格”“高低温试验箱厂商”等。 第二步 确定好扩展关键词之后,写一篇对你的客户群体有用的一篇文章,在这篇文章里设置悬念,并把扩展关键词加入悬念中。比如“恒温恒湿箱”,这个词比…阅读全文

Console控制台命令详解

  Firebug控制台详解 控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。 一、显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log(“Hello World”),加载时控制台就会自动显示如下内容。 另外,根据信息的不同性质,console对象还有4种显示信息的方法,分别是一般信息console.info()、…阅读全文

getBoundingClientRect() 获取元素位置

它返回一个对象,其中包含了left、right、top、bottom四个属性 var X= this.getBoundingClientRect().left; var Y =this.getBoundingClientRect().top; 相当于 jquery的: this.offset().left、this.offset().top js的:this.offsetLeft、this.offsetTop

分享一个大家熟悉不能在熟悉的一个图片懒加载效果

在前几年b2c特别火爆的年代,电商公司的网站主要是以图片展示为主,大家也知道图片加载的多了必然会影响网站的打开速度,当时我在的公司也是做电商的,领导一直督促技术部对网站进行优化,当时就去网上查啊查,记得网上有一个非常流行的一个图片缓加载的插件叫 jquery.lazyload,当时我也用了这个插件,但是感觉效果并不明显,后来用firebug调试发现根本就没有实现缓加载,他的实现原理是网站加载完毕后批量替换图片的src为站位图片,当用户滚动屏幕的时候图片进入可视区域在把真实路径替换过来等于是脱裤子放屁费了二遍事,后来我在他的实现基础上写了一个自己的图片缓加载效果,感兴趣的同学可以点击下面的连接查…阅读全文

时间倒计时特效

以前在工作项目中用了很多的js特效,最近有了自己的博客暂时没什么内容就把之前做过的js效果整理一下丰富丰富我的博客,这次分享的是一个js倒计时的效果,是之前在一个专题页面限时抢购用到的,下面是演示地址 演示地址:demo

html5获取图片指定坐标色值

利用html5 getImageData()方法获取canvas画布上指定坐标色值方法如下: 通过这个方法可以实现diy试衣间相同尺寸的png透明图片用定位叠加到一起后鼠标划过判断选择了哪个层,通过对应层级遍历每一张图片指定坐标处的色值来计算,先找到有色值的图片,就说明是当前选中的图片!下面是我在一个项目里用到这个方法的一段代码: 演示地址:demo

JavaScript toFixed() 方法

定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 语法 NumberObject.toFixed(num) 参数 描述 num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有 些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。 返回值 返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的…阅读全文

ECMAScript 类型转换

转换成字符串 ECMAScript 的 Boolean 值、数字和字符串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 例如,要获得字符串的长度,可以采用下面的代码: var sColor = “red”; alert(sColor.length); //输出 “3” 尽管 “red” 是原始类型的字符串,它仍然具有属性 length,用于存放字符串的大小。 总而言之,3 种主要的原始类型 Boolean 值、数字和字符串都有 toString() 方法,可以把它们的值转换成字符串。 提示:您也许会问,“字符串还有 toString() 方法吗,…阅读全文

ECMAScript 定义类或对象

使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的类和对象。ECMAScript 拥有很多创建对象或类的方法。 工厂方式 原始的方式 因为对象的属性可以在对象创建后动态定义,所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码: var oCar = new Object; oCar.color = “blue”; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { alert(this.color); }; 在上面的代码中,创建对象 car。然后给它设置几个属性:它的颜色是…阅读全文

“北漂”: 北京!北京!

“在北京,你能把握中国和时代的脉搏在哪里,说白了,你可以不冒尖,可以随波逐流,但你要做的事要往时代潮流里靠。 “别因为一时的‘穷’放弃追求理想生活,顺其自然下去,这样倒不如在自己的老家活得安稳。” “有人讨厌北京快速的生活节奏,但它可以让你快速学习、快速试错。在北京,凭着你的年轻,你一年的工作量可能是小城市的几十倍。但和牛人在一起,看他们如何解决你解决不了的问题,这种工作经历,都是一笔财富。