随笔分类 -  04-01. BOM

浏览器渲染页面的底层机制
摘要：线程 & 进程 浏览器打开一个页面是开辟一个进程（程序），在这个页面中我们要干很多事情，所以需要分配对个线程去处理这些事前。 一个进程中包含一个到多个线程，一个线程同时只能干一件事件 浏览器是多线程的 GUI渲染线程：自上而下渲染页面的过程 JS引擎线程：渲染和执行JS代码的过程、 事件触发线程：事 阅读全文
posted @ 2021-08-12 16:51 真的想不出来 阅读(116) 评论(0) 推荐(0)
BOM
摘要：BOM BOM:（浏览器对象模型）是为了操作浏览器而定义的一组接口。是各个浏览器厂商根据 DOM 在各自浏览器上的实现，表现为不同浏览器定义有差别，实现方式不同。 广义 window 介绍 window 是个全局对象，也可以说是 JS 中的顶级对象 像 document、alert()、consol 阅读全文
posted @ 2021-07-23 15:51 真的想不出来 阅读(972) 评论(0) 推荐(0)
window.location / window.history / 以及相关事件
摘要：先看看这两个单词的中文翻译： location ：地方; 地点; 位置; 外景拍摄地; 定位 history ：历史; 发展史，历史; 历史课; 历史学 看翻译，大致就能了解这两个对象的作用。 window.location 对象所包含的属性和方法 (翻译：窗口的地址） | 属性 | 描述 | | 阅读全文
posted @ 2020-01-06 16:29 真的想不出来 阅读(944) 评论(0) 推荐(0)
Navigator.sendBeacon() 关闭网页时异步发送数据
摘要：用户卸载网页的时候，有时需要向服务器发一些数据。很自然的做法是在unload事件或beforeunload事件的监听函数里面，使用XMLHttpRequest对象发送数据。但是，这样做不是很可靠，因为XMLHttpRequest对象是异步发送，很可能在它即将发送的时候，页面已经卸载了，从而导致发送取 阅读全文
posted @ 2019-10-18 16:36 真的想不出来 阅读(4187) 评论(0) 推荐(0)
hash 哈希 锚点链接
摘要：window.location.hash 既可以设置也可以获取。 获取的 hash 长这样-> /#p=13 。 获取 hash 值 ：hashNum = window.location.hash.split ( " = " ) [ 1 ] * 1 ; 设置 hash 值 ：window.locat 阅读全文
posted @ 2018-12-20 21:35 真的想不出来 阅读(1025) 评论(0) 推荐(0)
localStorage 本地存储（sessionStorage、cookie）
摘要：window.localStorage： （翻译：窗口的本地存储） 体积5M，据说未来还会增大 生命周期，只要不清都在 在localStorage中只能以字符串的形式进行保存，所以在存入localStorage之前，我们需要将json格式的数据进行转化成string格式。 获取对象： var sto 阅读全文
posted @ 2018-12-14 17:41 真的想不出来 阅读(1435) 评论(0) 推荐(0)
cookie
摘要：cookie 其实是个后端技术 指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常是经过加密的） 服务器本身是没有记录客户端身份的方法的。 以前是字字千金，一个域下只能设置几十个，而现在据说有5M（5兆） 对于前端来说，种cookie就是给document设置了 阅读全文
posted @ 2018-12-14 11:14 真的想不出来 阅读(1886) 评论(0) 推荐(0)
跳转页面的方式
摘要：HTMl跳转： a标签跳转 <a href = " http://www.baidu.com " target = " _blank ">点击跳转</a> target = " _self " 当前页面跳转 target = " _blank " 新开页面跳转 window.open( " 地址 " 阅读全文
posted @ 2018-12-10 18:28 真的想不出来 阅读(262) 评论(0) 推荐(0)