李松峰最近翻译了两篇关于HTML5的文章,尤其是
《HTML5设计原理》这篇,即Jeremy Keith最近的演讲,我认为是
每个Web开发者都应该读的文章。
你们可能听说过,某次本人曾自诩为国内前端Top10,先不管俺是不是在吹牛皮,但至少有一点是肯定的,俺
绝对不认为我是开发效率或程序质量最高的前端程序员,俺实际指的是我自信对于Web设计原理的理解是达到了Top10的水准——话说这个其实比较容易
,因为基本上所有人都没胃口或没时间好好读一下几个基本规范,更不要说类似“设计原理”的文献和散落于各处的历史讨论(比如有多少人读过这个:
http://www.w3.org/TR/webarch/)。在这种情况下,松峰老师翻译的这个演讲稿就尤其值得推荐。因为虽然有点长,但是比起那一坨坨的规范,这个演讲稿实在是简短通俗得很。
通读这个文章,有助于解决一个很大的观念转变的问题,特别是对那些老资格的开发者(比如
彪叔)来说,因为HTML5存在一些与既有的习惯不一致的方面,可能对拥抱HTML5心存疑虑。另外理解HTML5的设计原理,也更能理解为什么我对HTML5的前景非常乐观。乍一听,这似乎不太好理解。
技术是否成功往往由技术以外的因素决定。HTML5当然不能说不受到外部因素的影响,但是我一直强调一点,对于HTML5的支持是
前所未有的广泛,各个群体都支持,整个行业支持,特别是,HTML5理论上的竞争技术的所有者(如
Adobe、
Microsoft、Apple等)也支持。为什么会这样?理解了其设计原理,就知道这是有基础的。HTML5吸取了既往经验,作为一个革命性技术标准,其新增特性的丰富程度前所未见,其演进策略却分外务实(某种程度上可称之为保守),因此它能符合各方利益,从而最小化技术革新的阻力,最大化现有的优势。从现在的情况看,HTML5已经是大势所趋,其进入主流的速度超乎预期,尤其是在移动互联网领域,明后两年可能就会迎来HTML5应用的爆发。
而作为开发者,如何能充分运用HTML5的潜力,除了纯粹API的掌握,对于原理的理解也是大有裨益,因为这些原理实际上是最佳实践的精炼。所以还是回到主题,赶紧去读
http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html。
分享到:
相关推荐
通过阅读和运行这些源代码,开发者可以深入理解每个框架的工作原理,以及它们如何协同工作。 例如,Struts2Test可能会展示如何定义Action类处理HTTP请求,使用Struts2的拦截器进行日志记录或权限验证,然后调用由...
在C#.NET Web开发领域,掌握核心技术是每个开发者必须具备的能力。本指南旨在为Web开发者提供详尽的C#.NET Web开发知识,结合实际的源代码示例,帮助你提升开发技能并解决常见问题。 首先,C#.NET是微软公司推出的...
学习这些源代码,你可以深入理解每个框架的工作原理,以及它们在实际项目中的集成方式,这对于提升Java Web开发技能大有裨益。同时,这也是一种实战性的学习,通过阅读和分析代码,可以更好地掌握这些主流技术的精髓...
5. **布局(Layout)**:根据渲染树计算每个元素的位置和大小,形成布局信息。 6. **绘制(Painting)**:根据布局信息在屏幕上绘制元素,完成页面展示。 在动态变化中,例如JavaScript修改DOM或CSS,浏览器会重新...
《SPRING技术内幕:深入解析SPRING架构与设计原理》这本书是Java开发领域的一部重量级作品,由具有丰富开发经验的专家...书中的每个章节都可能包含丰富的示例代码和实践指导,帮助读者将理论知识转化为实际操作技能。
### Web浏览器的工作原理 #### 浏览器概览与重要性 浏览器作为互联网时代不可或缺的工具之一,几乎已经成为人们日常生活中使用频率最高的软件。本文旨在深入解析主流浏览器的工作原理,帮助开发者更好地理解从输入...
由于不同的浏览器厂商可能对Web标准的支持程度不一致,这给Web开发者带来了一定的挑战。开发者需要考虑不同浏览器的兼容性问题,确保网站能够在各种浏览器上正常工作。 五、浏览器的未来发展 随着Web技术的不断进步...
例如,React库中的组件化思想,让开发者可以将UI拆分成独立的、可复用的部分,每个部分都可以作为一个模块单独编写和维护。 异步编程是JavaScript工具库提升性能的关键。在Web开发中,处理网络请求和数据加载时,...
学习这两者的基本语法和最佳实践,是每个WEB开发者入门的必修课。这份资料可能涵盖了HTML5的新特性、CSS选择器、布局模式(如Flexbox和Grid)以及响应式设计等内容。 2. **JavaScript**: JavaScript是实现网页...
6. **游戏逻辑**:每个游戏都有其特定的游戏规则和逻辑,这通常由JavaScript代码实现。这些实例会展示如何编写游戏循环、得分系统、游戏结束条件等。 7. **碰撞检测**:在游戏中,角色与其他元素的碰撞检测是必不可...
了解如何正确编写HTML标记、使用属性和组织文档结构是每个Web开发者的基本功。 接着,我们来看CSS,它是控制网页样式和布局的工具。通过CSS,你可以改变字体、颜色、布局、响应式设计等。CSS选择器是其核心,它们...
在这个布局中,文章被组织成多个面板,每个面板包含一篇或一组相关的内容。在屏幕的可见区域内通常显示三个面板:中间主面板和两侧的次级面板。用户可以通过点击侧边的面板或者使用导航按钮,实现内容面板的平滑滑动...
在Spring架构设计原理方面,Spring采用模块化的结构,每个模块提供特定的功能,并且可以独立存在和替换。这种设计使得Spring能够适应不同的环境和需求,也能方便地与其他框架或技术集成。 Spring框架的标签“Spring...
1. **Context**: 表示一个Web应用程序,对应于`webapps`目录下的每个目录或WAR文件。 2. **Connector**: 负责处理来自客户端的请求,并将响应返回给客户端,通常配置在`server.xml`文件中。 3. **...
在创建Web软键盘时,开发者通常会通过JavaScript动态创建HTML元素,如`<button>`或`<input>`,这些元素代表软键盘上的每个按键。同时,通过`addEventListener`方法监听按钮点击事件,当用户点击虚拟键时,模拟键盘...
10. **可移植性**:HTML5游戏的一大优势就是跨平台性,同一款游戏可以在不同的设备和浏览器上运行,无需为每个平台单独编译。 通过对这些知识点的学习,开发者不仅可以理解《空战1941》的实现原理,还能借鉴其设计...
- 配置Web Part:每个Web Part都有自己的属性窗口,允许开发者或用户设置参数。 - 连接Web Parts:通过定义连接,不同Web Part之间可以传递数据,例如,用户在搜索框中输入的查询可以自动在结果Web Part中显示。 ...
这些文件名可能代表了八个不同章节的Web项目案例,每个章节对应一个Web应用程序的开发实例。根据提供的标签,我们可以推断这些项目主要涉及到的技术栈包括Web编程(如HTML、JavaScript、JSP)、数据库操作(SQL)...