浏览器内核的一些事
2016-05-04 本文已影响85人
犯迷糊的小羊
Q&A
- 网页乱码的问题是如何产生的
- html文档保存的
编码格式与浏览器解析时的解码格式不匹配而导致的乱码问题；
- 解决方案：在html文档的
<head>标签添加<meta charset="解析格式">； - 例如：
<head>
<meta charset="utf-8">
</head>
此时，html文档将告诉浏览器使用utf-8的解析格式去读取文档。 - 颜色有几种写法
三种写法：
- 常用颜色名：white ; black ; red ; blue ; green ; grey...
- 十六进制法：#FFFFFF ; #000000 ; #00FF00 ; #0000FF ; #ECECEC...
- rgb法：rgb（0,0,0）; rgb(255,255,255) ; rgb(255,255,0)...
【注】rgba(0,0,0,0.3)中的0.3为alpha值，定义色块的透明度
- doctype html的作用是什么
- <!doctype html>是告诉浏览器当前页面是使用
html5版本进行编写的
- <!doctype html>
不是标签，而是声明，必须放在html文档的第一行
- <!doctype html>是告诉浏览器当前页面是使用
- 文档类型声明对
大小写不敏感
- 严格模式和混杂模式指什么
- 文档类型事先声明，告诉浏览器以特定标准去渲染文件，即
严格模式；
- 如果没有声明，则浏览器以自己的标准去渲染文件，即
混杂模式； - meta有什么作用，常见的值有哪些
- <meta>标签定义html文档的
元数据，具有描述网页内容的作用,常用于SEO及记录页面的主干信息；
- <meta>标签定义html文档的
- <meta>通常以
名称/值对出现 - 常见名/值包括：
-
名/值 属性
name:规定了元数据的名称，常用的值包括：
http-equiv：相当于http的头文件，在向浏览器传输html文档时先传递特定的信息以辅助页面显示，常见值包括：
-
名/值 属性
- 常见的浏览器有哪些，什么内核
浏览器的内核可分为渲染引擎（排版引擎）和JS引擎
- 渲染引擎就是解析并执行Html和Css来渲染页面的；
- JS引擎就是解析并执行JavaScript的；
- 由于不同的浏览器使用的内核不一，导致同一页面的渲染效果会产生差异，因此作为前端工程师要特别注意不同浏览器内核的特征。
渲染引擎：Mosaic -> Trident
JS引擎：WebGL（JavaScript和OpenGL ES 2.0的结合）
代表：IE系列浏览器
渲染引擎：Gecko
JS引擎：spiderMonkey
代表：FireFox系列浏览器；Netcape 6
渲染引擎：Presto（已弃用）
JS引擎：无记录
代表：Opera系列浏览器
渲染引擎：KHTML->WebCore->WebKit->Webkit2
JS引擎：KJs->JScore
代表：Safari；Chrome
渲染引擎：WebKet->Blink
JS引擎：JScore->V8
代表：Chrome；Blink
参考资料
