发表日期: 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。