五月 11
最近,不少朋友询问《jQuery基础教程》的相关问题,主要是出版时间。我问了一下本书的责任编辑,《jQuery基础教程》将在2008年6月份面世(但愿同月上市)。
本书估价为45元。如果在china-pub上买,会获得从75到80折不等的折扣(相差2.25元),大约在33.75~36元之间吧。其他网上购书网站也可能有不等的折扣,如华储、当当、卓越等。大家可以价比三家后再买(考虑送货费),别花冤枉钱!
另外,也将在网上(CSND或china-pub)提交样章,供大家免费参考和学习。
如果大家看后发现了什么问题,请把问题反馈给我,我一定及时解决,以减少您的困扰。我的电子邮箱是:
lsf.email[~]yahoo.com.cn。最好能标清问题所在的页数、行数,以便我及时回复您。但对于与本书无关的其他疑问,我将视情况解答,恕不一一奉答,请原谅。
注:[~]表示@。
五月 09
两本书已经出版了。欢迎有兴趣的读者浏览、试读(样章)、购买。欢迎提出宝贵建议和勘误意见。

《CSS Web站点设计手册》
本书针对初、中级读者,特别是针对人门级读者。书中包含了经过精心筛选的学习CSS必须要了解和掌握的所有内容。包括选择符与层叠、基本的CSS布局、前 景和背景属性、页面排版、外边距、内边距和边框的实用技术、样式化表格、设计打印样式表等。而且,全面介绍了CSS样式表的类型、如何有效地组合和管理样 式表、CSS中样式规则的冲突诊断和解决机制等内容,并在各个章节中穿插了很多实用性极强的提示和辅助信息。全书共包含60多个练习,加上配套光盘中提供 的完整的练习文件,帮助读者在实践中学习和掌握CSS的原理和技巧。本书作者Eric在CSS业内堪称大师级人物,这是他的唯一一本入门级的CSS书,也 是最新出版的一本书,可以说是作者厚积薄发、含英咀华的结晶。
昨天收到了样书。与《Ajax构建工具箱》相比,一是封面加了覆膜,“亮”了一些;二是插图采用了灰度图,感觉更自然了。通读了前2章,发现了1个错误,赶紧跑过来发出,以免误导读者: 第10页,CSS声明中的属性和值原文“分号(:)隔开”,应该是“冒号(:)隔开”。 抱歉!

