Web开发的改良
作者:小马 来源:Taobao UED Team 发布时间:2009-06-25 14:34:00
最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。
静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面:
一方面,IE6阴魂不散,让Web开发成本居高不下。网上曾经有一个统计,数据显示Web开发人员针对IE6的投入/产出比是最低的。相信大多数前端工程师都有被IE6折磨得咬牙切齿的经历。与其那般痛苦的用CSS布局,还不如用table 来的爽快方便。
另一方面,我发现前端工程师们越来越务实和注重效率。CSS2以及CSS3的诸多新特性迟迟未能广泛普及,而Web标准布道者们所津津乐道的CSS的优点,在照进现实时又经常会遭遇妥协。尽管我一直以Web标准布道为己任,但也不得不同意:table的浏览器兼容性是最好的;table 布局对于设计师来说更容易上手。 就国内环境而言, table切图依旧是制作门户网站专题或者电子商务网站促销页面的最常用方式,存在即有它的合理性。
所以,我们在推崇CSS布局的同时,无需为了证明它的优越性而把table本身贬得一文不值。日常开发中,也无需激进得完全抛弃table。table本身有语义,该显示数据表格的时候就应该使用<table>;在开发过程中,一些需要权衡成本的场合用table+css的布局也未尝不可。在这方面,很欣赏google 和 facebook 前端工程师们的务实做法。大家可以去关注下facebook 上常见的带半透明阴影的弹出对话框,就是使用<table>来制作的,同样非常的精妙。
这一番的争论,结合近年来Web标准的发展,让我开始思考Web开发中改良和改革的区别。
XHTML 2试图直接进化到XML,宣布与HTML的决裂。这曾经让我这个传统的HTML开发者感到恐慌。而当我看到WHATWG组织提出HTML5(最终被W3C认可)的时候,它的温良的改进让我感觉亲切得多,事实也证明,HTML5正越来越向我们走进。而Douglas Crockford甚至觉得HTML5都太猛烈了,提出了HTML 4.2的改良方案。
再看JavaScript, ECMAScript 4 将JavaScript 改得天翻地覆,所幸技术委员会在最终阶段回归理智,重新提出的向下兼容的ESMAScript 3.1 显然得到更多真正战斗在一线的开发人员的认可。
改良,而非血淋淋的改革,也许才是推动技术发展的更实际、更合情合理的方式。Web标准的演进是如此,产品或项目的升级是如此,甚至社会制度的建设亦如此。
—— 本文刊登在《程序员》2009年6月期


猜你喜欢
- 一.基于纹理背景的图像分割该部分主要讲解基于图像纹理信息(颜色)、边界信息(反差)和背景信息的图像分割算法。在OpenCV中,GrabCut
- 本文章以一个表为例,要转多个表则可将DataSet关联多个表,下面给出完整代码,包括引用以及main函数与复制函数。要说明的是,必须先用Sq
- 本文实例为大家分享了Python tkinter实现计算器功能的具体代码,供大家参考,具体内容如下python版本:3.5一.计算器的功能描
- 业务需求 识别验证码图片中的数字信息,用pyt
- 前言:在生活中工作中,我们经常使用Excel用于储存数据,Tableau等BI程序处理数据并进行可视化。我们也经常使用R、Python编程进
- 阅读本文能够帮助你什么?在学习vue源码的时候发现组件化过程很绕?在响应式过程中Observer、Dep、Watcher三大对象傻傻分不清?
- 第一章:基本的圆角框第二章:透明圆角化背景图片第三章:圆角化图片 第四章:CSS圆角框组件 V1.0在上面的案例中,我只给出最为原始的圆角框
- 1、前言在Python中元组是一个和列表非常类似的数据类型,不同之处就是列表中的元素可以修改,而元组之中的元素不可以修改。2、定义和使用元组
- 问题1:Component name “index” should always be multi-
- 说明1、Task是Future的子类,Task是对协程的封装,我们把多个Task放在循环调度列表中,等待调度执行。2、Task对象可以跟踪任
- 本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下:JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对
- 目录需求背景思路分析UI展示开始使用一 编写支付组件模板二 支付组件的JS相关代码和说明附:组件JS完整的源码需求背景市场报告列表展示的报告
- Python3标准库操作系统接口os模块提供了不少与操作系统相关联的函数。>>> import os>>>
- python字典中,值可任意更改;但键是唯一的,不支持直接修改。若真的需要修改字典中的键,可通过几种间接方式实现。新建空白字典。info =
- 代码如下:function HTMLEncode(fString) fString=Replace(fString,&q
- 本文实例讲述了Python实现读取邮箱中的邮件功能。分享给大家供大家参考,具体如下:#-*- encoding: utf-8 -*-impo
- Declaring class members or methods as st
- 什么是继承啊?答:别人白给你的过程就叫继承。为什么要用继承呢?答:捡现成的呗。好吧,既然大家都想捡现成的,那就要学会怎么继承!在了解之前,你
- 在任何编程语言中,检查字符串是否包含子字符串都是常见的任务。例如,假设您正在构建在线游戏。您可能需要检查用户名是否包含禁止使用的短语,以确保
- 目的: 根据传入的选择器类型选出第一个符合的DOM对象。 ①可以通过id获取DOM对象,例如 $("#adom