当前位置:
微信Mac版

微信Mac版 / 社交通讯

3年前 阅读 / 1064 来源 / 原创 文 / 管理员

微信Mac版是腾讯微Mac用户推出微信Mac电脑版,通过微信Mac版你可以在Mac上通过扫描二维码的方式登陆。这也是微信官方推出的第一个针对PC的客户端产品

【演示数据】

阿里官方推出的阿里旺旺Mac OS平台版本,网购达人必备软件,没有旺旺,就没有淘宝,没有淘宝就没有网购。阿里旺旺mac版新版本视觉效果及交互体验一定让苹果粉逛淘宝更爽


新的登录面板支持自动登录以及快速匹配历史帐号,让登录更加便捷。同时你也可以进入帐号选择界面,从你最近使用的帐号中选择,进行快速登录。多账号登录:Command+N快捷键,即可登录多个QQ。


昨天,我在 Google 搜索 iOS Safari 的键盘问题,已经不知道是第几次这样绝望地寻找了,直到我找到了这篇 Safari 13, Mobile Keyboards, And The VisualViewport API.。文章指出,Safari 13(iOS 13)已经支持了 VisualViewport API,这是一个可以反映实际可视区域的实验性标准。根据 MDN 页面,目前只有 IE 和 Legacy Edge 不支持这个 API。


经过测试,iOS 13 对于这个 API 支持非常完善,已经能够完全体现页面上不含键盘的可视区域所在的位置了。可是,明明只有 iOS 8.2 不会报告键盘弹出,为何却有一个跨平台的 API 来补偿呢?其他浏览器有 window.innerWidth、window.innerHeight 和 resize 事件不是就足够好了吗?


没错,问题在于页面缩放。可以看出,当页面发生放大后,fixed 元素是不会一起移动到实际可视区域的。而且经过测试发现,Android 下的 window.innerWidth、window.innerHeight 也不会随页面放大而一起变化。反而在 iOS 下,window.innerWidth、window.innerHeight 会随着页面放大而等比例减小,虽然不会去掉键盘高度,但确实反映了显示在屏幕内的页面区域尺寸。


而 VisualViewport API 在 Android 和 iOS 两端,都完整反映了在缩放和键盘弹出等一系列影响下,实际可视区域在页面中的位置和大小。


因此,VisualViewport API 对于 iOS 以外的平台,最大的意义是可以反映页面的放大区域;而对于 iOS Safari 浏览器,最大的意义是可以反映键盘的弹出。 基于这一点,我们可以实现一个真正相对于可视区域 fixed(固定)的 fixed 容器。


如何实现一个 fixed 容器?关于这一点,也许有一部分 Web 开发者并不知情。在 Web 开发者的直觉中,fixed 元素是始终相对于视口定位,没有任何一个元素能够改变它的定位方式;但事实上,问题却有些不同。


如果你曾经使用过一些性能优良的滚动容器,如 iScroll、BetterScroll、AlloyTouch 等,你可能会遇到这样一个问题:fixed「不灵了」,它们可能不再相对于视口定位,而是被限制在了滚动容器之内。


这是因为,在滚动容器经常会遇到的性能瓶颈中,组件的开发者通常会选择 CSS 3D Transform 来强制硬件加速,让滚动体验更顺畅。在开启了 3D Transform 的容器内,由于渲染限制,fixed 元素无法再相对于视口布局,而是被「圈」在了 3D Transform 容器之内。我们只需要反其道而行之,给一个容器开启 3D Transform,就可以让内部的 fixed 元素相对于该容器布局了。


下面我们以 React 为例,实现一个可以兼容 Android/iOS 13+,始终贴着可视区域的 VisualViewport 组件。


11

下载地址

#版权声明#

一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源;

二、本站内提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版;

三、本站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后,情况属实的会在三个工作日内为您删除。

评论列表
共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~
免费资源
开通会员VIP,全站资源免费下载
登录后下载 成为 VIP 免费下载
当前热度:1064°
更新日期:2020/05/13
应用信息:
类别:国产软件
版本:v1.0
大小:1.2M
授权:免费版
语言:简体中文
系统环境:Windows
资源评分:
免责声明:
CC软件园 下载资源均来源于网络,仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除,若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
本站发布的内容若侵犯到您的权益,请联系我们,本站将在一个工作日内删除。

猜你喜欢

· Powered By © 2010-2020 CCUUU.COM · 粤ICP备15101086号
相关侵权、举报、投诉及建议等,请发E-mail:ccuuu@protonmail.com

友情链接: SSLDEAL官方网站