《Ajax构建工具箱指南》
听说过大名鼎鼎的Ajax吗?知道怎样用它来提升网站的可用性、交互性、响应及时性,并使网站更成功吗?即使你从未写过一行脚本代码,本书也能马上让 Ajax开始为你效力!只要掌握一些基本的要点、试验几个例子,然后运行Live CD就可以从中找出你需要的“即插即用”式代码。 在本书讲解的应用程序中,不落俗套的新意和惊喜随处可见。而通过作者的悉心指导,你会逐步加深对每个应用程序示例的理解,学会如何自定义、扩展并重用这些 应用程序;甚至掌握自己重新开发新应用程序的技能。好了,让我们与专家同行吧!
三月 18
其实,“糟粕”之所以也堪称精华,倒不是因为“物极必反”。而是“糟”到一定程度后,必能成为急需“灌顶”的人的“醍醐”。
——醍醐灌顶
tíhú-guàndǐng
[pleasure of receiving wisdom like pouring rich liquor over one’s head] 醍醐由牛乳精制而成,最益人体。故用以比喻灌给人智慧,使人头脑清醒。旧时也比喻听了精辟的言论深受启发
宝玉听了,如醍醐灌顶…——《红楼梦》
下面,分发一些“醍醐”,供急需者“灌顶”用:
主次不分
JavaScript scripts can appear in either part of an XHTML document, the head or the body, depending on the purpose of the script.
误:一个XHTML文档可分为两个部分:文档头和文档主体,这两个部分的作用也截然不同。JavaScript脚本根据作用的不同可以位于任何一个部分中。
正:根据用途,JavaScript脚本可以出现在XHTML文档的头部或者主体中。
直接译错
We prefer to call subprograms that are called through objects methods and subprograms that are not called through objects functions.
误:我们愿意调用的子程序是通过对象方法和子程序来调用的,而不是通过对象函数来调用的。
正:另外,也习惯于将通过对象调用的子程序称为方法,将不通过对象调用的子程序称为函数。
选词不当
All objects in a JavaScript program are indirectly accessed through variables.
误:JavaScript程序中的所有对象都是通过变量非直接访问的。
正:JavaScript程序中的所有对象都是通过变量间接访问的。
Continue reading »
三月 14
Google Web Toolkit Solutions: More Cool & Useful Stuff
- Paperback: 408 pages
- Publisher: Prentice Hall PTR; 1 edition (November 17, 2007)
- Language: English
- ISBN-10: 0132344815
- ISBN-13: 978-0132344814
本书简介:
前沿GWT:Java开发者必备高级技巧
Google Web Toolkit (GWT)是一种开源的Java框架,用于构建Ajax驱动的Web应用程序。通过GWT,开发者可以通过纯Java来实现丰富的客户端应用。并且编程方式是熟悉的AWT、Swing和SWT方式,而不是典型的JavaScript、HTML、CSS和XMLHttpRequest“大杂烩”的方式。在简化开发能够运行于各种浏览器中的、类似于桌面应用程序的客户端应用方面,GWT超过了大多数Ajax框架。这里,局限用户界面的丰富性的唯一因素就是开发者的想像力。 Continue reading »
三月 12
2、使用CDN
用户与Web服务器的距离也会影响到响应时间。从用户的角度上看,把内容部署到多个、地理上分散的服务器中,也有助于加速网页的装载。但是,应该从哪里开始着手呢?
从地理上分散内容的第一步,不是以运行于分布式架构为目标重新设计Web应用程序。根据应用程序的复杂程度,架构的变动可能会涉及到极大的困难,比如:同步会话状态和在多服务器间复制数据库事务等等。由于涉及到架构问题,因此以这种方式缩短用户与内容之间距离的尝试可能会被拖延,甚至永远得不到批准。
别忘了终端用户响应时间的80~90%都花在了下载页面中的组件上:图像、样式表、脚本、Flash等等。而且,这也是我们在“前台性能的重要性”一节中强调的“性能黄金定律”。因此,完全可以避开重新设计应用程序架构的难题,将焦点放在分散静态内容上。虽然这样做不会带来较大的时间节约,但借助于内容分发网络却很容易实现。
所谓内容分发网络(Content Delivery Netword,CDN),就是一组Web服务器的集合,其中的服务器分布于不同的地点,能够将内容更有效地分发给用户。最终确定的将内容分发给用户的服务器,通常是基于对网络邻近情况进行测量的结果。比如说,某台服务器对用户来说只需最少的跃点,或者该服务器对用户的响应时间最短。
某些大型的Internet公司都拥有自己的CDN。不过,使用CND服务器提供商的产品往往更划算一些。常见的CND服务商包括:Akamai Technologies、Mirror Image Internet和Limelight Networks。对于创业型公司或者个人网站而言,通常不必考虑使用CND。但是,随着目标用户群逐渐增大而且越来越全球化,CDN对于加快响应时间的作用也会日益突显。在Yahoo!,通过从应用程序中分离出静态内容并转移到CDN上面,大约可以为终端用户节省20%以上的响应时间。将静态内容转存到CDN只需较少的代码改动,但却能收到显著提高网站速度的奇效。
三月 11
1、减少HTTP请求
80%的终端用户响应时间花在了前台。其中,大部分时间都用于下载页面中的各种组件——图像、样式表、脚本、Flash等等。因此,减少组件的数量就能够减少呈现页面所需的HTTP请求数量。这正是加速网页显示的关键所在。
减少页面中组件的一种思路是简化页面的设计。然而,是否存在一种既能使页面内容丰富,又可以加速响应时间的方案呢?以下就是一些既能够减少HTTP请求数量,又可以确保页面内容丰富的技术。
通过图像地图将多幅图像组合为一幅图像。这样一来,虽然整体尺寸相同,但可以减少HTTP请求,进而加速页面显示。不过,图像地图只适用于页面中连续的图像,比如导航条。而且,定义图像地图中的坐标值通常会令人头疼,也容易出错。


“CSS精灵”是减少图像请求次数的首选方法。所谓“CSS精灵”,就是将页面中要用到的所有图像都组合到一幅图像中,然后通过CSS中的background-image和background-position属性,按照需要显示这幅图像中的不同部分。 Continue reading »
三月 08
原文: Exceptional Performance : Best Practices for Speeding Up Your Web Site
非同凡响的性能:加速网站的最佳实践
——构建高性能网站的14条法则
作者:Steve Souders

1、减少HTTP请求
2、使用CDN(Content Delivery Network,内容分发网络)
3、添加到期头部信息
4、以gzip方式压缩组件
5、把样式表放在顶部
6、把脚本放在底部
7、避免使用CSS表达式
8、JavaScript和CSS外部化
9、减少DNS查询
10、控制JavaScript代码量
11、避免重定向操作
12、去掉多余的脚本
13、配置ETag
14、开启Ajax的缓存
前台性能的重要性
2004年,我在Yahoo!创建了Exceptional Performance小组。这是一个经过特别许可的个小团队,它的任务是度量和改进Yahoo!产品的性能。作为在职业生涯中的大部分时间内一直从事后台开发的工程师来说,我提议建立这个小组是因为过去的一个代码优化项目——通过了解Web性能可以识别出最容易改进的机会。因为我们的目标是改善最终用户的体验,所以我在各种带宽条件下观测了浏览器的响应时间。结果,我们绘制出了一幅针对http://www.yahoo.com中HTTP通信量的图表。

