Google 发布 Closure Linter

nick | js | 2010-09-03
Google 很重视代码风格的一致性,而且还公开过一份 JavaScript 代码风格指南: Google JavaScript Style Guide,现在它们又发布了一个工具来帮助你检查 JavaScript 代码是否严格遵循了 Google JavaScript Style Guide :Closure Linter。 var x = 10 var y=20; for(var i = 0;i < 10; i++ ) { x += i; y -= i; } var z = [10, 2... [阅读全文]

How to Drag Out Files Like Gmail

nick | js | 2010-09-01
How to Drag Out Files Like Gmail
Ryan Seddon, aka the CSS Ninja, has a nice blog post up where he reverse engineers the new feature in Gmail where you can drag attachments from an email on to your desktop. Note that the feature only currently works in Chrome. Ryan begins with the following code: var file = document.getElementById(“dragout”);... [阅读全文]

用 HTML5 消磨时光

nick | html, html5 | 2010-08-31
用 HTML5 消磨时光
HTML5 渐入佳境,它强大的功能正被逐渐挖掘出来,各种实验性应用层出不穷,本文介绍几个由 Hakim El Hattab设计的 HTML5 趣味小应用,它们非常有趣,我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用,会发现 HTML5 比你想象的更强大。 Sinuous 在浩瀚的星系间履行,小心装上些红色的星球,绿色的星球可以吃掉,可以增加体能。 开始体验 >&... [阅读全文]

Attack of the IE Conditional Comment

nick | html5, js, web | 2010-08-23
Attack of the IE Conditional Comment
Just in time for Friday, James Padolsey wins the award for most creative Internet Explorer detection code: PLAIN TEXT JAVASCRIPT: // ———————————————————- // If you’re not in IE (or IE version is less than 5... [阅读全文]

HTML5 WebSockets 基础使用教程

nick | html5 | 2010-08-10
HTML5 WebSockets 基础使用教程
HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。 您还可以参考以下HTML5相关文章: 《关于HTML 5 canvas 的基础教程》 《让所有IE支持HTML5的解决方案》 《一起感受HTML5和CSS3的能量》 什么是We... [阅读全文]

提示补全组件 KISSY Suggest 1.1 更新

nick | ajax, js | 2010-08-10
不了解的可以先看下这贴:KISSY Suggest 1.0 发布 这次更新主要有以下几点: 去除对 yahoo-dom-event 的依赖,完全仅依赖 ks-core 去掉了对静态 JSON 数据源的支持,因为实际项目中,从未出现过类似需求。(预告:类似需求将由正在开发中的 combobox 组件提供) 对 PgDn/PgUp/Down/Up 等页面导航控制键的智能响应。由于主搜索框一般会设置自动聚焦,... [阅读全文]

Merpressor —— 自动合并压缩JS文件

nick | js | 2010-08-06
略据有规模的网站都会有合并js/css文件的需求。 这里推荐PPTV同学做的一个合并js和css文件的方案:Merpressor。 项目代码托管在google code。 Merpressor的作用很简单,如果你本地开发的时候有一堆js文件,比如 yui.js selector.js dom.js user.js my.js …. 然后最终自动合并成一个你想要的文件,比如test.js 页面中只需要引入这个test.js就可以了。 ... [阅读全文]

三谈Iframe自适应高度

nick | css, js | 2010-07-30
为什么是三谈 为什么是三谈呢?一是因为这真的是一个被说烂的话题,二是因为太师傅在n年前就写过这篇再谈iframe自适应高度。之所以再提该问题,是因为之前项目中确实遇到了这个问题的方方面面,有必要总结一下。希望对各位有帮助,有错误请指正。 同域、子页面高度不会动态增加 这种情况最简单,直接通过脚本获取字页面实际高度,修改iframe元素高度... [阅读全文]

前端模板引擎(JavaScript)

nick | js | 2010-07-28
说起模板引擎,很多人会认为这是后台的东西(如PHP的Smarty、Java的Velocity),跟前端没有关系。然而,随着前端的逻辑变得越来越复杂,引入模板技术已经是非常必要了。 模板引擎的主要功能就是把变化的数据融入到不变的模板中,并生成最终结果。目前,前端的主要数据格式无非是XML和JSON。 如果选择XML作为数据格式,XSLT就是最佳的模板语言。大三... [阅读全文]

打败 IE 的葵花宝典:CSS Bug Table

nick | css, js, web | 2010-07-28
打败 IE 的葵花宝典:CSS Bug Table
作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不 过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别... [阅读全文]
Ɣ回顶部