-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-09-16 热度:166
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-09-16 热度:93
这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i; len = ite[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-16 热度:158
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-16 热度:167
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-08 热度:154
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-08 热度:52
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-08 热度:53
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-08 热度:182
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-08 热度:168
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-08 热度:84
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-08 热度:111
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-08 热度:188
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-08 热度:107
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript入门教程:一百多个基础知识
所属栏目:[模式] 日期:2018-09-08 热度:189
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
-
Javascript 实现类似 C#类 的封装
所属栏目:[模式] 日期:2018-08-26 热度:132
对 Java script研究不深,虽然有许多自己的C#类库,却没有一个自己的js类库,一直都是用到了再去找去写。 以后要像封装C#类一样,把常用的js方法也封装起来。 JsClass.js文件 //定义一个类 function _HY_JsClass(){} //定义类的属性 _HY_JsClass.prototype[详细]
-
JavaScript 打造划词效果并实现搜索功能
所属栏目:[模式] 日期:2018-08-25 热度:123
烈火网(LieHuo.Net)教程 什么是划词?大家可能想到当年的划词搜索软件,哈哈!看来您是受害者,不过本文提到的划词可不是垃圾软件,是指在网页中,当用户用鼠标划出一个单词后会出现一个弹出框,通过指定的搜索引擎进行搜索。 !DOCTYPE HTML PUBLIC -//W3C[详细]
-
JavaScript传递对象参数到方法里的另一种方法
所属栏目:[模式] 日期:2018-08-25 热度:127
方法函数: function sendMessage(sMsg,oObj) { if (arguments.length == 2) { oObj.handleMsg(sMsg); oObj.test(); } else { alert(sMsg); }; } sendMessage(Hello world!); 普通的方法传递: function obj() { } obj.prototype.handleMsg = function(sMsg[详细]
-
JavaScript编写的高仿真可控弹簧振子
所属栏目:[模式] 日期:2018-08-25 热度:97
div style=position: absolute; width: 616px; height: 432px; top: 122px; left: 50px id=maindiv style=position: absolute; width: 616px; height: 407px; top: 0px; left: 3px id=podiv style=position: absolute; background-color: #ffffff; width:[详细]
-
JavaScript 移动焦点放大图片局部效果代码
所属栏目:[模式] 日期:2018-08-25 热度:168
先来看一下效果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=GBK /t[详细]
-
JavaScript 中window.opener的应用
所属栏目:[模式] 日期:2018-08-25 热度:63
网上支付开发分为支付平台和客户端两部分。当客户端进入支付平台时,需要在新窗体打开支付平台页面,JS代码: window.open(); 而当支付成功后,需要关闭支付平台支付成功界面,并在客户端加载客户端支付成功页面,JS代码: window.opener.location.href=url[详细]
-
避免js无限循环引起的假死或cpu100%
所属栏目:[模式] 日期:2018-08-25 热度:180
本文内容很简单,只是对面试中遇到的一个记不清楚的问题的复习,鉴于是俺第一次在cnblog上发文,所以装了防护盾,请勿以任何方式扔板砖、菜刀之类物品. 今天去国内某知名公司面试了一把,投的职位是 前端开发,第一次去大公司面试,受到的感触当然是十分多[详细]
-
JavaScript数组实例:点击逐条读取文字
所属栏目:[模式] 日期:2018-08-25 热度:144
烈火网(LieHuo.Net)教程 一个 Java Script数组的应用例子,我们将文字存储于数组中,然后用循环依次输出这些文字,像一条一条的公告一样,不过现在都不这么用了,可以学习JS数组,算是一个实例参考。 titleJavaScript数组文字/titleformtable CELLSPACING=[详细]
-
Javascript+CSS打造文字渐隐渐现效果代码
所属栏目:[模式] 日期:2018-08-25 热度:166
烈火网(LieHuo.Net)教程 Java Script文字渐隐渐现显示,更专业的说法叫淡入淡出,最开始用于视频蒙太奇制作及Flash动画上,现在用到文字上也不是什么稀罕事了,这段代码实现的淡入淡出还算可以吧,比较平滑,同样出自JavaScript+CSS两者的配合。 titleJava[详细]
-
Javascript 实现缓慢弹出收缩的层代码
所属栏目:[模式] 日期:2018-08-25 热度:161
烈火网(LieHuo.Net)教程 前天老师布置了一道思考题,用 Java script编写可以缓慢弹出收缩的层,折腾了好几个小时,总算写出效果,代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
微信给2017的年终礼物:《跳一跳》附玩家高分绝密技巧!
所属栏目:[模式] 日期:2018-02-02 热度:59
晚上好,我是黑帽思维。昨日,微信迎来了6.6. 1 新版本,这次主要在小程序上发力。 微信iOS版更新至6.6.1,在新版本的开屏页中,出现了一款小游戏——“跳一跳”。 估计这个“跳一跳”小游戏已经屠榜了,那黑帽思维再额外分享一个实战玩家的高分技巧给大家[详细]
