Javascript

Event delegation in JavaScript

EventdelegationinJavaScriptPostedatJune30,200909:00ambyNicholasC.ZakasTags:Delegation,DOM,Events,JavaScript,PerformanceLastweek,IspokeatandattendedtheVelocitywebperformanceconferenceinSanJose.ItwasalotoffunandIlearnedalotintheothe

系统 2019-08-12 09:30:22 2677

Javascript

用fason的参数化定时器在javascript中模拟多线程

原帖子发表在http://community.csdn.net/Expert/TopicView.asp?id=4069144author:emu(黄希彤)有csdn的朋友把http://community.csdn.net/Expert/TopicView.asp?id=3191873给翻了出来,这样在javascript中模拟多线程又有了更漂亮的做法了:1emu--用fason的参数化定时器模拟多线程</title</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:22:52</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2676</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/13825" title="JavaScript(JScript)下Singleton(单态)模式的实" target="_blank" onclick="return recordId('cid',66)">JavaScript(JScript)下Singleton(单态)模式的实 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/13825" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/20.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/13825';}else{window.open('/article/13825');}" style="cursor: pointer;">单态定义:Singleton模式主要作用是保证在Java应用程序中,一个类Class只有一个实例存在。在很多操作中,比如建立目录数据库连接都需要这样的单线程操作。还有,singleton能够被状态化;这样,多个单态类在一起就可以作为一个状态仓库一样向外提供服务,比如,你要论坛中的帖子计数器,每次浏览一次需要计数,单态类能否保持住这个计数,并且能synchronize的安全自动加1,如果你要把这个数字永久保存到数据库,你可以在不修改单态接口的情况下方便的做到</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:08:31</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2667</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/18409" title="我的JavaScript" target="_blank" onclick="return recordId('cid',66)">我的JavaScript </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/18409" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/4.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/18409';}else{window.open('/article/18409');}" style="cursor: pointer;">*/===========================================//去除左边的空格===========================================*/function(){returnthis.replace(/(^\s*)/g,"");}/*===========================================//去除右边的空格================================</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:06:03</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2663</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/21809" title="javaScript 语法错误!" target="_blank" onclick="return recordId('cid',66)">javaScript 语法错误! </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/21809" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/10.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/21809';}else{window.open('/article/21809');}" style="cursor: pointer;">javaScript使用经常会出现语法错误什么未定义!其实的确由于我们编辑代码不规范,缺;少或多了(/)大小写等问题!还有就是缺少对象啊!其实这主要是由于调用的js函数不存在,或者笔误造成函数不识别等原因<trbgcolor="#FFFFFF"onMouseOver=changebg(this)onMouseOut=changebg1(this,'#FFFFFF')>onMouseOver/Out是用来改变变换表格背景色,现在用不上,对应的js文件也修改了</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:49:29</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2662</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/19180" title="用javascript屏蔽功能键" target="_blank" onclick="return recordId('cid',66)">用javascript屏蔽功能键 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/19180" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/10.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/19180';}else{window.open('/article/19180');}" style="cursor: pointer;">1.屏蔽功能类1.1屏蔽键盘所有键<scriptlanguage="javascript"><!--functiondocument.onkeydown(){event.keyCode=0;event.returnvalue=false;}--></script>1.2屏蔽鼠标右键在body标签里加上oncontextmenu=self.event.returnvalue=false或者<scriptlanguage="javascript"><!--fu</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:16:08</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2661</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/17317" title="Ophone: Widget 介绍(采用HTML、JavaScript和C" target="_blank" onclick="return recordId('cid',66)">Ophone: Widget 介绍(采用HTML、JavaScript和C </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/17317" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/18.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/17317';}else{window.open('/article/17317');}" style="cursor: pointer;">Widget介绍在OPhone平台中,Widget应用采用了JIL(JointInnovationLab)Widget标准。JILWidget是一个采用HTML、JavaScript和CSS等网络技术的应用程序。Widget应用是在Widget引擎上运行的独立的应用程序。Widget已经成为手机上非常流行的技术,可以为用户带来良好的移动互联网体验,随时随地获取有用的资讯,如天气预报、股票信息、头条新闻等。从用户的角度来看,Widget应用和OPhone应用</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:52:17</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2660</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/20108" title="javascript做二级联动" target="_blank" onclick="return recordId('cid',66)">javascript做二级联动 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/20108" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/3.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/20108';}else{window.open('/article/20108');}" style="cursor: pointer;"><%...@pagecontentType="text/html;charset=UTF-8"%><html><head><title>Thisisatest!请选择

