在网页设计者的社区总流传着一条于强调内容重要性的 指导原则-----渐进增强
无论项目大小,我们都应该遵守这条原则。
为了让用户更好的获取想要的信息!
渐进增强是=所有前端开发的根本基础。它将HTML,CSS,JavaScript这三个功能分开来,是一种分层设计网页的思想,其焦点是内容。
结构层(html)------>表现层(CSS)------>行为层(JavaScript)
它是一种自底向上,由内而外的模型,这样的划分是想让上方的层依赖下方的层,在缺少上方层时任能正常显示大部分内容,并且做到了优化性能的目的。(为网速缓慢的用户带来福音)
结构层
结构层全部都是有意义的网站内容,不用可考虑设计问题。也是第一步。
表现层
我们应该要做到在我们没有CSS的情况下,用户也能正常的访问我们的网页获取信息。
写外联CSS,内联CSS不能缓存(除非整个HTML页面都被缓存了)也不能复用。且影响html的阅读。也很少有css内联用于实践
行为层
我们大部分的精力还是放在行为层上面,它的渲染速度慢还是把css写好吧。出了点击事件外很少写内联js。
渐进式设计开发模式的好处:
一.文档设计结构非常美观,改善了开发流程
二.大大提高性能(如果是以链接存入,每个访问者的浏览器都可以单独保存他们,再次访问时无需再次下载,减少访问加载时间)
三.可扩展性强,基于开发过程十分简洁分明。
1便于增加新功能
无论是加入新功能还是改变网页的设计分割都是轻而易举的事只要切入适当的层并进行完善即可。
2.适应新技术