2021年10月9日
浅析hash特点、hashchange事件介绍及其常见应用场景（不同hash对应不同事件处理、移动端大图展示状态后退页面问题、原生轻应用头部后退问题、移动端自带返回按钮二次确认问题）
摘要： 一、hash、hashchange 事件介绍 1、hash 是什么？ hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分，一般有当前页面中 href 中 # 地址触发。hash 即 URL 中 # 字符后面的部分，具有如下特点： 使用浏览器访问网页时，如果网页URL中带有hash，页 阅读全文
posted @ 2021-10-09 22:43 古兰精 阅读(1550) 评论(0) 推荐(0)
浅析window.name属性介绍、利用window.name+隐藏iframe获取跨域数据的实现原理、应用场景（数据传递、判断是否第一次进入窗口）
摘要： 一、window下自带的 name 属性 不知道大家有没有发现这样一种情况：在控制台里直接输出未声明变量，正常情况应该是会报错的，而且声明未赋值的变量输出应该是undefined；但是偏偏就个别特例，就是name属性。 其实 window 自身就带有 name 这个属性，在控制台输入window可以 阅读全文
posted @ 2021-10-09 21:49 古兰精 阅读(1428) 评论(0) 推荐(0)
浅析浏览器跨页面通信的方式：localStorage+StorageEvent事件、BroadCast Channel广播通信、Service Worker消息中转、postMessage、直接引用-window.open + window.opener、WebSocket服务端推送、利用iframe桥实现非同源页面通信
摘要： 在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会自动更新为“已收藏”状 阅读全文
posted @ 2021-10-09 18:28 古兰精 阅读(2516) 评论(0) 推荐(0)