第641页

网页开发的6种在线调试环境

如今的网页代码，一般由三个部分组成：　　* HTML，语义层，提供网页的内容。　　* CSS，表现层，规定网页的外观。　　* Javascript，动作层，定义用户与网页的互动。理想的开发环境，应该既可以分别调试这三种代码，又可以轻松查看它们合并在一起的整体效果。浏览器是最合适的效果查看工具，所以很多人想到，代码调试环境也可以直接部署在浏览器中，以网站的形式提供服务。下面，我根据Design Shack的文章，总结一下目前最常见的6种网页开发在线调试环境。它们大大方便了网页设计师的工作，极...

期权知识 2020-08-18 554 0
最佳网页宽度及其实现

1. 设计网页的时候，确定宽度是一件很苦恼的事。以minifun.cn为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是什么设备。一张网页要在大小如此悬殊的各种屏幕上，都呈现令人满意的效果，难度可想而知。举例来说，一张400px宽的图片，在800px的屏幕上会占据50%的宽度，而在1920px的屏幕上（Windows Vista的流行设置），只占据20%。 2. 目前，常...

期权知识 2020-08-18 613 0
Javascript编程风格

Douglas Crockford是Javascript权威，Json格式就是他的发明。去年11月他有一个演讲（Youtube），谈到了好的Javascript编程风格是什么。我非常推荐这个演讲，它不仅有助于学习Javascript，而且能让你心情舒畅，因为Crockford讲得很幽默，时不时让听众会心一笑。下面，我根据这个演讲和Crockford编写的代码规范，总结一下"Javascript编程风格"。所谓"编程风格"（programming style），指的是编写代码的样式规则。不同...

期权知识 2020-08-18 465 0
Jacobsen v. Katzer：开源运动的一个重大胜利

今天早上起床，看到Lawrence Lessig（斯坦福大学法学院教授，CC许可证创始人）在Blog上宣布一个"huge and important news"。案件大致情况是：2006年，Bob Jacobsen起诉Matt Katzer，声称后者的软件没有遵守开源协议，标明源代码的出处和作者，要求法院认定这是侵犯著作权行为。但是，当时的旧金山联邦地区法院驳回了这个请求，认为这只是"违反契约"（a breach of the licensing agreement），而不是"侵犯著作权"（copyrigh...

期权知识 2020-08-18 667 0
Javascript定义类（class）的三种方法

将近20年前，Javascript诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告。如今，它变得几乎无所不能，从前端到后端，有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。 Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码，早就司空见惯。2010年，一个工程师透露，Gmail的代码长度是443000行！编写和维护如此复杂的代码，必须使用模块化策略。目前，业界的主流做法是采用"面向对象编程"。因此，Javascrip...

期权知识 2020-08-18 499 0
版本控制入门插图教程

我知道版本控制系统（VCS）很有用。但是，我平时只是业余写一些小程序，感觉特地装一个VCS太麻烦，所以一直没有用。最近，因为想认真做一个中等规模的项目，所以决心好好学一下怎么用。下面就是我翻译的一篇入门教程，主要解释了VCS的一些主要概念。 ====================== A Visual Guide to Version Control 版本控制入门插图教程作者：Kalid Azad 译者：期权记原文网址：http://betterexplained.com/article...

期权知识 2020-08-18 656 0
文件上传的渐进式增强

文件上传是最古老的互联网操作之一。 20多年了，它几乎没变，还是原来的样子：操作麻烦、缺乏交互、用户体验不佳。在这个新技术日新月异的时代，显得非常落伍。网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种Javascript库的基础上，开发了五花八门的插件。可是，由于不同浏览器之间的差异，缺乏统一接口，这些插件要么用起来很麻烦，要么不能普遍适用。 HTML5提供了一系列新的浏览器API，使得文件上传有可能出现革命性变化。英国程序员Remy Sharp总结了这些新的接口，本文在他的文章基础...

期权知识 2020-08-18 518 0
制作Gmail式按钮

一个月前，Gmail重新设计了所有按钮。原来的按钮是这样的。新设计的按钮是这样的。事实上，不仅是Gmail，Google公司很多其他项目都在使用后一种风格的按钮。比如 Google Site。再比如Picasa。这种按钮设计最大的特点，就是完全不使用背景图片，是纯粹的HTML+CSS。同时，它也不使用任何表单元素，目的是在不同浏览器下，争取视觉效果的最大统一。 Google的工程师、设计者Douglas Bowman最近写了篇文章，介绍了设计思路。但是，他最后没有给出...

期权知识 2020-08-18 617 0
XMLHttpRequest Level 2 使用指南

XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。最早，微软在IE 5引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax操作因此得以诞生。但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML 5的概念形成后，W3C开始考虑标准化这个接口。2008年2月，就提出了XMLHttpRequest Level 2 草案。这个XMLHttpRequest的新版本，提出了很多有用的新功能，将大大推动互联网革新。本文就对这个新版本进行详...

期权知识 2020-08-18 513 0
Openid托管服务RPX试用感想

去年下半年，微软和Google相继宣布支持Openid。这就是说，你不需要每个网站都注册了，Gmail帐号有望变成通用帐号。这不仅方便了用户，而且对网站制作者也很有吸引力。所有Gmail的用户，不用注册就能使用你的网站，这是多大的一个市场啊！更重要的是，由于用户名是相同的，不同网站之间进行用户数据的同步和交换就容易多了。另一方面，用户数据的维护"外包"给了Google，你自己就不用干这活了，可以将更多的精力集中在开发网站的核心功能上。虽然有这么多好处，但是半年过去了，很少有网站实现了这个功能。...

期权知识 2020-08-18 610 0