档案 四月, 2010

本文给网页设计师以及新手提供了10个简易的教程,以帮助他们使用jQuery来实现Javascript效果。假如你不知道jQuery的话,我这 里稍稍做一个简单介绍。它是一个“编写简单,功能强大”(write less, do more)的Javascipt库。它提供许多Ajax和Javascript功能,你可以用它来增强用户体验,以及让代码更易阅读。因为这些教程主要关 注以jQuery,所以在CSS细节上我不会做过多纠缠。

注意:本文所使用的jQuery版本是1.2.3

查 看文章中jQuery实例

下载实例代码(ZIP格式)

jQuery的工作原理。

首先,你需要下载一份jQuery, 然后将它添加到你的html页面中(最好是在<head>标签内)。然后你需要写一些函数告诉jQuery该做什么。下面这张图详细解释了 jQuery的工作原理。

how jquery works
(全文 …)

在我们公司ChinaNetCloud,见过多种不同类型的网站和系统,有好也有差。其中有些系统拥有良好的服务器/网络架构,并且进行了合理的调整和监控;然而一般的系统都会有安全和性能上的问题,不能良好运行,也无法变得更流行。

在中国,开源的LAMP栈是最流行的网络架构,它使用PHP开发,运行在Apache服务器上,以MySQL作为数据库,所有这些都运行在Linux上。它是个可靠的平台,运行良好,是现在全球最流行的Internet系统架构。然而,我们很难对其规模进行正确的扩展并保持安全性,因为每个应用层都有其自身的问题、缺陷和最佳实践。我们的工作就是帮助企业用最低的操作成本来创建并运行高性能的、可伸缩的、安全的系统,因此对于这类问题我们有很丰富的经验。

当前的实际情况是,很多网站都是由开发人员快速而廉价地创建,通常没有任何IT人员或者经理,只是由程序员来管理系统。造成的结果是,虽然花费很低的成本网站就可以开始运行,但是当拥有大量用户、需要扩展规模的时候,通常就会面临真正的问题。毕竟,中国拥有三亿八千万的Internet用户,如果其中的0.01%访问这个站点,就很容易引发25万~50万的页面访问量。这些问题在各个级别上都会产生,下面总结的规则是对最一般的问题进行概述,并且说明为什么这些规则如此重要,以及最好采用什么方法来修正它们。遵循这些建议的站点会提高它的可伸缩性、安全性以及操作上的稳定性。

使用合适的会话管理
第一个想到的扩展系统的方法就是添加更多硬件。例如,使用两台服务器而不是一台。这听着合理,但会产生潜在问题:会话管理。这对Java程序来说是很严重的问题,在PHP中也会产生可延展性问题,对于数据库的负载尤其如此。

会话被定义为单独的最终用户登录或者连接一段时间,其中通常会包含多个TCP/IP的HTTP连接、几个Web页面,通常还包括几十个甚至上百个页面元素,如框架、菜单、Ajax更新等。所有这些HTTP请求都需要知道用户是谁,才能满足安全的要求,并向用户传送适当的内容,因为这些都是会话的组成部分。通常每个会话都会包括相互关联的会话数据,如用户名、用户ID、历史、购物车、统计资料等等信息。

问题在于,在有两台Web服务器和多个HTTP连接的情况下,用户流量会在两台服务器之间分配和移动,服务器很难知道用户是谁,并对所有数据进行跟踪,因为每个页面或者页面的组成部分都可能来自不同的服务器。在PHP中,通常是这样解决的,在第一次连接或登录的时候就创建一个会话ID并将其放在Cookie中,然后这个Cookie会和每个HTTP请求一起发送。

这样做带来一个问题,接下来每段PHP脚本都需要基于ID来查找会话数据。由于PHP无法在执行过程之间保持状态(这与Java不同),这个会话数据需要存储在某个地方,通常是在数据库中。但是,如果复杂的页面需要在每个页面载入过程中对其进行十次查找(这是经常要做的),那就意味着每个页面都要执行10次SQL查询,这会导致数据库上很大的负载。
(全文 …)

诚然Firefox是一个优秀的浏览器,虽然它已经足够快,但是对于喜欢压榨性能的发烧友可是远远不够,接下来就告诉大家几条进一步提升Firefox 3.6性能的小诀窍
减少隐藏设定的历史记录

