文章分类 -  浏览器 知识 & 兼容性

BOM & 浏览器对象
摘要：BOM：浏览器对象模型。 浏览器对象模型（Browser Object Model）核心对象： window对象（是访问浏览器窗口的一个接口 && 全局变量对象） window对象就是“窗口对象”，也就是任何一个打开的网页，其一定是“装载”到一个window对象中。window对象就代表该窗口。 1 阅读全文
posted @ 2016-09-01 13:40 蝴蝶女郎 阅读(147) 评论(0) 推荐(0)
浏览器如何渲染网页
摘要：渲染过程 1. 用户输入网址（假设是个 HTML 页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回 HTML 文件； 2. 浏览器开始载入 HTML 代码，发现 <head> 标签内有一个 <link> 标签引用外部 CSS 文件； 3. 浏览器又发出 CSS 文件的请求，服务器返回这个 阅读全文
posted @ 2016-09-01 12:44 蝴蝶女郎 阅读(253) 评论(0) 推荐(0)
一次网页请求的过程
摘要：一次完整的HTTP事务是怎样的一个过程？ 基本流程： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 HTTP的 阅读全文
posted @ 2016-09-01 11:27 蝴蝶女郎 阅读(152) 评论(0) 推荐(0)
浏览器内核的分析
摘要：浏览器的内核分别是什么? IE: trident内核Firefox：gecko内核Safari：webkit内核Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome：Blink(基于webkit，Google与Opera Software共同开 阅读全文
posted @ 2016-09-01 00:56 蝴蝶女郎 阅读(115) 评论(0) 推荐(0)
解决浏览器 兼容性
摘要：一. 清楚默认样式 : body{ margin:0px; padding:0px} 二. 设置宽度使用自适应式,即使用 百分比 来设置宽度 如:width: 20% ; 自适应: 在我们拖动浏览器窗口(调整浏览器窗口大小),浏览器会根据我们设定的宽度自定调整自己的宽度 一、浏览器兼容性问题总结1、 阅读全文
posted @ 2016-07-15 21:17 蝴蝶女郎 阅读(109) 评论(0) 推荐(0)
关于 body 的 padding 和 margin 问题？(解决 浏览器兼容性)
摘要：body是默认有内边距的，内边距是用padding设置的。为什么给body设置padding:0px不能消除内边距，而设置margin:0px却能够消除内边距？ 设置body{margin:0px;padding:0px;} // 清除默认样式 关于这个问题：1. 每种浏览器都有一套默认的样式表，在 阅读全文
posted @ 2016-07-15 18:44 蝴蝶女郎 阅读(4204) 评论(0) 推荐(0)
现代浏览器的工作原理
摘要：将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。 根据W3C（World Wide Web Consortium 万维网联盟）的浏览器统计 阅读全文
posted @ 2016-06-09 14:25 蝴蝶女郎 阅读(430) 评论(0) 推荐(0)
浏览器对象
摘要：记忆 : d n h l s w document ,navigator , history , location , screen , window JavaScript可以获取浏览器提供的很多对象，并进行操作。 1. window window对象不但充当全局作用域，而且表示浏览器窗口。 win 阅读全文
posted @ 2016-04-25 23:09 蝴蝶女郎 阅读(131) 评论(0) 推荐(0)
浏览器种类
摘要：目前主流的浏览器分这么几种： IE 6~11：国内用得最多的IE浏览器，历来对W3C标准支持差。从IE10开始支持ES6标准； Chrome：Google出品的基于Webkit内核浏览器，内置了非常强悍的JavaScript引擎——V8。由于Chrome一经安装就时刻保持自升级，所以不用管它的版本， 阅读全文
posted @ 2016-04-25 22:19 蝴蝶女郎 阅读(374) 评论(0) 推荐(0)
浏览器的标准模式和怪异模式
摘要：浏览器的标准模式和怪异模式 想要写出夸浏览器的CSS，就必须知道浏览器解析CSS的两种模式：标准模式（strict mode），怪异模式（quirks mode） 标准模式 : 浏览器按W3C标准解析执行代码； 怪异模式 : 则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样， 阅读全文
posted @ 2016-04-23 17:32 蝴蝶女郎 阅读(122) 评论(0) 推荐(0)