藏井阁

" Scientists ask why, engineers ask why not? "

小页面的开发总结

这几天神经紧张的做了一个小页面,功能点倒很小,只是有些注意点,平时容易忽略,在此做个小结,以后遇到此类开发任务,进行下面几个方面的检查,算是一个checklist吧。明显的小问题自己都没发现,别的合作团队发现了还是很尴尬的。

1. 页面结构中不要出现明文的email,防止spam。可以先escape下,然后在页面中用js做unescape出来即可,虽然也不能杜绝被抓取到email,但还是要好很多的。做成图片的开销不小,会增加一个连接,而且alt里面也不能出现email,图片失败就什么都看不到了,关键是不可复制;做成base64的方式内嵌的话,体积也不会小。

2. 是否写上了和主站的格式一致的<title>,同时别忘了keywords和description。

3. jester-ent.com favicon.ico有没有设置,并已经足够小。favicon是否和主站不一致,是否会引发品牌争议。如果需要删除favicon.ico文件,记得检查<head>中是否也有设置,请一并删除。但由此会带来一个favicon的404,需要斟酌。

4. JS脚本有没有压缩?

5. IE下有没跑一遍?避免出现数组最后的那个逗号。

6. 有没用JSLint等工具检查一遍?规范下你的脚本吧。

7. 页面上所有的链接都点一点,即使不是属于你这个版本的,只要你的这个版本中能看到的都应该检查下。

8. 有没有因为空格或换行带来了表现和其他页面不一致?虽然很细节,但是很明显。

9. 狂点几下需要异步请求的几个链接或按钮,看下有没做处理,看下服务器还能否承受。

10. 请产品人员检查下文字是否正确,最好不要因为文字错误而重新发布一次。

11. 把哪些没有依赖关系的,加载或执行慢的js丢到最后去,尤其是你的统计脚本。

12. 抓包,避免404和重复请求,有没cache,对速度慢的接口有没有做友好提示。

13. 回家也看下,没有公司的带宽,页面还正常否,功能还正常否,加载速度还能忍受否?

待补充……真不喜欢用13结尾。

类别: Web开发

Tags:

damon pang

大魔

Damo

i#impng.com

专注Web开发,爱电影,爱One Piece.