Firefox会保存浏览的历史记录,使用的时间越长,保存的历史记录数据也就越发庞大, 占用了太多的资源。

.history_expire_days:表示历史纪录过期天数,默认是180天!实际上没人用得上半年的历史记录,30天足矣。

browser.history_expire_sites:这个是最大保存的站点数量,默认是四万个。我们可以减少一些,一般来说一万就差不多了

自定义firefox的临时文件存放地址

输入about:config右键新建一个字符串名为browser.cache.disk.parent_directory ,然后输入新的临时文件的路径即可,建议把这个地址放到非系统盘,当然了,如果你追求极限,你可以用内存虚拟一个RamDisk来存放这些临时文件,体验 一下极速浏览的感觉。

开启多线程请求
(全文 …)

苹果与 Adobe 的关系由来已久。Adobe 的创始人还在那如今已成传说的车库中工作时,我们就已经认识了。苹果是他们的第一个大客户,将他们的 Postscript 语言改为我们当时新推出的 Laserwriter 打印机所用。在很多年里,苹果都是 Adobe 的股东之一,拥有其 20% 的股权。两家公司通力合作,开创了桌面电脑出版业,其中有不少快乐的时光,但那段黄金时代一过,我们便分道扬镳了。苹果经历了濒死的过程,Adobe 凭其 Acrobat 产品进入了企业市场。今天,两家公司仍然同心协力为创意产业的客户服务——Adobe 的 Creative Suite 软件的顾客里,有大约一半是苹果电脑用家。但除此之外,我们几乎没有别的共同利益了。


我想草草写点关于我对Adobe Flash技术的看法,方便客户和批评者更好地理解为什么我们在iPhone、iPad和iPad上封杀它。Adobe曾经说,我们主要是为了保护程序应 用商店产品,出发点也是为了业务缘故,但实际上却是因为技术原因。Adobe声称我们是一个封闭的系统,而Flash是开放的,但实际截然相反。让我来解 释一下。
(全文 …)

几乎一夜之间,原本采用IE核心的国产浏览器纷纷上马双核心,也让Webkit这个本不为大众熟知的 技术术语走向前台。国产浏览器为何青睐Webkit?Webkit又会为竞争激烈的浏览器市场带来什么样的变化?长期以来,国内浏览器 市场的格局很简单:IE绝对统治,残羹冷炙被IE内核浏览器瓜分,至于在国外风生水起的 Firefox,在国内还处于“陪练”的地位。时下有了新情况:Webkit内核开始“千树万树梨花开”,傲游、世界之窗、搜狗浏览器等相继上马,而据 说,腾讯TT的双核浏览器也正在加紧研发中。

这或许是一个分岔口,不仅可能加速IE内核系内部格局的重新洗牌,更可能动摇IE内核的统治地位。而自此开始, 浏览器厂 商似乎在反思,也在寻找IE阴影下另一种活法。当它们打开Webkit这扇窗,迎面而来的也许会是别样的景致,但人人都无暇贪恋风景,因为谁都不想输在一 条新的起跑线上。

开源浏览器引擎Webkit引发浏览器格局变化
(全文 …)

的成功让人津津乐道,为 网页编写 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 程序员,也未能完全吃透。本文从7个方面讲述 中那些你不很熟知但非常实用的技巧。

简略语句

JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:

var car = new Object();
car.colour = ‘red’;
car.wheels = 4;
car.hubcaps = ‘spinning’;
car.age = 4;

可以使用简略语句如下:

var car = {
colour:’red’,
wheels:4,
hubcaps:’spinning’,
age:4
}

对象 car 就此创建,不过需要特别注意,结束花括号前一定不要加 “;” 否则在 IE 会遇到很大麻烦。

创建数组的传统方法是:

var moviesThatNeedBetterWriters = new Array(
‘Transformers’,'Transformers2′,’Avatar’,'Indiana Jones 4′
);
(全文 …)


事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在 这过程中,页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合 期望,后退或关闭按钮也将马上被点击。

用户是如何浏览你的网站的

