随笔分类 -  JavaScript

Jquery的$命名冲突解决
摘要：问题描述： 在Jquery库中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。 当引入多个js库后，其它的js库中也定义了$符号的话，就导致在使用$命名符时jquery的$和其它框架的$产生冲突（这里的冲突也... 阅读全文
posted @ 2015-04-15 15:01 libinxyz 阅读(1304) 评论(0) 推荐(0)
JS - 移动设备终端的touch事件
摘要：移动设备的大部分交互都是通过触摸touch来实现的，是因为移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。对于触屏的交互式网站、游戏，触摸事件是相当重要的。Apple在IOS 2.0中引入了触摸事件API，Andro... 阅读全文
posted @ 2015-04-09 17:06 libinxyz 阅读(633) 评论(0) 推荐(0)
HTML5 - 本地存储localStorage、sessionStorage
摘要：localStorage、sessionStorage用法总结：1、cookie、seesion与localStorage、sessionStorage的对比： --容量不同：cookie的存储量是有限制（4k）；web存储的存储量更大，更安全，更易于使用； --存储的持久性不同：web存储是通... 阅读全文
posted @ 2015-04-08 16:12 libinxyz 阅读(536) 评论(0) 推荐(0)
canvas 擦除、刮刮卡效果
摘要：基于HTML5 Canvas技术实现的擦除、刮刮卡效果，轻轻刮去图层就可以模拟真实的效果。原理：利用画布Canvas及其它自身API，在Canvas元素上绘制一个灰色蒙层，然后通过监听用户鼠标移到或手势来绘制一个透明的图形，这样就能看到Canvas背景下的真实图片（或背景图），即达到擦除效果。HTM... 阅读全文
posted @ 2015-04-08 11:08 libinxyz 阅读(808) 评论(0) 推荐(0)
Js - 判断设备是否支持定位 navigator.geolocation
摘要：JS新API标准 地理定位（navigator.geolocation）,感兴趣的可以参考下：通过navigator.geolocation来获取设备的当前位置，返回一个位置对象（从对象中得到一些经纬度的相关信息）。1、使用方法： navigator.geolocation.getCurrentP... 阅读全文
posted @ 2015-02-04 16:09 libinxyz 阅读(1939) 评论(0) 推荐(0)
Js - 判断用户是否上网(连接网络) - HTML5在线、离线online的使用
摘要：（文中对兼容性的测试还未全部完成）通过对html5的navigator新特性的onLine属性判断，可轻松搞定是否在线的判断（true：在线；false：离线）。兼容性： （已测）IE6+、Safari 5+支持的比较好； （未测）Firefox 3+也支持navigator.onLine属性，... 阅读全文
posted @ 2015-01-30 16:14 libinxyz 阅读(14825) 评论(1) 推荐(0)
Js - Dom原生对象和jQuery对象的联系、区别、相互转换
摘要：Dom原生对象和jQuery对象的联系、区别、相互转换：联系： 1、jQuery对象：通过jQuery包装DOM对象后产生的对象； 2、两者之间可以相互转换；区别： 1、jquery选择器得到的jquery对象和标准的 javascript中的document.getElementByI... 阅读全文
posted @ 2015-01-27 17:11 libinxyz 阅读(2474) 评论(0) 推荐(0)
Js - 获取、判断浏览器版本信息
摘要：Navigator 对象包含有关浏览器的信息：appCodeName -- 浏览器代码名的字符串表示appName -- 官方浏览器名的字符串表示appVersion -- 浏览器版本信息的字符串表示cookieEnabled -- 如果启用cookie返回true，否则返回falsejavaEna... 阅读全文
posted @ 2015-01-27 13:45 libinxyz 阅读(700) 评论(0) 推荐(0)
Js - 判断元素是否含有某个类
摘要：检查当前的元素是否含有某个特定的类：1、hasClass()方法if($('#one').hasClass('one')) { // true 含有}hasClass()也可同时写多个class，多个之间用空格隔开：if($('#one').hasClass('one one2')) { // }2... 阅读全文
posted @ 2015-01-26 15:04 libinxyz 阅读(2772) 评论(0) 推荐(0)
Js - 判断元素是否隐藏、显示
摘要：判断元素是否隐藏、显示的方法，需要的朋友可以参考下 ：1、通过判断元素display属性状态值来实现console.log($('div').css("display")); // inlineif($('div').css("display") != 'none') { console.l... 阅读全文
posted @ 2015-01-26 14:14 libinxyz 阅读(14188) 评论(2) 推荐(1)