什么是Modernizr,Normalize和HTML5Boilerplate

Jer*_*nag 5 javascript css jquery html5

当我在网上下载免费主题或演示教程时.我只是注意到,现在有一天我总能看到那些现代化,规范化和样板化的东西.

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

这就像"为傻瓜解释新的Web开发"真的很感激.

Can*_*nuk 18

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

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

Modernizr:http://modernizr.com/

利用酷炫的新网络技术非常有趣,直到您必须支持落后的浏览器.无论浏览器是否支持某项功能,Modernizr都可以让您轻松编写条件JavaScript和CSS来处理每种情况.它非常适合轻松进行渐进式增强.

Boilerplate: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这样的前端框架为您提供了一些不错的"风格助手",让您的网站从一开始就看起来很棒.