1. 大部分时候用户并非在阅读屏幕上的内容,而是在扫视。
用户习惯扫视和快速寻找页面上一些能够引导他理解内容的关键点。

2. 不要考验用户的耐心
当一个页面不能满足用户的期望时,离开就在所难免。希望通过添加相关内容来丰富页面和留住用户往往效果不佳甚至适得其反。一屏页面上承载的信息越多, 认知的负担就会越重,就需要花费更多的时间去处理信息,如果这些信息中还有些不是用户期望的,那就还要花额外的精力将这些多于信息从注意力中剥离。 Jakbo Nielsen 的研究结论也表明:一个页面上的认识负担越重,导航和浏览就会越困难,用户离开并寻找其他替代品的可能性就越大。
(全文 …)

无论在内企,还是在外企,凡是成功人士(以下简称他们)的身上都有独特的个人能力和人格魅力,这或许正是一般人所缺乏的。他们的成功决不能简单地归 结为机遇好。依我来看,这些能力可概括为:

1、解决问题时的逆向思维能力

面对工作中遇到的新问题,一时又找不到解决方法。而且,上司可能也没有什么锦囊妙计时,他们擅长用逆向思维办法去探索解决问题的途径。他们清楚具体 业务 执行者比上司更容易找出问题的节点,是人为的,还是客观的;是技术问题,还是管理漏洞。采用逆向思维找寻问题的解决方法,会更容易从问题中解脱出来。

2、考虑问题时的换位思考能力

在考虑解决问题的方案时,常人通常站在自己职责范围立场上尽快妥善处理。而他们却总会自觉地站在公司或老板的立场去考虑解决问题的方案。

作为公司或老板,解决问题的出发点首先考虑的是如何避免类似问题的重复出现,而不是头疼医头,脚疼医脚的就事论事方案。面对人的惰性和部门之间的扯 皮, 只有站在公司的角度去考虑解决方案,才是一个比较彻底的解决方案。能始终站在公司或老板的立场上去酝酿解决问题的方案,逐渐地他们便成为可以信赖的人。

3、强于他人的总结能力

他们具备的对问题的分析、归纳、总结能力比常人强。总能找出规律性的东西,并驾驭事物,从而达到事半功倍的效果。人们常说苦干不如巧干。但是如何巧 干,不是人人都知道的。否则就不会干同样的事情,常人一天忙到晚都来不及;而他们,却整天很潇洒。

4、简洁的文书编写能力

老板通常都没时间阅读冗长的文书。因此,学会编写简洁的文字报告和编制赏心悦目的表格就显得尤为重要。即便是再复杂的问题,他们也能将其浓缩阐述在 一页 A4纸上。有必要详细说明的问题,再用附件形式附在报告或表格后面。让老板仅仅浏览一页纸或一张表格便可知道事情的概况。如其对此事感兴趣或认为重要,可 以通过阅读附件里的资料来了解详情。

5、信息资料收集能力

他们很在意收集各类信息资料,包括各种政策、报告、计划、 方案、统计报表、业务流程、管理制度、考核方法等。尤其重视竞争对手的信息。因为任何成熟的业务流程本身就是很多经验和教训的积累,遇到用时,就可以信手 拈来。这在任何教科书上是无法找到的,也不是那个老师能够传授的。

6、解决问题的方案制定能力

遇到问题,他们不会让 领导做“问答题”而是做“选择题”。常人遇到问题,首先是向领导汇报、请示解决办法。带着耳朵听领导告知具体操作步骤。这就叫让领导做“问答题”。而他们 常带着自己拟定好的多个解决问题方案供领导选择、定夺,这就是常说的给领导出“选择题”。领导显然更喜欢做的是“选择题”。

7、目标调整能力

当个人目标在一个组织里无法实现,且又暂时不能摆脱这一环境时,他们往往会调整短期目标,并且将该目标与公司的发展目标有机地结合起来。这样,大家 的观点就容易接近,或取得一致,就会有共同语言,就会干的欢快。反过来,别人也就会乐于接受他们。

8、超强的自我安慰能力

遇到失败、挫折和打击,他们常能自我安慰和解脱。还会迅速总结经验教训,而且坚信情况会发生变化。他们信条是:塞翁失马,安知非福,或上帝在为你关 上一扇门的同时,一定会为你打开一扇窗。

