假期练习小结七

1. WEB

常用浏览器内核有哪些？

IE: Trident内核(从Edge开始用谷歌Blink内核)
Firefox：Gecko内核
Safari：Webkit内核
Opera：以前是Presto内核，Opera现已改用谷歌Blink内核
Chrome：Blink(基于webkit，Google与Opera Software共同开发)。
也就是说主流浏览器和内核有：chrome(Blink)、firefox(Gecko)、Safari(Webkit)、还有IE(Trident)

2. UTF-8编码

UTF8它对英文使用8位（即一个字节），中文使用24为（三个字节）来编码。UTF-8包含全世界所有国家需要用到的字符，是国际编码，通用性强。

3. HTML

如何获取当前页面的地址 (URL)？
location 对象用于获得当前页面的地址 (URL)，并可以把浏览器重定向到新的页面。
常用的有以下几个：
location.herf 设置或返回主机当前url地址
location.hostname 设置或返回 web 主机的域名
location.pathname 设置或返回当前页面的路径和文件名

4. CSS

display: none; 与 visibility: hidden; 的区别
共同点：它们都能让元素不可⻅
区别：
display:none ;会让元素完全从渲染树中消失，渲染的时候不占据任何空间； visibility: hidden ;不会让元素从渲染树消失，渲染树元素继续占据空间，只是内容不可⻅。
display: none ;是非继承属性，⼦孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性⽆法显示 ；
visibility: hidden; 是继承属性，⼦孙节点消失由于继承 了 hidden ，通过设置 visibility: visible; 可以让⼦孙节点显式 修改常规流中元素的 display 通常会造成⽂档重排。修改 visibility 属性只会造成 本元素的重绘。 读屏器不会读取 display: none ;元素内容；会读取 visibility: hidden; 元素内容

5. WEB

从输入url到显示页面，都经历了什么？
1、浏览器根据请求的 URL 交给 DNS 域名解析，找到真实 IP ，向服务器发起请求；
2、服务器交给后台处理完成后返回数据，浏览器接收⽂件（ HTML、JS、CSS 、图象等）；
3、浏览器对加载到的资源（ HTML、JS、CSS 等）进⾏语法解析，建⽴相应的内部数据结构 （如 HTML 的 DOM ）；
4、载⼊解析到的资源⽂件，渲染⻚⾯，完成。