`
hax
  • 浏览: 962425 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

每个Web开发者都应读的文章:HTML5设计原理

    博客分类:
  • MISC
阅读更多
李松峰最近翻译了两篇关于HTML5的文章,尤其是《HTML5设计原理》这篇,即Jeremy Keith最近的演讲,我认为是每个Web开发者都应该读的文章

你们可能听说过,某次本人曾自诩为国内前端Top10,先不管俺是不是在吹牛皮,但至少有一点是肯定的,俺绝对不认为我是开发效率或程序质量最高的前端程序员,俺实际指的是我自信对于Web设计原理的理解是达到了Top10的水准——话说这个其实比较容易 ,因为基本上所有人都没胃口或没时间好好读一下几个基本规范,更不要说类似“设计原理”的文献和散落于各处的历史讨论(比如有多少人读过这个:http://www.w3.org/TR/webarch/)。在这种情况下,松峰老师翻译的这个演讲稿就尤其值得推荐。因为虽然有点长,但是比起那一坨坨的规范,这个演讲稿实在是简短通俗得很。

通读这个文章,有助于解决一个很大的观念转变的问题,特别是对那些老资格的开发者(比如彪叔)来说,因为HTML5存在一些与既有的习惯不一致的方面,可能对拥抱HTML5心存疑虑。另外理解HTML5的设计原理,也更能理解为什么我对HTML5的前景非常乐观。乍一听,这似乎不太好理解。

技术是否成功往往由技术以外的因素决定。HTML5当然不能说不受到外部因素的影响,但是我一直强调一点,对于HTML5的支持是前所未有的广泛,各个群体都支持,整个行业支持,特别是,HTML5理论上的竞争技术的所有者(如AdobeMicrosoft、Apple等)也支持。为什么会这样?理解了其设计原理,就知道这是有基础的。HTML5吸取了既往经验,作为一个革命性技术标准,其新增特性的丰富程度前所未见,其演进策略却分外务实(某种程度上可称之为保守),因此它能符合各方利益,从而最小化技术革新的阻力,最大化现有的优势。从现在的情况看,HTML5已经是大势所趋,其进入主流的速度超乎预期,尤其是在移动互联网领域,明后两年可能就会迎来HTML5应用的爆发。

而作为开发者,如何能充分运用HTML5的潜力,除了纯粹API的掌握,对于原理的理解也是大有裨益,因为这些原理实际上是最佳实践的精炼。所以还是回到主题,赶紧去读http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html





8
9
分享到:
评论
4 楼 勾三股四 2010-12-20  
为了给你留言我居然耐着性子注册了个je账号,又耐着性子等了3天直到有评论权限……
好文!读过好几遍了,并且推荐我们整组人马学习了。我正式看了这篇文章才开始放心使用<meta charset="utf-8">的。w3c有很多财宝,我现在已经养成了到没事就去w3.org逛一逛的坏习惯 囧
3 楼 i_love_sc 2010-12-15  
非常好的文章啊。
2 楼 cloudgamer 2010-12-15  
hax推荐的一定要看看
1 楼 庄表伟 2010-12-15  
哈哈,hax为什么会被人踩了3下,估计是这句话让人不爽了:“某次本人曾自诩为国内前端Top10,先不管俺是不是在吹牛皮,但至少有一点是肯定的,俺绝对不认为我是开发效率或程序质量最高的前端程序员,俺实际指的是我自信对于Web设计原理的理解是达到了Top10的水准”

相关推荐

    开发者突击:Java Web主流框架整合开发:J2EE+Struts+Hibernate+Spring 部分例子源代码 及数据库

    通过阅读和运行这些源代码,开发者可以深入理解每个框架的工作原理,以及它们如何协同工作。 例如,Struts2Test可能会展示如何定义Action类处理HTTP请求,使用Struts2的拦截器进行日志记录或权限验证,然后调用由...

    C#.net Web 开发者必备 web开发指南 带原代码

    在C#.NET Web开发领域,掌握核心技术是每个开发者必须具备的能力。本指南旨在为Web开发者提供详尽的C#.NET Web开发知识,结合实际的源代码示例,帮助你提升开发技能并解决常见问题。 首先,C#.NET是微软公司推出的...

    开发者突击:Java Web主流框架整合开发:J2EE+Struts+Hibernate+Spring 源代码

    学习这些源代码,你可以深入理解每个框架的工作原理,以及它们在实际项目中的集成方式,这对于提升Java Web开发技能大有裨益。同时,这也是一种实战性的学习,通过阅读和分析代码,可以更好地掌握这些主流技术的精髓...

    前端必读:浏览器内部工作原理

    5. **布局(Layout)**:根据渲染树计算每个元素的位置和大小,形成布局信息。 6. **绘制(Painting)**:根据布局信息在屏幕上绘制元素,完成页面展示。 在动态变化中,例如JavaScript修改DOM或CSS,浏览器会重新...

    SPRING技术内幕:深入解析SPRING架构与设计原理

    《SPRING技术内幕:深入解析SPRING架构与设计原理》这本书是Java开发领域的一部重量级作品,由具有丰富开发经验的专家...书中的每个章节都可能包含丰富的示例代码和实践指导,帮助读者将理论知识转化为实际操作技能。

    web浏览器的工作原理

    ### Web浏览器的工作原理 #### 浏览器概览与重要性 浏览器作为互联网时代不可或缺的工具之一,几乎已经成为人们日常生活中使用频率最高的软件。本文旨在深入解析主流浏览器的工作原理,帮助开发者更好地理解从输入...

    前端必读:浏览器内部工作原理.pdf

    由于不同的浏览器厂商可能对Web标准的支持程度不一致,这给Web开发者带来了一定的挑战。开发者需要考虑不同浏览器的兼容性问题,确保网站能够在各种浏览器上正常工作。 五、浏览器的未来发展 随着Web技术的不断进步...

    前端跨界开发指南:JavaScript工具库原理解析与实战.docx

    例如,React库中的组件化思想,让开发者可以将UI拆分成独立的、可复用的部分,每个部分都可以作为一个模块单独编写和维护。 异步编程是JavaScript工具库提升性能的关键。在Web开发中,处理网络请求和数据加载时,...

    经典:WEB开发必备参考资料

    学习这两者的基本语法和最佳实践,是每个WEB开发者入门的必修课。这份资料可能涵盖了HTML5的新特性、CSS选择器、布局模式(如Flexbox和Grid)以及响应式设计等内容。 2. **JavaScript**: JavaScript是实现网页...

    HTML5游戏实例代码

    6. **游戏逻辑**:每个游戏都有其特定的游戏规则和逻辑,这通常由JavaScript代码实现。这些实例会展示如何编写游戏循环、得分系统、游戏结束条件等。 7. **碰撞检测**:在游戏中,角色与其他元素的碰撞检测是必不可...

    PythonWeb从入门到实战教程之2CSS、JavaScript、HTML.zip

    了解如何正确编写HTML标记、使用属性和组织文档结构是每个Web开发者的基本功。 接着,我们来看CSS,它是控制网页样式和布局的工具。通过CSS,你可以改变字体、颜色、布局、响应式设计等。CSS选择器是其核心,它们...

    html5横向滑动切换文章页面布局

    在这个布局中,文章被组织成多个面板,每个面板包含一篇或一组相关的内容。在屏幕的可见区域内通常显示三个面板:中间主面板和两侧的次级面板。用户可以通过点击侧边的面板或者使用导航按钮,实现内容面板的平滑滑动...

    Spring技术内幕:深入解析Spring架构与设计原理

    在Spring架构设计原理方面,Spring采用模块化的结构,每个模块提供特定的功能,并且可以独立存在和替换。这种设计使得Spring能够适应不同的环境和需求,也能方便地与其他框架或技术集成。 Spring框架的标签“Spring...

    tomcat7开发者版本

    1. **Context**: 表示一个Web应用程序,对应于`webapps`目录下的每个目录或WAR文件。 2. **Connector**: 负责处理来自客户端的请求,并将响应返回给客户端,通常配置在`server.xml`文件中。 3. **...

    一个不错的web软键盘(JS实现)

    在创建Web软键盘时,开发者通常会通过JavaScript动态创建HTML元素,如`&lt;button&gt;`或`&lt;input&gt;`,这些元素代表软键盘上的每个按键。同时,通过`addEventListener`方法监听按钮点击事件,当用户点击虚拟键时,模拟键盘...

    纯 HTML5游戏《空战1941》完整源码 非常强大可以直接玩,开源的哦

    10. **可移植性**:HTML5游戏的一大优势就是跨平台性,同一款游戏可以在不同的设备和浏览器上运行,无需为每个平台单独编译。 通过对这些知识点的学习,开发者不仅可以理解《空战1941》的实现原理,还能借鉴其设计...

    ASP.NET 2.0快速入门(8):ASP.NET 2.0 web part

    - 配置Web Part:每个Web Part都有自己的属性窗口,允许开发者或用户设置参数。 - 连接Web Parts:通过定义连接,不同Web Part之间可以传递数据,例如,用户在搜索框中输入的查询可以自动在结果Web Part中显示。 ...

    8个WEB项目开发案例源代码

    这些文件名可能代表了八个不同章节的Web项目案例,每个章节对应一个Web应用程序的开发实例。根据提供的标签,我们可以推断这些项目主要涉及到的技术栈包括Web编程(如HTML、JavaScript、JSP)、数据库操作(SQL)...

Global site tag (gtag.js) - Google Analytics