9、书面沟通能力

当发现与老板面对面的沟通效果不佳时,他们会采用迂回的办法,如电子邮件,或书面信函、报告的形式尝试沟通一番。因为,书面沟通有时可以达到面对面 语言 沟通所无法达到的效果。可以较为全面地阐述想要表达的观点、建议和方法。达到让老板听你把话讲完,而不是打断你的讲话,或被其台上的电话打断你的思路。也 可方便地让老板选择一个其认为空闲的时候来“聆听”你的“唠叨”。[Page]

10、企业文化的适应能力

他们对新组织的企业文化都会有很强的适应能力。换个新企业犹如换个办公地点,照样能如鱼得水般地干得欢畅并被委以重用。

11、岗位变化的承受能力

竞争的加剧,经营风险的加大,企业的成败可在一朝一夕之间发生。对他们来讲,岗位的变化,甚至于饭碗的丢失都无所畏惧。因此,他们承受岗位变化的能 力也是常人所无法比拟的。在他们看来,这不仅是个人发展的问题,更是一种生存能力的问题。

12、客观对待忠诚

从他们身上你会发现对组织的忠诚。他们清楚地意识到忠诚并不仅仅有益于组织和老板,最大的受益者是自己,因为,责任感和对组织的忠诚习惯一旦养成, 会使他们成为一个值得信赖的人,可以被委以重任的人。他们更清楚投资忠诚得到的回报率其实是很高的。

13、积极寻求培训和实践的机会

他们很看重培训的机会,往往在招聘时就会询问公司是否有提供培训的机会。善于抓住任何培训机会。一个企业,如果它的薪酬福利暂时没有达到满意的程 度,但却有许多培训和实践的机会,他们也会一试。毕竟,有些经验不是用钱所能买回来的。

14、勇于接受份外之事

任何一次锻炼的机会他们都不轻言放弃,而把它看成是难得的锻炼机会。并意识到今天的份外,或许就是明天的份内之事。常看见他们勇于接受别人不愿接受 的份外之事,并努力寻求一个圆满的结果。

15、职业精神

他们身上有一种高效、敬业和忠诚的职业精神。主要表现为:思维方式现代化,拥用先进的管理理念并能将其运用于经营实践中。言行举止无私心,在公司的 业务 活动中从不搀杂个人私心。这样,就敢于直言不讳,敢于纠正其他员工的错误行为,敢于吹毛求疵般地挑剔供应商的质量缺陷。因为,只有无私才能无畏。待人接物 规范化,这也是行为职业化的一种要求。有了这种职业精神的人,到任何组织都是受欢迎的,而且,迟早会取得成功。

其实这些能力不应该算是独特,应该把它们当作基础能力来培 养才对。

很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好 事。我想也该是时候做总结罗列了。

Plurk

在去年年底,发生MSN 中国“抄袭门”- 聚酷抄袭 Plurk事 件。足以证明Plurk是有独特之处。Plurk,中文名称为噗浪,是一个提供基于时间轴的可视化微博客服务的多种语言支持的社交网站,类似于 twitter,由一个称为A-team的组织创 建。其最大的特色就是在一条时间轴上显示自己和好友的消息更新和恢 复。目前噗浪在港澳台相当流行,中国大陆地区2009年4月起暂时无法使用,噗浪官方已在协商中。
Plurk
(全文 …)

电子商务网站的竞争越来越激烈,虽然你可能在以最低的价格卖最好的东西,但同样重要的的是用户的购买体验,对电子商务网站而言,易用性就是让用户尽 可能快而简单的完成购买,有时候,一条小小的改进可能带来巨大的改变。本来讲述了10条简易步骤帮助您创建电子商务网站

1. 用户无需注册直接购买

Let Shoppers Buy without Registering

很多公司喜欢让用户注册,但注册过程实在太冗长了,尤其对那些临时光顾的用户,强迫注册会将他们吓跑。让用户直接往购物车里添加货物,在结算前,另 外提供一个注册选项以方便他们的下一次购买是一个很有效的方法,在任何时候都要明白,实现销售比收集一堆电子邮件地址更有价值。
(全文 …)