-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-16 热度:66
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]
-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-16 热度:96
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-16 热度:56
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-16 热度:109
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
Extjs中的迭代方法
所属栏目:[模式] 日期:2018-10-16 热度:186
EXTJS 有很多的迭代方法,例如,你也许已知道的Ext.each,但还有另外一些不为人知且很有用的方法。首先,简要回顾下Ext.each: Ext.each 为每一个数组的成员应用同一个方法,它基本上是一个更方便的循环形式 var people = ['Bill', 'Saul', 'Gaius'];//using[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-10-03 热度:190
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-10-03 热度:141
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-25 热度:194
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-25 热度:155
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-25 热度:171
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-25 热度:123
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[模式] 日期:2018-09-25 热度:58
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-25 热度:184
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
js 控制 checkbox 全选的简单代码
所属栏目:[模式] 日期:2018-09-25 热度:169
js 控制 checkbox 全选的简单代码 script function checkAll(obj,id) { var check = document.getElementsByName(id); for(i=0; icheck.length; i++) { check[i].checked = obj.checked; } } /script 表头 input class=check-all type=checkbox onclick=ch[详细]
-
JavaScript for/in循环的用法实例
所属栏目:[模式] 日期:2018-09-25 热度:128
Java Script for/in循环的用法实例,虽然For、IN大家用着不习惯,不过各有各的优势和个性,用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-24 热度:192
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[模式] 日期:2018-09-23 热度:102
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
-
JavaScript 关于if语句的几种优化
所属栏目:[模式] 日期:2018-09-23 热度:181
UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-08 热度:107
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-08 热度:74
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-08 热度:163
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-08 热度:164
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-08 热度:58
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-08 热度:178
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-08 热度:140
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]