在上面这幅图中,第一个名为“html”的橫条表示对HTML文档的初始请求。这里,终端用户只有5%的时间花在了取得HTML文档上面。同样的结果差不多对所有的网站也都适用。在作为样本的美国前10大网站中,除了一个网站之外,取得HTML文档所用时间均不到总响应时间的20%。另外80%多的时间则花在了处理HTML文档(也就是前台)的内容上面。这也就是我们把加速网站的重点放在改进前台性能之上的原因。
以前台性能作为出发点的原因主要有三个:
1、前台具有更多的改进潜力。节省一半前台处理时间可以节约响应时间的40%,而节省一半后台处理时间只会节约不到10%的响应时间。
2、改进前台通常比改进后台需要投入的时间和资源更少。因为改进后台涉及到重新设计应用程序架构和代码、查找和优化关键代码路径、添加或升级硬件、分布数据库等等。
3、调整前台性能已经证明是可行的。通过遵循我们提出的性能最佳实践,Yahoo!中50多个团队服务的终端用户响应时间都节省了25%以上。
我们提出的性能黄金定律是:先从优化前台性能着手,因为前台处理要占用80%甚至更多的终端用户响应时间。
三月 03
The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP
亚马逊五星级好书,面向初中级读者,介绍了Dreamweaver CS3的方方面面,堪称一本权威指南。
作者David Powers的其他畅销书还有《Foundation PHP for Dreamweaver 8》 和《PHP Solutions: Dynamic Web Design Made Easy》。
希望懂Web开发技术、有翻译经验,特别是有责任心的译者抓紧时间报名。合作成功者可随意挑选一本我的译作(见页眉“Home”主页链接右侧)相赠。报名方式,留言(一定要留下Email)。
目录
- Chapter 1: Dreamweaver CS3Your Creative Partner
- Chapter 2: Building Dynamic Sites with Ajax and PHP
- Chapter 3: Getting the Work Environment Ready
- Chapter 4: Setting Up a PHP Site
- Chapter 5: Adding a Touch of Style
- Chapter 6: Creating a CSS Site Straight Out of the Box
- Chapter 7: Building Site Navigation with the Spry Menu Bar
- Chapter 8: Sprucing Up Content with Spry Widgets
- Chapter 9: Building Online Forms and Validating Input
- Chapter 10: Introducing the Basics of PHP
- Chapter 11: Using PHP to Process a Form
- Chapter 12: Working with PHP Includes and Templates
- Chapter 13: Setting Up MySQL and phpMyAdmin
- Chapter 14: Storing Records in a Database
- Chapter 15: Controlling Access to Your Site
- Chapter 16: Working with Multiple Tables
- Chapter 17: Searching Records and Handling Dates
- Chapter 18: Using XSLT to Display Live News Feeds and XML
- Chapter 19: Using Spry to Display XML
- Chapter 20: Getting the Best of Both Worlds with PHP and Spry
三月 02

Amazon上的《Learning jQuery》链接
说起我与jQuery结缘,还要感谢2006年发生在台湾海峡的地震。2006年12月26日,南海台湾附近发生7.2级地震,数分钟后又发生了6.7级地震。受强烈地震影响,中美海缆等多条国际海底通信光缆发生中断,造成附近国家和地区的国际和地区性通信受到严重影响。2007年1月29日,电信网通宣布,经过20多天的抢修,受地震影响中断的国际通信业务已全部恢复。在此期间,中国雅虎在邮箱主页顶部发布了一个由于海缆中断可能会造成邮件收发有问题的通告。当时,通告是在页面加载完成大约1秒钟后,以渐变和动画形式出现在页面顶部的——跟jQuery官方网站首页那个“The quick and dirty”的效果演示很相似。而且,通告显示了大约几秒钟又以动画形式自动消失,整个页面好像什么都没有发生过一样。这个动画效果深深地吸引了我; Continue reading »
二月 01
CSS是一种Web标准。所以,我想先简单介绍一点与Web标准有关的背景,然后再向读者推荐这本书。
现代Web开发,随着CSS和JavaScript的兴盛很快达到了高潮。而且,明确地将Web前端(客户端或者说浏览器)开发划分为结构层(XHTML)、行为层(JavaScript)和表现层(CSS),也是近两三年之内的事。里程碑式的事件就是2003年5月New Riders出版社出版了Jeffrey Zeldman的那本《Designing With Web Standards》。国内在2004年5月引进出版了这本书的中文版《网站重构:应用Web标准进行设计》(电子工业出版社。傅捷、王宗义、祝军译)。自此以后,无论是国外还是国内,“Web标准”逐渐成为Web开发领域中的热门关键词。
Jeffrey Zeldman于1998年创立了Web标准组织(Web standards Project)(中文简介页面),该组织在说服浏览器开发商(主要是以前的网景和微软公司)结束长达近十年的浏览器战争,推动基于标准开发浏览器方面作出了卓越的贡献。在Web开发中,当提到跨平台、兼容性时,通常都是指以下几款浏览器:
- Internet Explorer
- Firefox
- Opera
- Safari
Continue reading »