Web 开发经常会是非常复杂的事情。今天,针对初学者,我希望向你介绍26个概念和 技术,每个都对应英文字母的一个字母。听起来很奇怪吧,那让我们开始吧。 A——AJAX AJAX 是异步 JavaScript 和 XML 的意思, 它是近些年你使用的所有流畅的 Web 应用背 后的主要驱动力。AJAX 作为一项技术来说,使用已经很普遍了。Gmail,Flickr 等,你甚至 还可以在 WordPress 的管理员面板里找到它。那么它到底是什么以及它如何实现的呢? 说到底它的核心是 XMLHttpRequest,这允许在页面完全渲染之后发送请求并接收返 回,而无需关联页面其它部分。这意味着 web 程序不需要为每一个操作而刷新整个页面。 这提供了非常流畅,动感的类似桌面应用的用户体验。 相关阅读 How to Make AJAX Requests With Raw Javascript 24 Best Practices for AJAX Implementations Submit A Form Without Page Refresh using jQuery B——Browser(浏览器) (浏览器) 浏览器是能理解你的网站或应用杰作的结构的东西。 它不仅仅可以用来上网, 现代的浏 览器还是一个多任务的平台。比如我安装的,带有 IRC,FTP 和同步信息到每个设备的功 能。你可能已经知道,浏览器及时宝贵的开发工具,又会带来很多麻烦。每个必须保证他们 的作品在每个浏览器下都看起来很完美的开发者应该很能理解这个痛苦。 相关阅读 13 Ways to Browser Test and Validate Your Work Top 5 Ways to Browser-Test your Website 9 Most Common IE Bugs and How to Fix Them C——CSS CSS 是前端开发的一把利剑。CSS 是层叠样式表单的缩写,它是一门可以定义网页如 何显示的语言。 Web 开发最恐怖的年代, 在 开发者经常把样式代码写到 HTML
源代码中去。 CSS 则非常好地将样式从内容中分离出来。 相关阅读 The 30 CSS Selectors you Must Memorize 30 CSS Best Practices for Beginners Understanding CSS Specificity CSS: Noob to Ninja – The Complete Video Series D——DOM DOM 是文档对象模型的缩写, 这是与 HTML 或 XML
文档交互的公认的约定。 DOM API 提供了用程序遍历和操作
文档的功能。“DOM 为分析后的 HTML 文档创建了一个相符的层 级结构。 子元素叫做节点或 DOM 节点”。 如果你听到人家谈论 DOM, 其实他们是在说 DOM 脚本。 这以前是描述通过 JavaScript 访问和操作 DOM 的术语。 这是大多数你现在看到的现 代网站和应用背后的技术。
相关阅读 JavaScript and the DOM Series: Lesson 1 Javascript and the DOM: Lesson 2 The Dom is a Mess – Lecture by John Resig E——Events(事件) (事件) 现代 Web 应用是深层事件驱动的。那么什么是事件呢?你在网页上做的大多数事情都 组成一个事件。鼠标放在链接上,点击按钮,按下 Tab 键等都是有效的事件。事件处理指 的是当
某个事件发生时执行一段指定的代码。这也是你必须掌握的现代 web 开发背后的基 本概念。 相关阅读 JavaScript from Null: Chapter 5 – Events JavaScript Events from the Ground Up JavaScript from Null: Cross-Browser Event Binding JavaScript Event Delegation in 4 Minutes F——Firebug 工欲善其事, 必先利其器。 Web 开发者也一样。 一个很强大的工具就是 Firebug。 Firebug 是一个可以贯穿你的工作的 firefox 扩展。它让你在运行中编辑和监控一个页面的方方面面。 这里不能详细说它的特性,所以点击下面的链接吧。 相关阅读 10 Reasons Why You Should Be Using Firebug How to Theme any CMS Using Firebug Firebug: White to Black Belt G——Grid(网格) (网格) 网格是页面结构化的可视化框架。 它从一度发达的印刷工业移植过来, 网格是当前 Web 开发中必不可少的一部分。有很多 CSS 框架可以用来创建基于网格的布局,对于非常大数 量的页面和布局需要高强度的练习。 相关阅读 A Detailed Look at the 960 CSS Framework A Closer Look At the Blue