V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
chone
V2EX  ›  随想

页面前端开发流程的讨论

  •  
  •   chone · 2011-04-15 15:26:16 +08:00 · 4811 次点击
    这是一个创建于 4766 天前的主题,其中的信息可能已经有所发展或是发生改变。
    让页面能在各种主要的环境下都能有较好的效果,应该是一般页面都具备的素质。使用渐进增强的方式来开发是一种不错的思路。
    我的做法是这样的:
    HTML -> 添加基本的css -> 浏览器兼容 -> 根据浏览器特性添加增强效果的css -> 加入js,并添加与此相关的css -> 浏览器测试,修正
    具体的
    (先在对于标准支持比较好的浏览器上进行Chrome,Firefox...)
    1.先完成良好语义的HTML。
    2.添加基本css样式,css3或者低端浏览器不支持的特性先不添加,要兼顾no-script的环境。
    3.进行浏览器测试(IE*...)添加用于兼容的css。
    4.为高级浏览器添加一些高级css样式(我比较支持不同浏览器使用不同的设计,比如对于IE就可以不用圆角。如果需要图片这类来在IE实现圆角等也在这一阶段添加相应的代码)
    5.开始添加js的代码,同时添加相关的css
    6.对于各浏览器进行测试,修正bug

    大家平时又是怎样来组织这些流程的呢?欢迎指正,讨论。
    6 条回复    1970-01-01 08:00:00 +08:00
    cmonday
        1
    cmonday  
       2011-04-15 15:38:17 +08:00
    如果是给别人开发项目,考虑到国内用户群体的问题,很少会去使用高级CSS样式(不过不给IE用户看圆角这种事情我还是做过的,只在无关痛痒的时候)。
    如果是自己个人的东西我就不会理会IE。

    很少考虑no-script环境……不知道是不是坏习惯,很多特殊的显示效果我都是靠javascript组织的。
    gonghao
        2
    gonghao  
       2011-04-15 15:38:33 +08:00
    如果LZ遇到圆角,阴影等效果的需求,是会尝试渐进增强的做法,让高级浏览器使用,低级浏览器保证整体布局,效果大致OK呢?还是为了完全照顾低级浏览器,使用图片都手段来搞定呢?

    当然这里可以先假设一个前提是产品需求没有强行要求低级浏览器有很出色的效果~
    chone
        3
    chone  
    OP
       2011-04-15 16:16:56 +08:00
    @gonghao 如果要求不是特别高就只对支持特性的浏览器使用高级效果,如果绕不开的话,会在低端浏览器使用图片等来实现,其他的继续使用css。
    supersheep
        4
    supersheep  
       2011-04-15 16:20:13 +08:00
    给低端浏览器做效果真是浪费生命啊,想有好的体验请升级浏览器嘛。
    反正跟产品沟通也好跟boss沟通也好,能避免就尽量避免这种无谓的浪费。
    偏执的认为不升级浏览器的用户对审美和速度没太大要求。
    gonghao
        5
    gonghao  
       2011-04-15 16:43:33 +08:00
    @supersheep 其实自己现在也在坚持这种做法,想尽量从自身开始帮助用户淘汰底端浏览器~只是有时候还是会迫于产品需求和市场要求被迫放弃很多,妥协很多~
    suifeng
        6
    suifeng  
       2011-04-15 17:24:21 +08:00
    我一般会先去取得网站的用户所用的浏览器数据,如果低版本浏览器占多数则尽量兼容低版本。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2251 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 06:40 · PVG 14:40 · LAX 23:40 · JFK 02:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.