Ajax应用开发最佳实践

Ajax 应用开发最佳实践 Alex Cheng http://www.cheng-fu.com http://cn.linkedin.com/in/chengfu

Web 2.0 应用开发 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ajax 应用组成元素 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

使用富含语义的 HTML ,[object Object],[object Object]

HTML 中表示文档结构和富含语义的元素元素说明 <h1> 、 <h2> 、 <h3> 、 <h4> 、 <h5> 和 <h6> 表示不同级别的标题。 <p> 表示文档中的一个段落。 <em> 、 <strong> 表示对文档中文本的强调。 <abbr> 、 <acronym> 表示缩写词。 <blockquote> 、 <q> 表示文档中的引用。 <ul> 、 <ol> 、 <li> 表示列表型的内容和其中的条目。 <dl> 、 <dt> 、 <dd> 表示术语及其描述。 <cite> 表示对外部资料的引用。 <code> 表示程序源代码。

富含语义的 HTML 最佳实践 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

使用微格式（ Microformat ） ,[object Object],[object Object],[object Object]

CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

解决浏览器兼容性问题 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

可维护的 CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

DOM 操作 ,[object Object],[object Object],[object Object],[object Object]

使用 DOM 的方式 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

选择最适合的技术 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

提高 DOM 操作性能 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

事件处理 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

避免内存泄露 ,[object Object],[object Object],[object Object],[object Object],[object Object]

提高事件处理性能 ,[object Object],[object Object],[object Object],[object Object]

安全 ,[object Object],[object Object],Bank.com http://www.bank.com/transfer?to=xxx&amount=10000 BankHacker.com <img src=‘http://www.bank.com/transfer?to=hacker&amout=10’ > Bank.com Login Cookie saved Use BankHacker.com Use saved cookie

安全 ,[object Object],http://www.bank.com/history [{“time” : “”, “name” : “”}, {}, {}] <script src=‘http://www.bank.com/history’></script> Array 的构造方法是可以被重定义的。 <script type='text/javascript'> function Array() { var obj = this; var ind = 0; var getNext = function(x) { obj[ind++] setter = getNext; if (x) alert(“Data stolen from array: " + x.toString()); }; this[ind++] setter = getNext; } </script> <script type='text/javascript' src='http://bank.com/history'> </script>

性能 ,[object Object],[object Object]

Ajax应用开发最佳实践

Recommandé

Recommandé

Contenu connexe

Similaire à Ajax应用开发最佳实践

Similaire à Ajax应用开发最佳实践 (20)

Plus de Fu Cheng

Plus de Fu Cheng (6)

Ajax应用开发最佳实践