imagine_tion的博客

标题前端中link和@import的区别 1.link属于XHTML标签，而@import是CSS提供的。 2.⻚⾯被加载时，link会同时被加载，而@import引⽤的CSS会等到⻚⾯被加载完再加载。 3.@import只在IE 5以上才能识别，⽽link是XHTML标签，⽆兼容问题。 4.link ⽅式的样式权重⾼于@import的权重。 5. 使⽤dom控制样式时的差别。当使⽤javascript控制dom去改变样式的时候，只能使⽤link标签，因为@import不是 dom可以控制的。 ...

前端游览器的几种存储方式 1.cookies 2.localstorage 3.sessionstorage 4.Web SQL 5.IndexedDB 1.cookies:在HTML5标准前本地存储的主要方式 优点：是兼容性好，请求头自带cookie方便； 缺点：是只有4K，自动请求头加入cookie浪费流量，每个domain限制20个cookie，使用起来麻烦需要自行。 2.localStorage：HTML5加入的以键值对（Key-Value）为标准的方式 优点：操作方便，永久性存储（除非手动删除），

HTML5头部中DOCTYPE的作⽤是什么 DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档。 不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript 脚本的解析。 ⽂档解析类型有： 1.BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染⻚⾯。（如果没有声明DOCTYPE，默认就是这个模 式） 2.CSS1Compat：标准模式，浏览器使⽤W3C的标准解析渲染⻚⾯。 3.IE8还有⼀种介乎于上述两者之间

重排和重绘 概念 重排：如果DOM的变化影响到几何属性比如宽度或者需要获取到最新的几何数据，浏览器需要重新构造渲染树，计算它们在视口的确切位置和大小 重绘：浏览器将受到影响的部分重新绘制到屏幕上的过程称为重绘 重排一定会触发重绘，重绘不一定会重排 引起重排的原因有： 添加或删除可见的DOM元素 元素的位置发生变化 元素尺寸发生变化 浏览器窗口尺寸变化 引起重绘的原因有：没有涉及几何属性的计算，比如改变元素背景色时 浏览器优化： 浏览器会将一段时间内的DOM修改操作放到一个队列里，当过了一

1.BOM概念 ​ BOM就是浏览器对象 2.BOM常用方法 location对象（对当前url的解析）： location.href：用于获取或者设置url location.host: 返回当前url的域名 history对象（用于保存浏览器历史记录）： history.back()：后退一页 history.forward()：前进一页 navigator对象（提供浏览器信息）： navigator.cookieEnabld: 当前浏览器是否支持cookie window对象（浏览器窗