系统 2019-08-29 23:28:22 2659

Javascript

My javascript utils

/**//*Thisfunctionisusetocheckthelengthwhethercurrentlengthisoverflowthedesignatedlength,oncontrolgetfocusoronkeyup*ctrlId:targetcontrol*return:maxlength*/functionlengthCheck(ctrlId,max)...{varoControl=ctrlId;varoX=getAbsoluteLeft

系统 2019-08-29 22:16:23 2658

Javascript

浅析Java、C/C++、JavaScript、PHP、Python分别

首先,我们先普及一下编程语言的基础知识。用任何编程语言来开发程序,都是为了让计算机干活,比如编写一篇文章,下载一首MP3等,而计算机干活的CPU只认识机器的指令,所以,尽管不同的编程语言差异极大,最后都得“翻译”成CPU可以执行的机器指令。理论上任何语言干任何事情几乎都可以,但是主要干什么那就不一样了。01、Javajava常常跟”企业”联系在一起,因为具备一些很好的语言特性,以及丰富的框架,在企业应用中最被青睐,你总可以听到关于J2EE,JSP,Hibe

系统 2019-09-27 17:48:06 2649

Javascript

Python、Javascript中的闭包比较

同为脚本语言,python和Javascript具有相似的变量作用域,不像php,函数的内部的所有变量和外部都是隔绝的,也就是说,函数要想处理其外部的数据,必须使用参数把需要处理的数据传递进来(使用global关键词这里不讨论),而python和Javascript不同,如果在函数声明变量,它会逐级网上查找,直到返回着个值或者未定义。那么这样说,python的闭包应该很简单了,像javascript一样,我们编写类似的代码:deffunc1():a=1de

系统 2019-09-27 17:52:31 2648

Javascript

javascript 中关于select 的应用和相关操作

1检测是否有选中if(objSelect.selectedIndex>-1){//说明选中}else{//说明没有选中}2删除被选中的项objSelect.options[objSelect.selectedIndex]=null;3增加项objSelect.options[objSelect.length]=newOption("你好","hello");4修改所选择中的项objSelect.options[objSelect.selectedIndex

系统 2019-08-29 22:59:43 2644

Javascript

css+javascript 无限级菜单

演示:http://www.cssrain.cn/demo/ddlevelsmenu/demo.htmhttp://www.cssrain.cn/demo/ddlevelsmenu/demo2.htm下载:http://www.cssrain.cn/demo/ddlevelsmenu/ddlevelsmenu.rarcss+javascript无限级菜单

系统 2019-08-29 22:03:50 2638

Javascript

十个开源的Javascript框架

下面是十个最牛的也是最流行的Javascript框架。它们完全可以担任目前世界上几乎所有一些和Ajax技术相关的和图形界面相关的一切功能。jQueryhttp://jquery.com/如果今天你还不知道jQuery的话,那么作为一个程序员你可能真的是从火星来的了。这恐怕是Ajax中应用最广的框架。包括了许多很不错的UI组件,做出网页的效果也是令人称道的。不过,他最牛的是它的文件大小,只有区区18K,实在是居家旅行,网站开发之首选。下面是一个日历控件,很不

系统 2019-08-29 22:49:01 2636

Javascript

Javascript 接口模拟

Javascript接口模拟可以通过三种方式实现文档手段(注释)、辅助类和鸭式辨。第一种和第二种只形式上体现没有真正的实现。鸭式辨实现原理是:”只要能像鸭子一样叫和走就是鸭子”,所以通过进行javascript对象属性对比进行判断是否实现了一个接品。1、建立一个模拟接口对象2、建立接口实现检查3、示例Javascript接口模拟

系统 2019-08-12 01:32:45 2636