渐进增强模型

                                                                在网页设计者的社区总流传着一条于强调内容重要性的 指导原则-----渐进增强
                                                                无论项目大小,我们都应该遵守这条原则。
      
                                                                         为了让用户更好的获取想要的信息!

渐进增强是=所有前端开发的根本基础。它将HTML,CSS,JavaScript这三个功能分开来,是一种分层设计网页的思想,其焦点是内容。
                              
                                                                结构层(html)------>表现层(CSS)------>行为层(JavaScript)
  
它是一种自底向上,由内而外的模型,这样的划分是想让上方的层依赖下方的层,在缺少上方层时任能正常显示大部分内容,并且做到了优化性能的目的。(为网速缓慢的用户带来福音)

   结构层 
        结构层全部都是有意义的网站内容,不用可考虑设计问题。也是第一步。
  表现层
        我们应该要做到在我们没有CSS的情况下,用户也能正常的访问我们的网页获取信息。
写外联CSS,内联CSS不能缓存(除非整个HTML页面都被缓存了)也不能复用。且影响html的阅读。也很少有css内联用于实践  
  行为层
       我们大部分的精力还是放在行为层上面,它的渲染速度慢还是把css写好吧。出了点击事件外很少写内联js。

  渐进式设计开发模式的好处:
           一.文档设计结构非常美观,改善了开发流程
           二.大大提高性能(如果是以链接存入,每个访问者的浏览器都可以单独保存他们,再次访问时无需再次下载,减少访问加载时间)
           三.可扩展性强,基于开发过程十分简洁分明。
                   1便于增加新功能
                           无论是加入新功能还是改变网页的设计分割都是轻而易举的事只要切入适当的层并进行完善即可。
                   2.适应新技术
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值