首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 数据库 第二书店 程序员

zdg/ 


共68个网摘 [ 1  2  3 ]  下一页  |  访问zdg的个人空间

SproutCore:将MVC引入JavaScript

zdg收录,使用标签:SproutCore, Javascript, MVC,时间:2008-6-17 20:34:32 | 相关网摘我也收藏

如果你希望构建一个更像桌面程序的富客户端程序,你一定要使用SproutCore。一旦你在页面上加入工具栏、菜单和源列表之类的组件后,你很快就会发现你得在页面上维护很多细微的状态。SproutCore使得这些变得更加容易实现。

如果你只是有个网页,并且只需要一些Ajax和动画特效的话,SproutCore就显得大材小用了。我倾向于使用一些更加简捷的框架,譬如 Scriptaculous。实际上,在我们的营销页面和Sproutit的Blog中,我们使用的是Scriptaculous和Prototype。不过我们也使用SproutCore来构建我们所有的Web程序。


JavaScript Memoization

zdg收录,使用标签:Javascript, Cache,时间:2008-5-5 18:36:47 | 相关网摘我也收藏

Memoization 是一种将函数返回值缓存起来的方法,在 Lisp, Ruby, Perl, Python 等语言中使用非常广泛。随着 Ajax 的兴起,客户端对服务器的请求越来越密集(经典如 autocomplete),如果有一个良好的缓存机制,那么客户端 JavaScript 程序的效率的提升是显而易见的。

Memoization 原理非常简单,就是把函数的每次执行结果都放入一个散列表中,在接下来的执行中,在散列表中查找是否已经有相应执行过的值,如果有,直接返回该值,没有才真正执行函数体的求值部分。


Bookmarklet

zdg收录,使用标签:Javascript,时间:2008-2-25 19:25:17 | 相关网摘我也收藏

最重要的一点是,不要污染当前网页的命名空间,否则可能会破坏当前网页的 JavaScript. 通常,可以使用闭包来隐藏你所有的变量。同样,如果您的 bookmarklet 的 CSS 可能会入侵当前网页(很遗憾,CSS 没有命名空间,也没有类似闭包的东西,很容易就会冲突),那么请考虑将 bookmarklet 的内容放到 iframe 中去。

其次,防止函数执行后不经意的副作用,一个比较好用的贴士是,使用不返回值的 void, 它可以接受任何参数,因此,把你的闭包放到 void 中是个不错的主意

目前世界上最流行的浏览器,IE6, 它对 bookmarklet 所能容忍的长度仅为 508!


JavaScript的测试覆盖率工具

zdg收录,使用标签:Tools, Javascript,时间:2008-2-25 19:12:06 | 相关网摘我也收藏

JSCoverage是一个用于度量JavaScript程序的代码覆盖率的工具。能显示哪些行被执行过了,哪些行尚未执行,这些信息对于测试覆盖率的分析和测试质量的衡量都很有用。


你还敢使用window.open弹广告吗?

zdg收录,使用标签:javascript, Taobao, AD,时间:2008-2-17 20:24:58 | 相关网摘我也收藏

原来taobao发现如果不能自动的弹出窗口,就把弹窗口的函数邦到document.body的onclick事件面上去。这样一来只要用户一点击页面的任何位置,就会触发window.open弹出广告。当然这个时候的window.open就不是脚本自动触发的了,而是用户手动触发,在友好的拦截器下,这是合理的open。这个不是taobao最高明的地方,接下来的adPopup.blur();和adPopup.opener.focus();才是精华!

设计这个弹出窗口的人也深知,咣一下来个弹出窗口广告非常的不友好,八层也不被大家伙接受。所以taobao的弹出窗口非常的低调,弹出来以后自己立即就躲在后面去了,这时除了任务栏上多了一个IE的任务和有音响的机器会发出一个提示音外,对用户浏览taobao来说没有任何影响。接下来用户买完东西关闭taobao的浏览器才会看到,怎么有个广告窗口呢?难道是自己什么时候不小心点出来的?如果正好感兴趣就看两眼,不敢兴趣就关闭它,也不会多想。而且taobao做了优化,cookie里有记录,这个首页的弹出窗口一天只会弹一次。


终于盼到了,firefox支持sessionStorage了

zdg收录,使用标签:Javascript,时间:2008-1-18 19:23:41 | 相关网摘我也收藏

