在触屏设备上,一些比较基础的手势都需要通过对 touch 事件进行二次封装才能实现。 zepto 是移动端上使用率比较高的一个类库,但是其 touch 模块模拟出来的一些事件存在一些兼容性问题,如 tap 事件在某些安卓设备上存在事件穿透的 bug,其他类型的事件也或多或少的存在一些兼容性问题。 于是乎,干脆自己动手对这些常用的手势事件进行了封装,由于没有太多真实的设备来进行测试,可能存在一些兼容性问题,下面的代码也只是在 iOS ...
关于js中的事件监听大家用的比较多了,无非是判断浏览器是否支持addEventListener和attachEvent,网上搜索关于事件监听的方法也挺多,但是总有些不是很完善。下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时候不再需要给函数单独命名了。 主要代码: 代码如下:/*绑定事件与取消绑定*/var handleHash = {};var bind = (function() { if (window....
一、nodejs应用普通部署方式介绍 终于要把nodejs的应用程序部署上线了, 把源代码通过git复制到目录下面 代码如下:/root/deploy/movie然后搞命令: 代码如下:~ cd /root/deploy/movienode ./app.js上面的方式,nodejs程序会在当前的console界面中运行,一旦console结束,应用也会停止。我们改一下命令,让程序在后台运行代码如下:~ node ./app.js &[1] 21333[2013-06-21 09:38:30.696] [INFO] console - Start App: http://jb51.net[...
PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动,滑动回弹 门面模式 代码如下:window.onload = function() { /*测试数据*/ var insert = ; for (var i = 0; i < 80; i++) { insert += <div style = "width:100%; text-align:center;">滑动测试 + i + </div>; } document.getElementById("moveArea").innerHTML = insert; /*测试数据 */ var at = new appTouch({ tContain : appArea, //必选:滑动区域i...
$.each(array, [callback]) 遍历 不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略. each遍历,相信都不陌生,在平常的事件处理中,是for循环的变体,但比for循环强大.在数组中,它可以轻松的攻取数组索引及对应的值.例: 使用方法如下:...
注:本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块 代码如下:define(function () { //这里放置jquery代码 把你喜欢的jquery版本放进来就好了 return $.noConflict();}); 调用方法:这样引进就可以像以前一样使用jquery 代码如下:define(function (require, exports, module) { var $ = require(./js/jquery); // $(document).ready(function () { // $("tr").wyhinterlaced({ "odd": "red", "even":...
js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题. 此时可以使用js的方式得到当前页面的url中的get参数. 核心语句是: window.location.href 详细代码不解释了,有注释,你看了就懂.封装成jQuery扩展包. 代码如下:(function($){ $.extend({ /** * url get parameters * @public * @return array() */ urlGet:function() { var aQuery = window.location.href.split("?");//取得Get参数 var aGET = new Ar...
HTML结构: 代码如下:ul._rollSe{width:100px;height:300px;over-flow:hidden} ul._rollSe li._rollPar{height:100px;border:1px solid #369} 代码如下:<div class="_rollParent"> <ul class="_rollPageSe"> <li class="_rollpage">1</li> <li class="_rollpage">2</li> </ul> <div> <a href="#" mce_href="#" class="_scrollPrev" data-frequency="3" data-pr="happy">上一页</a> <a href="#" mce_href="#" class...
代码如下:/** * 当调用此函数时,只有第一次参数传入,第二个不存在的情况下,就创建类 * 当调用此函数时,传入了两个参数,第一个参数为基类,第二个参数则在基类的基础上添加内容 */ function extend(obj,prop){ function F(){ } //如果第一个参数为object类型(即json对象)的话,则将json的key value赋值给F函数的原型 F.prototype.key = value if (typeof(obj) == "object") { for(var name in obj){ F.prototype[name] = obj[name]; }...
虽然 JavaScript 天生就是一副随随便便的样子,但是随着浏览器能够完成的事情越来越多,这门语言也也越来越经常地摆出正襟危坐的架势。在复杂的逻辑下, JavaScript 需要被模块化,模块需要封装起来,只留下供外界调用的接口。闭包是 JavaScript 中实现模块封装的关键,也是很多初学者难以理解的要点。最初,我也陷入迷惑之中。现在,我自信对这个概念已经有了比较深入的理解。为了便于理解,文中试图封装一个比较简单的对象。 我们...
代码如下:var _alert_iconCss = "tipmsg_icoInfo"; var _confirm_iconCss = "tipmsg_icoConfirm"; var _error_iconCss = "tipmsg_icoError"; var _warning_iconCss = "tipmsg_icoWarning"; function dialogInit(type, msg) { var iconCss = ""; switch (type) { case "confirm" : iconCss = _confirm_iconCss; break; case "error" : iconCss = _error_iconCss; break; case "warning" : iconCss = _warning_iconCss; break; defau...
今天我这边网速真是太慢了,打开一个网页要等待很久,但是还是想写篇文章----tab自动切换 因为工作中经常会碰到这样的问题 所以写博客也是总结下 最重要的是能分享下 及以后碰到类似的可以参考下! 当然这是我用Jquery来封装的 页面可以调用多次 调用方式 new tabSlider(obj,count); obj指容器最外层ID,count指有多个li 当然要引用我这个js的话 一定要按照我结构来写!下面的是我的HTML一些结构如下: 代码如下:<di...
基本的代码如下 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><title> </title><script src="jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> var text="test"; var t=new functionTest(text); function functionTest(text) { var alertText=text $("#btnSave").click(function (e) { alertTestInnert(); ...
在写js脚本时,经常会用到一些拼写函数的情况,例如调用setTimeout 代码如下:var msgalert="test"; function TestAlert(msg) { alert(msg) } $(document).ready(function () { $("#btnCancel").click(function (e) { setTimeout("TestAlert("+msgalert+")",1000); }); }) 查了很长时间,为什么就是弹不出对话框呢。检查了很长时间才发现,原来是少了一对单引号 代码如下:$(document).ready(function () { $("#btnCancel").click...
第一次靠自己完整的封装的小特效,有点小小的兴奋,和大家分享下,希望能对和我一样在探索的童鞋们有点帮助 js部分: 代码如下:var show_obj = function(obj,at,ob){ $(obj).bind(click, function(){ var showTxt = $(this).children(at); //alert($(at).html()); //alert(sObj); //alert(); //alert($(this).parent().children(p).html()); if(showTxt.html() == +){ showTxt.html(-) }else{ showTxt.html(+) } $(this).parent()...