摘要:http://www.aqee.net/javascript-tangle/Tangle是一个能产生数据互动效果的Javascript程序包,什么叫互动效果,这个解释起来很麻烦,读者也未必一时就能明白,但看一个例子,自己操作一下,我想大家一下就知道这个Javascirpt程序包能做什么了。那好,把鼠标放在下面有下划线的数据上左右拖动,效果就会出来。提醒:这些示例不支持低于IE9的IE浏览器如果你吃了3块饼干,你消耗的热量是150大卡。是不是太简单了,谁都能实现。那么,再看一个复杂点的例子:下面的这段文字中的所有有下划线的字符都能拖拽。提案 21:州立停车场的停车费目前的方式:加利福尼亚有278
阅读全文
文章分类 - Javascript
摘要:http://www.aqee.net/5-reasons-your-javascript-stinks/Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。1. 你没有使用命名空间。是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里
阅读全文
摘要:1、shortcut.js下载地址:http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js下面内容主要为官方文档的翻译,但也加入了一些我的理解。使用说明该类主要有两个方法组成:shortcut.add()、shortcut.remove(),下面分别介绍:shortcut.add(key,func,options)该方法有三个参数:key :要设置的快捷键,比如”CTRL+A”,书写形式为 :功能键[+功能键..]+其他键。详情见下面支持键列表;func: 响应快捷键的函数,当快捷键按下时,将执行该函数;optio
阅读全文
摘要:http://digdeeply.org/archives/10191515.htmlexecCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动态参数一般为一可用值或属性值(如下例中的”true”)。1document.execCommand("2
阅读全文
摘要:http://www.aqee.net/can-your-programming-language-do-this/一日,你查看你的程序代码,你有两大块代码看起来几乎完全的一样。事实上它们就是完全一样,除了一个代码里说的是“Spaghetti(意大利面条)”,另一个代码里说的是“Chocolate Moose(巧克力慕丝)”。 // 一个小例子: alert("I'd like some Spaghetti!"); alert("I'd like some Chocolate Moose!");这个例子恰好是用Javascript写的,但
阅读全文
摘要:http://www.williamlong.info/archives/2864.html我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端。如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡。 这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。 在Z-Blog中使用这个特效代码需要注意,如果在侧边栏使用,则需要注意,侧栏中的栏目不能使用JavaScript动态加载,必须..
阅读全文
摘要:全文转自:http://icekiller110.iteye.com/blog/10183501.JS国际化的实现原理: 动态加载对应的JS的国际化资源文件(js_locale_en_US.js和js_locale_zh_CN.js)。 <script src="/javascripts/locales/js_locale_<%=lang%>.js"></script> 其中[<%=lang%>]为动态取得的当前语言环境。2.资源文件说明(js_locale_zh_CN.js):Java代码varJSLocale={hello
阅读全文
摘要:全文转自:http://www.aqee.net/docs/stream/streams是什么?Streams 是一个操作简单的数据结构,很像数组或链接表,但附加了一些非凡的能力。它们有什么特别之处?跟数组不一样,streams是一个有魔法的数据结构。它可以装载无穷多的元素。是的,你没听错。他的这种魔力来自于具有延后(lazily)执行的能力。这简单的术语完全能表明它们可以加载无穷多的元素。入门如果你愿意花10分钟的时间来阅读这篇文章,你对编程的认识有可能会被完全的改变(除非你有函数式编程的经验!)。请稍有耐心,让我来先介绍一下streams支持的跟数组或链接表很类似的基本功能操作。然后我会像
阅读全文
摘要:http://www.oschina.net/p/nodejsNode.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。比较独特的是,Node.js会假设你是在POSIX环境下运行它Linux 或 Mac OS X。如果你是在Windows下,那就需要安装MinGW以获得一个仿POSIX的环境。在Node中,Http是首要的。Node为创建http服务器作了优化,所以你在网上看到的大部分示例和库都是集中在web上(http框架、模板库等)。这里是一个简单的hello world的Web服务器。
阅读全文
摘要:全文转自:http://www.oschina.net/p/linqjslinq.js 是一个 JavaScript 实现的LINQ。主要特性:实现所有 .NET 4.0 的方法complete lazy evaluationfull IntelliSense support for VisualStudiotwo versions - linq.js and jquery.linq.js (jQuery plugin)support Windows Script Hostbinding for Reactive Extensions for JavaScript(RxJS) and Inte
阅读全文
摘要:国内加速地址:http://jslinux.sinaapp.com/国外原版地址:http://bellard.org/jslinux/
阅读全文
摘要:Firebug Lite的功能和Firebug基本一样,使用人员会很快上手,至于其安装也很简单,登录其官网到Install处Firebug Lite Install,点击下面的版本(就选稳定版就可以了)后,将下面的链接添加到你的收藏夹中就可以了。使用的时候直接在收藏夹中点击刚刚收藏的Firebug Lite,等上一小会(需要加载JS),就可以出现Firebug了。http://getfirebug.com/firebuglite#Install
阅读全文
摘要:全文转自:http://www.enjoyphp.com/2009/front/javascript/shortcut-js/在一些交互性很强的应用中经常会需要在网页中增加快捷键的情况,比如GOOGLE READER,GMAIL,YAHOO MAIL中都有快捷键的应用。下面介绍一个比较简单又实用的javascript类:shortcut.js,链接中有很多使用示例。下载地址:http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js下面内容主要为官方文档的翻译,但也加入了一些我的理解。使用说明该类主要有两个方法组成:s
阅读全文
摘要:全文转自:http://www.oschina.net/question/54100_22666由于最近来自重构中的需要,所以深入的研究了JavaScript中function(函数/方法)的动态执行。搜索了一下,发现在网上询问相关问题的人非常多,相应给出的解决方法也是很多的,但却没有深入研究的说明。本人觉得深入的研究并解决function的动态执行问题还是非常有价值的。本文将从不同的应用情况入手,并由浅入深的给出解决方案与分析。动态执行从服务端返回的JavaScript代码不在本文的讨论范围内。场景1:动态执行无参数、无返回值function这是最简单,也是最常见的case。这种场景下,使用
阅读全文
摘要:全文转自:http://www.oschina.net/question/1092_2698Javascript的变量实际上Javascript中,变量 = 对象属性,这是因为 Javascript 在执行脚本之前 会创建一个Global对象,所有的全局变量都是这个Global对象的属性, 执行函数时也会创建一个Activation对象,所有的局部变量都是这个Activation对象的属性。 如下例:var global = 42;this.global; // 42, 可以通过this来访问Global对象this.global2 = 12;global2; // 12f...
阅读全文
摘要:其实就是一句话,如下:<input id="keyword" onfocus="this.value=''" value="填写关键词" name="Keyword" onkeydown="if(event.keyCode==13) dosomething();"/>注意,IE ONLY,兼容FF的一段实例代码如下:1 $("table").live("keydown",function(event){ 2 event=wind
阅读全文
摘要://作者:mfkiqpl//首发:http://www.im286.com//// 2010-08-18 修改 by caixw// 更改了文件编码为utf-8。若不能正确查询,请查看文件编码是否和你的一样。// 加了几个字。并重写了go函数,兼容大部分浏览器。pinyin={ mfkdb:[['a','阿吖嗄腌锕啊'],['ai','埃挨哎唉哀皑癌蔼矮艾碍爱隘捱嗳嗌嫒瑷暧砹锿霭'],['an','鞍氨安俺按暗岸胺案谙埯揞庵桉铵鹌黯'],['ang','肮昂盎'],[
阅读全文
摘要:全文来自:http://www.oschina.net/question/54100_15938使用javascript类库函数时,经常会遇到一个函数,可以使用不同个数的参数的情况比如:exp(var1) exp(var1, var2)但是在实际编写javascript函数时,函数不能同名,所以不可能是不同参数个数分开写;参数个数必须符合函数的设置,所以函数声明里有的就必须有,不可能调用时写少几个;……这个问题是困扰了很久了,一直不知道为什么?!今天一早在看别人代码,无意中竟然看到了~原来不是在函数声明中声明参数个数,而是在函数里直接接收使用那怎么接收呢?就是 arguments 了argum
阅读全文