很多时候我们做web开发往cookie里面存数据,只是为了在不同的网页之间跳转的时候可以共享数据,但是cookie里面的每个数据不管是否需要都会在每个同域的http请求中被发送往服务器,包括每个页面、图片、css、脚本或者ajax的的请求,这就无形中占用了多余的带宽。更糟糕的是,一个网页的cookie本来也只有有限的4k空间,一旦不小心写入的cookie超过了限制,就会造成原来有用的cookie丢失,这样造成的bug非常难以追查。

因此我们在IE下面经常使用userdata来保存共享数据。但是在firefox下面却一直缺乏对应的特性。

今天在看firefox 2.0的what's new 的时候,惊奇的发现一个新特性叫做:
Support for client-side session and persistent storage
赶紧试验了一下,firefox2.0果然支持这个特性了。虽然还只能在session生命周期内使用(而不像ie的userdata可以指定有效时间),但是总算解决了cookie占用的问题了。


Hot!Ajax - 自动为图片加投影效果

zdg收录,使用标签:Javascript, 界面,时间:2008-1-10 16:00:02 | 相关网摘我也收藏

Reflection.js能够在你的页面的图片上添加投影效果。它的javascript很简洁不会弄乱你的代码。

它能够运行在所有流行的浏览器运行——Internet Explorer 5.5 , Mozilla Firefox 1.5 , Opera 9 和 Safari.在老版本的浏览器中,用户将不会看到效果。最重要的是他只有5kb。


推荐一个IE下的优秀js调试工具(Companion.JS)

zdg收录,使用标签:Javascript, Debug,时间:2008-1-2 17:16:02 | 相关网摘我也收藏

这个工具的名字叫Companion.JS,请注意,这可不是一个js文件,而是一个名字,它是作为ie的插件来安装使用的,而且需要结合Microsoft Script Debugger使用,通过安装这个工具,但页面出现错误时会在左上角弹出一个小错误提示,点击会在IE下面显示出一个错误控制台,就如FF下的 firebug控制台一样。错误信息提示很详细。


2007 Ajax Tools Usage Survey

zdg收录,使用标签:ajax, Javascript, Framework,时间:2007-12-25 13:51:39 | 相关网摘我也收藏

The good folks at Ajaxian.com and I just completed our third annual survey of Ajax tools usage. The raw data is free for everyone here - you should be able to slice it and dice it anyway you see fit. The top 10 Ajax toolkits in 2007 are:


强烈推荐:240多个jQuery插件

zdg收录,使用标签:jQuery, Javascript,时间:2007-12-16 23:43:46 | 相关网摘我也收藏

jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。


Deconstructing Facebook Beacon JavaScript

zdg收录,使用标签:facebook, Beacon, Javascript,时间:2007-11-27 23:30:24 | 相关网摘我也收藏

This post is an in-depth look at Beacon, and is broken down into a few sections to make it easier for you to navigate:

* Beacon in a Nutshell: an overview of Beacon and a visual tour of the user interface elements
* Beacon from 10,000 Feet: a look at the technology behind Beacon from way up high. Read this if you don't want the finer details but do want an idea of how it works.
* Blocking Beacon: if you're concerned about privacy and want to stop Beacon, check this part out.
* Walking through the Code: this is the section for you if you're the type of person who loves reading code listings and wants to know exactly what makes it tick.

Allow your customers to share with their friends the actions they take on your website. For user actions you define, Facebook Beacon will publish a story in the user's profile and to friends' News Feeds with a link back to your site.


JavaScript的9个陷阱及评点

zdg收录,使用标签:Javascript,时间:2007-9-17 15:36:36 | 相关网摘我也收藏

来自Nine Javascript Gotchas, 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life easier. 笔者对某些陷阱会混杂一些评点。


给网站开发和设计者的10点建议

zdg收录,使用标签:Javascript, WebDesign,时间:2007-9-16 22:27:06 | 相关网摘我也收藏

在办公室里,我们常常会问:“还记得没有Firebug时怎么过么?”它确实改变了我的生活。其主要好处如下:

