5

当我在网上下载免费主题或演示教程时。我刚刚注意到,现在我总是看到那些现代化、标准化和样板的东西。

我已经研究过它们,但我仍然无法理解它们的作用?也许你们可以解释更多,或者使用类比来更好地解释它。

这就像“为傻瓜解释新的 Web 开发的东西”真的很感激。

4

1 回答 1

18

由于浏览器和平台的差异,这些库试图使您不必使用特定于浏览器的代码来利用所有新的 HTML5 功能。

另一种说法是,由于所有浏览器对 HTML5 标准的“解释”不同,这些库有助于消除解释之间的差异。

Modernizr: http: //modernizr.com/

利用很酷的新 Web 技术非常有趣,除非您必须支持落后的浏览器。Modernizr 使您可以轻松编写条件 JavaScript 和 CSS 来处理每种情况,无论浏览器是否支持某个功能。它非常适合轻松进行渐进增强。

样板: http ://html5boilerplate.com/ (如果这是您所指的)

HTML5 Boilerplate 可帮助您构建快速、健壮且适应性强的 Web 应用程序或网站。借助 100 名开发人员的综合知识和努力,在一个小包中启动您的项目。

基本上,这为您提供了一个布局网页的框架,因此您不必每次都从头开始。

Normalize.css: http: //necolas.github.io/normalize.css/(同样,假设这是你正在谈论的那个)

Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它仅针对需要规范化的样式。

基本上,这个 CSS 文件允许你编写标准的 CSS,然后它有助于在所有浏览器中一致地呈现它。

TL;DR 版本 这些框架/文件使您可以专注于编写符合标准的网站代码(HTML5、CSS 或 JS),而不必担心特定于浏览器的调整。此外,像 Boilerplate 这样的前端框架为您提供了一些不错的“样式助手”,让您的网站从一开始就看起来很棒。

于 2013-11-08T00:44:52.283 回答