发表日期： 2021-05-24 09:54:08 浏览次数：69
三明网站制作【三明网站优化】三明建网站、三明微信公众号运营、三明网页设计、三明微信小程序商城
三明市，福建省辖地级市，位于福建省中部连接西北隅，地处北纬25°30′～27°07′、东经116°22′～118°39′之间，全市面积22965平方千米；东依福州市，西毗江西省，南邻泉州市，北傍南平市，西南接龙岩市； [1] 是一座新兴的工业城市，是全国文明城市和国家卫生城市、国家园林城市及中国优秀旅游城市。 [2] 2016年9月，被国家林业局授予“国家森林城市”称号。 [3] 2017年，三明市复查确认继续保留全国文明城市荣誉称号。 [4]
三明市拥有海峡两岸（三明）现代林业合作实验区，是全国集体林业综合改革试验示范区，享有福建“绿色宝库”的美誉，是全国四个活立木蓄积量超过1亿立方米的设区市之一。截至2015年6月，已发现金属和非金属矿种79个，已探明储量的矿种49种，已开发利用的43种。全市拥有泰宁世界自然遗产地、世界地质公园2个世界级品牌和国家级、省级旅游品牌各50多个，数量和等级名列全省前茅。 [2]
2019年，三明实现地区生产总值2601.56亿元，比2018年增长8.0%。 [5] 2020年末全市常住人口2486450人。 [56]
解释标题的时间又到了~。
什么是“同域名下不同标签页的通信”？简单来说就是不允许【两个同一网站的页面】在【同一用户】浏览器中【同时】做相同的事情，比如页面a和页面b，两个页面都在浏览器中打开了，a在做某个事情之前怎么知道b也在做相同的事情，从而终止做这个事情的想法呢？即任务单一性。
通俗易懂的例子就是某个网站在公用页脚引入了audio标签，打开这个网站所有页面都会播放音乐，同时打开多个在浏览器中，声音将会错综杂乱，如何解决这个问题呢？
解决办法是音乐默认不播放，而是通过程序让其播放，程序让其播放之前先判断这个音乐是不是在其它标签页播放，若果有播放就不播放，反之。现在逻辑在于怎么判断，很简单，localStorage或者cookies,在这里我用localStorage,就是在播放音乐之后存个状态在本地，播放音乐之前先判断本地存储，本地存储是共用同一个域名下的，如果有就不播放，反之。
这里又有一个问题。如果关掉页面再打开一个页面，存储还在，所以音乐就不播放了，这是个bug，得解决。所以在关掉页面之前的瞬间要把localStorage清掉。但又有一个问题，如果打开多个标签页呢，其中有一个在播放音乐，其他不在播放音乐，任意关掉其中一个不播放的页面，再打开一个新的页面，新的页面也播放音乐了。所以这里还要做个逻辑处理，就是关页面之前采用sessionStorage或者判断音乐状态来选择是否删掉localStorage，当然sessionStorage要在播放音乐的时候存个状态，在这里我用判断音乐状态来处理。
所以最终参考代码如下：
这就完美解决了浏览器的不同标签页之间的通信问题了。代码小巧玲珑，当然没有做兼容性，默认认为最新浏览器，你要做兼容的话可以采用cookies代替localStorage。