* 检阅DOM
点击“Inspect”,然后鼠标放到页面元件上,就能看到此元件的HTML和CSS代码。
* 显示样式继承的实时CSS编辑
简直就是钱啊——这大大节省了布局设计的时间。例如,在Firebug里可以选择一个DIV标记,点击margin属性后手工调整,上下键为加减1个像素,上下翻页键为加减10个像素。(htmlor注:任何数值属性都可以这样调整) 还可以在当前样式添加新属性。效果满意之后,再把修改的CSS代码贴到实际文件中去。
* 详尽的Javascript调试
这里的JS控制台比Firefox自带的稍好。它更详尽,是默认控制台不错的替代品。
* 查看页面加载的所有文件及总字节数
对于优化站点加载时间来说,这很关键。你可以测试单个文件会加载多久,图片,JS文件,AJAX调用等。在“Net”部分的最后一行,可以看到页面加载文件的总字节数。


JavaScript 是怎样让互联网变慢的

zdg收录,使用标签:Javascript,时间:2007-8-22 12:26:27 | 相关网摘我也收藏

在这个帖子里,我们将了解是什么使得页面因为过多的 JavaScript 语句而迟滞,以及对此应该采取什么对策。

对于任何一个老练的技术人员来说,也许最令人震惊的真相是:JavaScript 是一个单线程语言。

JavaScript 提供者应该思考以下一些指导性原则:
1. 推迟 JavaScript 代码的执行
2. 尽量减少页面载入时需要执行的代码总量
3. 通过生成不同的 URL 对请求做负载均衡
4. 使用标准库
5. 最要重要的是要考虑到别人


JavaScript:prototype属性使用说明

zdg收录,使用标签:Javascript,时间:2007-8-16 0:43:07 | 相关网摘我也收藏

prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法,而且特殊的地方便在于:它是一个给类的对象添加方法的方法!这一点可能听起来会有点乱,别急,下面我便通过实例对这一特殊的方法作已下讲解


Use a simple jQuery to improve your Alexa Rank

zdg收录,使用标签:alexa, jQuery, Javascript, SEO,时间:2007-8-16 0:15:16 | 相关网摘我也收藏

用我这个做法的好处是,一来节省了一些流量,而来搜索引擎也不会把“Alexa重定向连接前缀 - redirect.alexa.com”当作a标签的真实链接记录而影响SEO。

至于这个是否靠谱,我可以非常负责任的告诉你,Alexa为了获得互联网网站统计信息,绝对是鼓励这种做法的。


JavaScript: 使用面向对象的技术创建高级 Web 应用程序

zdg收录,使用标签:Javascript, OOP, ajax,时间:2007-8-15 19:43:55 | 相关网摘我也收藏

面向对象编程 (OOP) 是一种流行的编程方法,很多 JavaScript 库中都使用这种方法,以便更好地管理和维护基本代码。JavaScript 支持 OOP,但与诸如 C++、C# 或 Visual Basic® 等流行的 Microsoft® .NET Framework 兼容语言相比,它支持 OOP 的方式非常不同,因此主要使用这些语言的开发人员开始可能会觉得在 JavaScript 中使用 OOP 很奇怪而且不直观。我写本文就是为了深入讨论 JavaScript 语言实际上如何支持面向对象编程,以及您如何使用这一支持在 JavaScript 中高效地进行面向对象开发。


对几个 javascript framework 的评价

zdg收录,使用标签:Javascript,时间:2007-1-12 16:31:36 | 相关网摘我也收藏

近日刚好在无忧里看到一篇讨论脚本框架的帖子,我想谈谈我对目前几个脚本框架的看法(Silverna、Dron Framework、Zerg、script_aculo_us、prototype、bindows、JSVM),(不过我得说一下前提,这里是在讨论框架而非单个功能):TNND,我这么一写,把国内外写框架的人都得罪光了。


Best Top Ten Open Source,Ajax/DHTML Librearies For Web Developer

zdg收录,使用标签:Javascript, ajax,时间:2006-12-16 15:13:36 | 相关网摘我也收藏

I made a list of the top 10 libraries that I have come across or that I personally use. Libraries can be best for a web developers friend. They are great resources to learn from and can save hours and hours of time. These libraries include JavaScript, Ajax, Colors, PHP, and CSS. These should be in any web developers bookmarks, so go ahead and look through these libraries and bookmark your favorite ones. The list is in no particular order.


Web2.0 Forms 和“可降解的”Javascript

zdg收录,使用标签:Javascript, UE,时间:2006-11-22 3:13:48 | 相关网摘我也收藏

那么,既要支持javascript被关闭的情况,又要有Ajax,会不会增加开发的难度呢?Jeremy Keith, DOM Scripting的作者,不这么认为,在他的书里也提到Progressive enhancement(渐进增强)的开发过程和Hijax的手段,简单地说,就是

