发表日期： 2021-05-22 10:32:31 浏览次数：91
阳泉网站制作要多少钱【域名企业邮箱服务器注册申请办理】阳泉网络优化公司哪家好、阳泉软件开发外包价格、阳泉高端企业网站页面制作设计专业公司、阳泉微信公众号小程序购物支付搭建制作公司
阳泉市，是山西省下辖的地级市，古称“漾泉”。位于山西省中东部，北与忻州市毗邻，东隔太行山与石家庄市相望，西接太原市，南邻晋中市；总面积4559平方公里，是一座新兴工业城市。阳泉地处黄土高原东缘，属于山西东部山地，境内地貌以山地为主，其余为丘陵和平原；属暖温带半湿润大陆性季风气候区 [1] 。截至2019年，阳泉市辖三区两县，总人口141.75万人。 [2-3]
阳泉是三晋门户，晋冀要衡，地处太原、石家庄两个省会城市的中间位置，相距均为100公里。阳泉又处于东部发达地区与中西部的结合地带，还位于环渤海与长江三角洲的两大经济区的合理运输扇区内，经天津、青岛、黄骅港可东出渤海。境内有万里长城第九关、娘子关，有藏山旅游景区，有冠山书院，有石评梅故居，有梁家寨温泉，还有以百团大战纪念建筑群体为主的狮脑山森林公园。 [4]
20世纪80年代开始，阳泉利用煤炭资源优势，经济得到迅速发展，一路领跑山西各市，被誉为“小上海”。2019年，阳泉市全年实现地区生产总值718.9亿元，按可比价计算，增长5.0% [3] 。2020年，阳泉市实现地区生产总值742.2亿元，增长3.6% [37] 。
现今阳泉市致力于打造“五城同创”、晋东旅游中心城市、晋东交通综合枢纽和山西向东发展桥头堡。2020年，阳泉市入选国家卫生城市名单。 [5]
一、移动端click会有300ms延迟
移动浏览器提供一个特殊的功能：双击（double tap）放大
用户碰触页面之后，需要等待一段时间来判断是不是双击（double tap）动作，而不是立即响应单击（click），等待的这段时间大约是300ms。
移动事件提供了 touchstart 、 touchmove 、 touchend 却没有提供tap支持，主流框架（库）都是手动实现了自定义tap事件，以求消除300ms延迟，提高页面响应速度。对于简单的页面，可以把 touchstart 或者 touchend 当作tap来用，但存在一些问题，比如手指接触目标元素，按住不放，慢慢移出响应区域，会触发 touchstart 事件执行对应的事件处理器（本不应该触发）， touchend 事件也存在类似的问题。此外， 使用原生touch事件也存在点击穿透的问题 ，因为click是在touch系列事件发生后大约300ms才触发的，混用touch和click肯定会导致点透问题。
二.点击穿透问题
点击穿透现象有3种：
·点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件，蒙层的关闭按钮绑定的是touch事件，而按钮下面元素绑定的是click事件，touch事件触发之后，蒙层消失了，300ms后这个点的click事件fire，event的target自然就是按钮下面的元素，因为按钮跟蒙层一起消失了
·跨页面点击穿透问题：如果按钮下面恰好是一个有href属性的a标签，那么页面就会发生跳转因为 a标签跳转默认是click事件触发 ，所以原理和上面的完全相同
·另一种跨页面点击穿透问题：这次没有mask了，直接点击页内按钮跳转至新页，然后发现新页面中对应位置元素的click事件被触发了，和蒙层的道理一样，js控制页面跳转的逻辑如果是绑定在touch事件上的，而且新页面中对应位置的元素绑定的是click事件，而且页面在300ms内完成了跳转，三个条件同时满足，就出现这种情况了
三.解决方案
1、不要混用touch和click既然touch之后300ms会触发click，只用touch或者只用click就自然不会存在问题了
2、吃掉（或者说是消费掉）touch之后的click依旧用tap，只是在可能发生点击穿透的情形做额外的处理，拿个东西来挡住、或者tap后延迟350毫秒再隐藏mask、pointer-events、在下面元素的事件处理器里做检测（配合全局flag）等等，能吃掉就行
详细解决方案：
只用touch
最简单的解决方案，完美解决点击穿透问题把页面内所有click全部换成touch事件（ touchstart 、’touchend’、’tap’）， 需要特别注意 a标签，a标签的href也是click，需要去掉换成js控制的跳转，或者直接改成span + tap控制跳转。如果要求不高，不在乎滑走或者滑进来触发事件的话，span + touchend就可以了，毕竟tap需要引入第三方库，不用a标签其实没什么，移动app开发不用考虑SEO，即便用了a标签，一般也会去掉所有默认样式，不如直接用span
阳泉网站制作要多少钱【域名企业邮箱服务器注册申请办理】阳泉网络优化公司哪家好、阳泉软件开发外包价格、阳泉高端企业网站页面制作设计专业公司、阳泉微信公众号小程序购物支付搭建制作公司
