7班前端作业-张磊磊-2015.11.22

2015-11-24 本文已影响110人饥人谷_张磊磊

前端7班-张磊磊

猿

在第二节课的时候若愚老师在课上提出了三个问题，让我们回家去思考。

utf-8和gbk的差别？
常见的浏览器有哪些，有哪些内核？
px和em，rem的区别？

问题一：utf-8和gbk的差别？

UTF-8：Unicode TransformationFormat-8bit，允许含BOM，但通常不含BOM。是用以解决国际上字符的一种多字节编码，它对英文使用8位（即一个字节），中文使用24为（三个字节）来编码。UTF-8包含全世界所有国家需要用到的字符，是国际编码，通用性强。UTF-8编码的文字可以在各国支持UTF8字符集的浏览器上显示。如，如果是UTF8编码，则在外国人的英文IE上也能显示中文，他们无需下载IE的中文语言支持包。
　　GBK是国家标准GB2312基础上扩容后兼容GB2312的标准。GBK的文字编码是用双字节来表示的，即不论中、英文字符均使用双字节来表示，为了区分中文，将其最高位都设定成1。GBK包含全部中文字符，是国家编码，通用性比UTF8差，不过UTF8占用的数据库比GBD大。
　　总结：UTF-8是国际性编码，通用性更强，相当于英语。GBK是中国国家性编码通用性相对差一些，相当于汉语，不过UTF8占用的数据库比GBK大。

问题二：常见的浏览器有哪些，有哪些内核？

</br>

常见浏览器

常用浏览器：

Internet Explorer

微软的 Internet Explorer(IE) 是当今最流行的因特网浏览器。它发布于 1995 年，并于 1998 年在使用人数上超过了 Net scape。

Netscape

Netscape 是首个商业化的因特网浏览器。它发布于 1994 年。在 IE 的竞争下，Netscape 逐渐丧失了它的市场份额。

Mozilla

Mozilla 项目是从 Netscape 的基础上发展起来的。今天，基于 Mozilla 的浏览器已经演变为因特网上第二大的浏览器家族，市场份额为大约 20%。

Firefox

Firefox 是由 Mozilla 发展而来的新式浏览器。它发布于 2004 年，并已成长为因特网上第二大最流行的浏览器。

Opera

Opera 是挪威人发明的因特网浏览器。它以下列特性而闻名于世：快速小巧、符合工业标准、适用于多种操作系统。对于一系列小型设备诸如手机和掌上电脑来说，Opera 无疑是首选的浏览器。

Chrome

Chrome 是免费的开源 web 浏览器，它由 Google 开发。该浏览器于 2008 年 9 月发布。Chrome 4 是最新的谷歌浏览器。

Safari

Safari 是由苹果公司开发的浏览器，适用于 Mac 和 Windows 系统。该浏览器于 2003 年 6 月发布。

常用浏览器内核：

Trident内核

代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。

Gecko内核

代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一，仅次于Trident。使用它的最著名浏览器有Firefox、Netscape6至9。

WebKit内核代表

作品Safari、Chromewebkit 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。

Presto内核

代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。

问题三：px和em，rem的区别？

PX介绍及特点：

像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

IE无法调整那些使用px作为单位的字体大小
国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位
Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)

em介绍及特点：

em的值并不是固定的
em会继承父级元素的字体大小

rem介绍及特点：

rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

可以做到只修改根元素就成比例地调整所有字体大小
可以避免字体大小逐层复合的连锁反应

测试一下：

<div style="font-size:16px">
  <p>测试一下px</p>aa
</div>
<div style="font-size:2em">
  <p style="font-size:2em">测试一下em</p>
</div>
<div style="font-size:1rem">
  <p style="font-size:2rem">测试一下rem</p>
</div>

Test

问题四：严格模式VS混杂模式？

严格模式，浏览器根据规范呈现页面。
混杂模式，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。
是