1) 首先以传统的或者说web1.0的方式设计和实现网页;
2) 在1的基础上,添加Javascript实现Ajax,优化用户互动


不可多得的Javascript(AJAX)开发工具 - Aptana

zdg收录,使用标签:Tools, Javascript,时间:2006-11-5 22:59:24 | 相关网摘我也收藏

Aptana是一个java开源项目(.NET程序员应该扪心自问了吧),现在还在beta阶段(从版本号你就可以看出来了)。所以它是跨平台的。你在windows上运行它可能会觉得有一点点慢(比VS快多了)。其实Aptana的内存占用很少,才2M多,不过JVM...我就不想说什么了。


jQuery: New Wave Javascript

zdg收录,使用标签:jQuery, Javascript, ajax,时间:2006-10-30 22:40:21 | 相关网摘我也收藏

jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery achieves this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable.


Fireworks.js: A DHTML fireworks effect

zdg收录,使用标签:Javascript, effect,时间:2006-10-30 22:25:48 | 相关网摘我也收藏

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.


如何在 VS 2005 里调试 Javascript

zdg收录,使用标签:.NET开发, Javascript,时间:2006-10-27 1:46:19 | 相关网摘我也收藏

大概步骤如下:

1。在浏览器里启动脚本调试:在IE里菜单 工具->Internet 选项->高级页中,把Disable script debugging (Internet Explorer) 前的勾去掉

2。然后在 VS 2005 里打开你的项目,把你要调试的网页设置为起始页,然后按F5,然后去 VS 2005 菜单 Debug-> Windows ->Script Explorer,VS 2005就会打开脚本管理器,双击其中某个JS文件,该文件将会在主窗口打开,然后你就可以添加断点,。。。。。


最亲密接触Dhtml&JScript开发细节

zdg收录,使用标签:Javascript,时间:2006-10-18 2:05:44 | 相关网摘我也收藏

本文只是一个入口,它分类整理了从2004年底到今天接近两年的时间里,我在DHtml&JScript开发领域学习、研究,以及所遇到和已解决的相关开发问题。总文章数超过了150篇,以此作为本blog访问量达到1,000,000的人次的纪念。


9 JavaScript Tips You May Not Know

zdg收录,使用标签:Javascript,时间:2006-10-11 5:34:09 | 相关网摘我也收藏

JavaScript is a fully-featured Object-Oriented programming language, on the surface, it shares syntactical similarities with Java and C, but the mentality is quite different, at its core, JavaScript is more similar to functional languages. Inside is a list of JavaScript tips, some offer techniques to simulate features found in C-like languages (such as assertions or static variables), others are meant to improve performance and explore some of the more obscure parts of the web scripting language.


AJAX Repeater control

zdg收录,使用标签:.NET开发, ajax, javascript,时间:2006-2-9 3:22:05 | 相关网摘我也收藏

Repeater control with ItemTemplate, HeaderTemplate, FooterTemplate, AlternatingItemTemplate and SeperatorTemplate created using JavaScript for binding data from XMLHTTP request.


prototype.js 1.4版开发者手册(强烈推荐)

zdg收录,使用标签:Prototype, javascript,时间:2006-9-15 0:16:49 | 相关网摘我也收藏

万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。如果你最近尝试使用它,你大概了解到文档并不是作者的一个强项。和在我以前使用这个类库的不少开发者一样,一开始,我不得不一头扎进阅读prototype.js的源代码和实验它的功能中。我想,在我学习完它之后,把我学到的东西分享给大家是件不错的事。 同时,在本文中,我也将提供一个关于这个类库提供的objects,classes,functions,extensions这对东东的非官方参考


百度空间发表带脚本文章的12招

zdg收录,使用标签:javascript, blog, Baidu,时间:2006-8-31 17:47:44 | 相关网摘我也收藏

上面列出的12个例子都可以做到脚本执行(至少保证在IE6下没问题)。借助百度发帖助手,我们很容易在文章中嵌入这样的HTML标签。当然这只是一些思路,或者入手点,12个例子之间有些是可以彼此配合使用的,通过组合搭配,我们可以得到几十种甚至更多嵌入脚本的方法。



共68个网摘 [ 1  2  3 ]  下一页

zdg/相关标签



网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
北京百联美达美数码科技有限公司 版权所有 京 ICP 证 020026 号
Copyright © 2000-2006, CSDN.NET, All Rights Reserved