希望能够给需要的朋友带来或多或少的帮助,1、

2019-07-14 作者:小鱼儿主页高手论坛   |   浏览(133)

小鱼儿主页高手论坛,Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。

本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法,具有一定的参考价值,特分享给大家供大家参考,具体内容如下

jquery mobile 针对移动端设备的事件类型。

关于机器用的操作系统,我们可以随便点击下鼠标就能够获取,但是如何使用javascript获取本机的操作系统类型呢,下面就通过一段代码示例简单介绍一下,希望能够给需要的朋友带来或多或少的帮助。

(来源于Javascript是单线程又是异步的,但是这种语言有个共同的特点:它们是 event-driven 的。驱动它们的 event 来自一个异构的平台。)

实现效果:

   1.touch 事件。

function GetOSInfo()
{ 
 var _pf=navigator.platform; 
 var appVer=navigator.userAgent; 
 if(_pf=="Win32" || _pf == "Windows") 
 { 
  if(appVer.indexOf("WOW64")>-1)
  { 
   _bit = "64位"; 
  }
  else
  { 
   _bit = "32位"; 
  } 
  if(appVer.indexOf("Windows NT 6.0") > -1 || appVer.indexOf("Windows Vista") > -1) 
  { 
   if(_bit=='64位' || appVer.indexOf("Windows Vista") > -1)
   { 
    return 'Windows_vista ' _bit; 
   }
   else
   { 
    return "Unknow1"; 
   } 
  }
  else if(appVer.indexOf("Windows NT 6.1") > -1 || appVer.indexOf("Windows 7") > -1) 
  { 
   if(_bit=='32位' || appVer.indexOf("Windows 7") > -1)
   { 
    return 'Windows_7 ' _bit; 
   }
   else
   { 
    return "Unknow"; 
   } 
  }
  else
  { 
   try
   { 
    var _winName = Array('2000','XP','2003'); 
    var _ntNum = appVer.match(/Windows NT 5.d/i).toString(); 
    return 'Windows_'   _winName[_ntNum.replace(/Windows NT 5.(d)/i,"$1")] " " _bit; 
   }
   catch(e)
   {
    return 'Windows';
   } 
  } 
 }
 else if(_pf == "Mac68K" || _pf == "MacPPC" || _pf == "Macintosh") 
 { 
  return "Mac"; 
 }
 else if(_pf == "X11") 
 { 
  return "Unix"; 
 }
 else if(String(_pf).indexOf("Linux") > -1) 
 { 
  return "Linux"; 
 }
 else
 { 
  return "Unknow"; 
 } 
}

Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。

小鱼儿主页高手论坛 1

     tap 快速触摸屏幕并且离开,类似一种完整的点击操作。
     taphold 触摸屏幕并保持一段时间。
     swipe 在1秒内水平移动30px屏幕像素上时触发。
     swipeleft 向左侧滑动
     swiperight 像右侧滑动。

第二种方法:

Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。

具体代码:

   2.方向改变事件

<script type="text/javascript">
//获取客户端操作系统类型 
function detectOS() { 
  var sUserAgent = navigator.userAgent; 
  var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); 
  var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); 
  if (isMac) return "Mac"; 
  var isUnix = (navigator.platform == "X11") && !isWin && !isMac; 
  if (isUnix) return "Unix"; 
  var isLinux = (String(navigator.platform).indexOf("Linux") > -1); 
  if (isLinux) return "Linux"; 
  if (isWin) { 
    var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; 
    if (isWin2K) return "Win2000"; 
    var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1; 
    if (isWinXP) return "WinXP"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; 
    if (isWin2003) return "Win2003"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; 
    if (isWin2003) return "WinVista"; 
    var isWin2003 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; 
    if (isWin2003) return "Win7"; 
  } 
  return "None"; 
} 
function locationHref(e){
 switch(e){
 case 'Mac':
 window.location.href='http://www.baidu.com';
 break;
 case 'Unix':
 window.location.href='http://tieba.baidu.com';
 break;
 case 'Linux':
 window.location.href='http://map.baidu.com';
 break;
 case 'Win2000':
 window.location.href='http://mp3.baidu.com';
 break;
 case 'WinXP':
 window.location.href='http://baike.baidu.com';
 break;
 case 'Win2003':
 window.location.href='http://zhidao.baidu.com';
 break;
 case 'WinVista':
 window.location.href='http://hi.baidu.com';
 break;
 case 'Win7':
 window.location.href='http://video.baidu.com';
 break;
 default :
 window.location.href='http://www.hao123.com/';
 break;
 }
 }
