Web Forms 2.0
[ Realazy ] Time:2008-07-22 16:07:53 Hits:39
Web Forms 2.0 是一个很有意思的东东，是 HTML 5 的组成部分。它的目标是提升表单的使用性 (usability)，基本上就是为 input 元素的 type 属性增加一些值，如 type="email"；还有一些新属性，如 required。根据 type 由浏览器实现各种功能。比如，，从字面上即可看出，这是一个必须填写，且格式是电子邮件的输入框。如果你用的是 Opera 9+,...
-
0
digg it
使用标准的表单字段名
[ Realazy ] Time:2008-06-28 12:06:11 Hits:84
是不是很烦每次注册网站或填写相关资料时都要重来一遍？其实会有很多自动填写工具能代劳。比如使用 Mac, 在 Safari 的表单中，它可以足够聪明帮你从帐户资料中查找并填写一些相应的字段。Opera 也有相关功能，不过资料设置是在浏览器内。 当然，它们是根据表单的字段名称进行猜测与匹配的。如何给表单字段起个好名字，以方便自动填写工具的匹配，就变得有必要起来。 既然说“标准”，那名字肯定不是乱取的。...
-
0
digg it
Refactoring HTML 书评
[ Realazy ] Time:2008-05-27 00:05:21 Hits:99
很多年以前，面对上古时代遗留的 HTML 发出的腐臭，我捂住鼻子唉声叹气。刚练熟 web 标准的我，恨不得寝其尸食其肉，把一切推翻重来。但经理说，没有时间浪费在清理这些垃圾上，快给我把新的页面切了！可想而知，我是郁闷的。你也是，别装了，我知道。我常常处于崩溃边缘，作为一个有深度爱心和追求完美（这应该是所有程序员追求的品质）的 web 前端开发者来说，为何不许我为残障者着想，改善一些无障碍性？为何不...
-
0
digg it
富文本编辑器的基本原理与实践
[ Realazy ] Time:2008-05-02 05:05:16 Hits:110
富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能，容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。最先只有 IE 浏览器支持，其它浏览器相继跟进，在功能的丰富性来说，还是 IE 强些。虽然没有一个统一的标准，但对于最基本的功能，各浏览器提供的 API 基本一致，从而使编写一个跨浏览器的...
-
0
digg it
JavaScript Memoization
[ Realazy ] Time:2008-04-22 23:04:44 Hits:92
Memoization 是一种将函数返回值缓存起来的方法，在 Lisp, Ruby, Perl, Python 等语言中使用非常广泛。随着 Ajax 的兴起，客户端对服务器的请求越来越密集（经典如 autocomplete），如果有一个良好的缓存机制，那么客户端 JavaScript 程序的效率的提升是显而易见的。 Memoization 原理非常简单，就是把函数的每次执行结果都放入一个散列表中，...
-
0
digg it
测试 Google App Engine
[ Realazy ] Time:2008-04-11 22:04:09 Hits:101
一不小心从某 blog 中第一时间发现 Google App Engine 发布，立马注册一个。当天晚上抽空看了看文档，做了做hello world，第二天晚上开始写一个聊天室程序，第三天晚上拿出 Python 技术手册，捣腾到今天才把一个简单的东西弄出来。去年学了一段时间的 Python, 还用 webpy 写了一个不成型的 blog 系统。某段时间认识自己不足，苦读了两个月的 C，后来买了 m...
-
0
digg it
认识延迟时间为 0 的 setTimeout
[ Realazy ] Time:2008-03-29 21:03:00 Hits:99
由 John Resig 的 How JavaScript Timers Work 可以知道，现有的 JavaScript 引擎是单线程处理任务的。它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。 让我们看看我之前的文章：JavaScript的9个陷阱及评点，在第 9 点 Focus Pocus 中提到的问题。原作者对这个认识有所偏差，其实不只是 IE 的问题，而是现有...
-
0
digg it
《精通 JavaScript》上市
[ Realazy ] Time:2008-03-18 21:03:37 Hits:105
去年跟 jjgod 一起翻译的书，《精通 JavaScript》 终于上市了。此书原名为 Pro JavaScript Techniques, 系 jQuery 之父 John Resig 所著。 这是一本没有 “hello world” 的书，在未翻译前我已经推荐过。希望窥探 JavaScript 高级应用的读者可以一读。推荐大家从网上购买，这样折扣多些。 如果你有任何想...
-
0
digg it
海内网招聘前端开发工程师
[ Realazy ] Time:2008-03-01 11:03:12 Hits:119
如题，这是一个在北京的工作机会。 工作职责： 使用 HTML/CSS/Javascript 开发符合 W3C 标准的网站前端页面； 使用AJAX，Flash等技术丰富网站功能，增强用户体验； 和后台工程师一起研讨技术实现方案，制定服务接口等； 积累并完善自己的前端WEB开发框架，Javascript开发框架； 积极探索并积累前端开发模式和规范。 职位要求： 本科以上学历，能熟练阅读英文技术文档； ...
-
0
digg it
Bookmarklet
[ Realazy ] Time:2008-02-25 00:02:19 Hits:107
按照维基的定义，A bookmarklet is an applet, a small computer application, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. 最近，它在一些新兴的网站中比较流行，比如 facebook, friendfeed. 从技术角度来看，它...
-
0
digg it
Mac OS 和 Emacs
[ Realazy ] Time:2008-01-27 20:01:55 Hits:140
最近入手了一台 MacBook 061. 由于 Mac OS 身上淌着 Unix 的血液，要找到一些不用花钱的生产力工具还是很容易的。最近习惯了 GNU Emacs (以下简称 Emacs), 所以不管三七二十一，找一个来安装上再说。 才发现 Mac OS 下的 Emacs 版本如此之多。我分别尝试了 Emacs App, Carbon Emacs 和 Aquamacs. 首先，Emacs App...
-
0
digg it
opera img onload重复执行
[ Realazy ] Time:2008-01-09 15:01:43 Hits:151
由于某些原因需要把函数直接放到 img 标签上的 onload 属性执行，比如： For some reasons we have to execute the JavaScript function in the img tag’s attribute onload, e.g....
-
0
digg it
2008
[ Realazy ] Time:2007-12-30 20:12:08 Hits:97
不经意，又到了一年一度的总结和展望时间了。 2006末，在不懂MySQL, Ruby的情况下，用RoR折腾出一个十分简单的jobz board, 向世界宣布我“会”编程了。侥幸进入中国雅虎（已在8月份离职），虽大部分时间还是折腾HTML和CSS, 但也有了练习JavaScript的机会，怎么说，以前玩linux积累一些非编程但有助于了解编程的经验，在练习过程中得以入门编程，还写得真像那么回事了。 ...
-
0
digg it
JavaScript 数组的 uniq 方法
[ Realazy ] Time:2007-12-07 17:12:11 Hits:139
来自某个nb招聘的题目： 请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。这是我的答案： 新解 Array.prototype.uniq = function(){ var resultArr = [], returnArr = [], i = 1, origLen = this.length, resultLen...
-
0
digg it
Opera下cloneNode的bug
[ Realazy ] Time:2007-11-22 23:11:43 Hits:109
Opera, 作为 A-Grade 浏览器，在现在的前端开发中务必支持。它很优秀，很不幸，bug是每个浏览器都不可避免的问题，Opera亦难免。说说我发现的一个关于 cloneNode 的问题。 问题 假设我们有一个 Form 节点（node）的引用，姑且名之为 elForm，现在需要克隆一份，可以这么做：var elFormClone = elForm.cloneNode(true). 在插入...
-
0
digg it
输入法下keyup失效的解决方案
[ Realazy ] Time:2007-10-31 00:10:00 Hits:129
在某些情况下，比如自动补全（auto complete）的输入框中，需要使用keyup事件来监听键盘的输入以迅速作出回应。 关键在于keyup, 如果世界是美好的，那么就不会有这篇blog. 可是…… 世界是不美好的。我们活在中文世界，我们要用输入法。在输入法开启的情况下，您会碰到不美好的事情：keyup失效。对于您绑定到keyup的任何回调函数，除非您把输入法切换回英文状态，否则它会无动于衷。如...
-
0
digg it
CSS Sprites
[ Realazy ] Time:2007-10-08 01:10:47 Hits:126
CSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提到CSS Sprites。于是这个小妖精就...
-
0
digg it
JavaScript风格要素
[ Realazy ] Time:2007-09-17 02:09:47 Hits:101
关于英文的写作有一本十分著名的书，The Elements of Style（风格要素），编写程序也有一本The Elements of Programming Style（编程风格要素）。证明了在某种程度上，编写程序其实就是语文写作，清晰的风格对程序的质量有着重要的影响。草率含混的风格会隐蔽程序真性。 作为JavaScript Guru, Douglas Crockford提出了自己对JavaS...
-
0
digg it
reflow
[ Realazy ] Time:2007-09-09 04:09:19 Hits:107
去听了牛人dbaron的一个Web Page Layout/Display in Mozilla 讲座(via)。讲的东西对我一个只会HTML, CSS和JavaScript的人来说很底层，所以效果也比较“和谐”，只是大致了解了mozilla的CSS渲染源码分布位置和渲染流程而已。 讲座提到了reflow(如何翻译呢？又是一个问题)这个东东。之前对reflow有所闻，能经常从某些大牛的幻灯中提到，...
-
0
digg it
JavaScript文档生成工具
[ Realazy ] Time:2007-09-02 01:09:51 Hits:152
如果你看过YUI的RAW源码，会发现很多跟javadoc语法类似的注释。据说(via)是使用JSDoc这个工具。但我探索了一遍，发现YUI多出很多tag, 比如@namespace, @static之类，那么我只好怀疑YUI做了改良。一开始，我也试着使用了一下JSDoc，遗憾的是，除了缺少一些tag外，它还不支持未匿名函数内的文档生成。比如，有时候为了保证不产生额外的全局变量会这么写： (func...
-
0
digg it