</script><script type="text/javascript">var kk=detectOS();alert(kk);/*locationHref(kk);*/</script>

Node.js 单线程类似进入一个while(true)的事件循环,直到没有事件观察者退出,每个异步事件都生成一个事件观察者,如果有事件发生就调用该回调函数.

1、插件默认参数

     orientationchange 事件函数当移动设备的方向发生改变触发,在事件的回调函数内的第二个参数返回一个用于识别当前方向的参数,
     该参数有两种返回值:portrait(纵向)landscarp(横向)。

以上就是js获取本机操作系统类型的方法,希望大家有所收获。

事件驱动模型

// 默认参数
$.confirm.defaults = {
 // 样式
 css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v="   Math.ceil(new Date() / 86400000),
 // 确认框内容
 content: "确认吗?",
 // 确认按钮文字
 sureButton: "确认",
 // 取消按钮文字
 cancelButton: "取消",
 // 位置
 position: {},
 // 自动打开
 autoOpen: false,
 // 动画持续时间
 duration: 123,
 // 打开确认框回调
 onopen: emptyFn,
 // 单击了确认或者取消回调
 onclick: emptyFn,
 // 确认回调
 onsure: emptyFn,
 // 取消回调
 oncancel: emptyFn,
 // 关闭确认框回调
 onclose: emptyFn
}

   3.滚动事件,

您可能感兴趣的文章:

  • 疯掉了,尽然有js写的操作系统
  • JavaScript 检测浏览器和操作系统的脚本
  • jsp 获取客户端的浏览器和操作系统信息
  • JavaScript 获取用户客户端操作系统版本
  • js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
  • JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
  • 利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
  • JS获得浏览器版本和操作系统版本的例子

Node.js 使用事件驱动模型,当webserver接收到请求,就把它关闭然后进行处理,然后去服务下一个web请求。

2、插件结构与样式 jquery.confirm的dom结构为:

     scrollstart 开始滚动时候触发该事件。
     scrollend 滚动结束时触发该事件。

当这个请求完成,它被放回处理队列,当到达队列开头,这个结果被返回给用户。

<div class="jquery_confirm____" style="display:none">
 <div class="jquery_confirm____body">确认框消息</div>
 <div class="jquery_confirm____footer">
  <button class="button button-primary jquery_confirm____sure">确认</button>
  <button class="button button-error jquery_confirm____cancel">取消</button>
 </div>
</div>

   4.显示/隐藏

这个模型非常高效可扩展性非常强,因为webserver一直接受请求而不等待任何读写操作。
(这也被称之为非阻塞式IO或者事件驱动IO)

默认的插件样式基于css.3,默认的插件样式地址为default,插件样式只渲染一次,不会多次渲染,以第一次使用插件的样式为准。

     pagebeforeshow 当视图通过动画效果开始显示在屏幕之前触发事件。
     pagebeforehide 当视图通过动画效果开始隐藏之前触发事件,
     pageshow 当视图通过动画效果显示在屏幕之后触发事件。
     pagehide 当视图通过动画效果隐藏后触发。

在事件驱动模型中,会生成一个主循环来监听事件,当检测到事件时触发回调函数。

3、使用方法

    示例代码:     

小鱼儿主页高手论坛 2

// 打开确认框
$.confirm({
 content: "确认要查看吗?",
 onopen: function() {
  alert("确认框打开了!");
 },
 onclose: function() {
  alert("确认框关闭了!");
 },
 onsure: function() {
  alert("你单击了确认按钮!");
 },
 oncancel: function() {
  alert("你单击了取消按钮!");
 },
 onclick: function(s) {
  if (s) {
   alert("你单击了确认按钮!");
  } else {
   alert("你单击了取消按钮!");
  }
 }
});

$.confirm("确认吗?", function(s) {
 if (s) {
  alert("你单击了确认按钮!");
 } else {
  alert("你单击了取消按钮!");
 }
});
  $("div").live("pageshow",function(event,ui){ 
        alert("this page just hidden" ui.prevPage)
      })

整个事件驱动的流程就是这么实现的,非常简洁。有点类似于观察者模式,事件相当于一个主题(Subject),而所有注册到这个事件上的处理函数相当于观察者(Observer)。

希望本文所述对大家学习jquery程序设计有所帮助。

  5.模拟鼠标事件

本文由小鱼儿玄机30码发布于小鱼儿主页高手论坛,转载请注明出处:希望能够给需要的朋友带来或多或少的帮助,1、

关键词: 小鱼儿玄机30码