首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

收藏 | 移动端H5开发常用技巧总结

iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...加入自动触发播放代码 $('html').one('touchstart', function() { audio.play() }) iOS 拉边界下拉出现空白 手指按住屏幕下拉,屏幕顶部会多出一块白色区域...手指按住屏幕拉,底部多出一块白色区域。 在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件。...根据可见区域最靠近元素哪个边缘,元素顶部将与可见区域顶部边缘对准,或者元素底部边缘将与可见区域底部边缘对准。...不仅限于 type=text 输入框,凡是软键盘(比如时间日期选择、select 选择等等)被唤起,都会遇到同样地问题。

4.2K20

苏宁乔亮:世界最好研发管理十经验

原文地址:苏宁乔亮:世界最好研发管理十经验 2018 年 5 月 20 日,对于南京互联网人而言是个非常重要日子。经过三个月紧锣密鼓筹备,TGO 鲲鹏会南京分会正式成立。...在 TGO 鲲鹏会南京分会成立当天,苏宁易购 IT 总部执行副总裁、TGO 鲲鹏会南京分会导师乔亮带来《研发管理十经验》,以下内容根据当天演讲整理,有部分删减。...640.jpeg 口述 | 乔亮 整理 | Echo Tang 苏宁 IT 研发体系大概有 8000 多技术研发人员、共有 3000 多个系统、25000 多种服务,每天有 250 多亿次调用,平均一天发布...技术一定有,要有一颗敬畏之心,因为技术会是整个主旋律,技术推动了社会进步。...具体做事,大处着眼,小处着手。我原来是做企业架构咨询,经常去告诉别人,Do the right thing 做正确事情。

61431

移动端必备H5问题及解决方案

移动端 H5 相关问题汇总: 响应式布局 iOS 滑动不流畅 iOS 拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来、收起未回落问题 iPhone...产生原因 为什么 iOS webview 中 滑动不流畅,它是如何定义? 原来在 iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...二、iOS 拉边界下拉出现白色空白 表现 手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕拉,底部多出一块白色区域。...产生原因 我们在app 布局中会有个固定底部。安卓一些版本中,输入弹窗出来,会将解压 absolute 和 fixed 定位元素。导致可视区域变小,布局错乱。...而其他iOS 浏览器版本中是否有此函数未知,作为兼容处理而添加进去。 七、页面生成为图片和二维码问题 表现 在工作中有需要将页面生成图片或者二维码需求。可能我们第一想到,交给后端来生成更简单。

4.1K42

吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总

(经常更新该文) 移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来...原来在 iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...iOS 拉边界下拉出现白色空白 表现 手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕拉,底部多出一块白色区域。...产生原因 我们在app 布局中会有个固定底部。安卓一些版本中,输入弹窗出来,会将解压 absolute 和 fixed 定位元素。导致可视区域变小,布局错乱。...而其他iOS 浏览器版本中是否有此函数未知,作为兼容处理而添加进去。 详情请查看文章末尾参考资料。 兼容性 ? 页面生成为图片和二维码问题 表现 在工作中有需要将页面生成图片或者二维码需求。

2.1K20

《Motion Design for iOS》(四十四)

(如果是一个完整app,也就是滑出式菜单是否被推出了),所以我天界了一个@property(BOOL)hamburgerOpen到类,这样我们就可以每次都设置它并且知道按钮当前状态。...在进入实际代码之前,让我们讨论一个计划来将三水平线变成红色X。...我们要将顶部线向下旋转到45度角 我们要将底部线向上旋转45度角 我们不需要中间线所以就直接淡出它 旋转后线可能不会很好地交叉,所以我们要动画它们到准确位置 将两根交叉线从白色动画到红色 如果你注意了...接下来,让我们把省下来两根线从白色动画成红色。幸运是,Pop让它变得很简单,你只需要设置toValue颜色为你最终想要颜色,它会自动插入中间颜色。...如果它们存在,我们就使用存在动画并且只设置一个toValue,如果不存在,我们就构建一个动画对象。

30220

挥别web移动端开发差异和经典坑

解决: iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...touch: 使用具有回弹效果滚动, 当手指从触摸屏移开,内容会继续保持一段时间滚动效果。继续滚动速度和持续时间和滚动手势强烈程度成正比。同时也会创建一个堆栈上下文。...屏幕顶部会多出一块白色区域。...手指按住屏幕拉,底部多出一块白色区域。安卓无此特性。 在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件。...,设置会有问题,安卓没问题; 时间:201908 IOS系统微信版本兼容 描述: IOS8系统 只能 兼容最高微信版本 6.72 ,IOS系统9 可以兼容微信版本7.0.0 以上。

2.8K20

【Hybrid】518- 12种移动端 H5 与 Hybrid问题汇总

(经常更新该文) 移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来...原来在 iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...iOS 拉边界下拉出现白色空白 表现 手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕拉,底部多出一块白色区域。...产生原因 我们在app 布局中会有个固定底部。安卓一些版本中,输入弹窗出来,会将解压 absolute 和 fixed 定位元素。导致可视区域变小,布局错乱。...而其他iOS 浏览器版本中是否有此函数未知,作为兼容处理而添加进去。 详情请查看文章末尾参考资料。 兼容性 ? 页面生成为图片和二维码问题 表现 在工作中有需要将页面生成图片或者二维码需求。

1.3K22

吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总

(经常更新该文) 移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来...原来在 iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...iOS 拉边界下拉出现白色空白 表现 手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕拉,底部多出一块白色区域。...产生原因 我们在app 布局中会有个固定底部。安卓一些版本中,输入弹窗出来,会将解压 absolute 和 fixed 定位元素。导致可视区域变小,布局错乱。...而其他iOS 浏览器版本中是否有此函数未知,作为兼容处理而添加进去。 详情请查看文章末尾参考资料。 兼容性 页面生成为图片和二维码问题 表现 在工作中有需要将页面生成图片或者二维码需求。

1.2K30

Material Design —Snackbars &Toasts

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS组件(顺便学学英语),以便今后在使用时候完全不虚...Toast(仅限Android)主要用于系统消息传递。 它们也显示在屏幕底部,但不能从屏幕中滑走。 用法 一次只能显示一个snackbar。...每个snackbar可能包含一个单独操作,但不会是“关闭”或“取消”。 行为 Snackbars激活后从屏幕底部向上滑出。 ---- 用法 一次只能在屏幕显示一个Snackbar。...位置 Snackbars出现在屏幕大多数元素上方,与浮动操作按钮高程相同。 但高程低于提示框,底部动作和导航抽屉。 行为 入口时,Snackbars激活时从屏幕底部向上出现。...消失方式:1、向下滑动;2、一段时间后自动消失;3、用户在别处进行新交互时(例如打开了页面) 非常短文本字符串 Snackbars应包含与所执行操作直接相关单行文本。 它们可能包含操作文本。

1K60

Material Design — 底部导航(Bottom Navigation)

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS组件(顺便学学英语),以便今后在使用时候完全不虚!...底部导航(Bottom Navigation) Material Design链接:底部导航 ? 底部导航 底部导航能够通过单次点击动作,轻易进行一级页面之间切换。...用法 设置3-5个一级页面目的地 这些一级页面是需要直接访问 颜色 激活页面icon:1、底部导航栏为黑色/百色——用软件主色调;2、如果底部导航栏已经有了颜色——使用黑色/白色。...颜色 激活页面icon:1、底部导航栏为黑色/百色——用软件主色调;2、如果底部导航栏已经有了颜色——使用黑色/白色。 文本标签 文本标签为底部导航icon提供了简短、有意义定义。...底部导航栏不应用于: ·专注于单一任务观点,如电子邮件“撰写”页面。 ·包含用户首选项或设置页面 在Android,后退按钮不在底部导航栏视图之间导航。

4K90

12个关于移动 H5 开发采坑问题汇总

(经常更新该文) 移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 拉边界下拉出现白色空白 页面件放大或缩小不确定性行为 click 点击穿透与延迟 软键盘弹出将页面顶起来...原来在 iOS 5.0 以及之后版本,滑动有定义有两个值 auto 和 touch,默认值为 auto。...iOS 拉边界下拉出现白色空白 表现 手指按住屏幕下拉,屏幕顶部会多出一块白色区域。手指按住屏幕拉,底部多出一块白色区域。...产生原因 我们在app 布局中会有个固定底部。安卓一些版本中,输入弹窗出来,会将解压 absolute 和 fixed 定位元素。导致可视区域变小,布局错乱。...而其他iOS 浏览器版本中是否有此函数未知,作为兼容处理而添加进去。 详情请查看文章末尾参考资料。 兼容性 页面生成为图片和二维码问题 表现 在工作中有需要将页面生成图片或者二维码需求。

1.5K20

关于 iPhone X 下 Home 键隐藏和延迟响应

不过上下就很好理解,底部拉出控制中心,顶部下拉是通知中心。...# iPhone X 使用相关 iPhone X 在系统手势上面交互和其他设备还是有一定区别的,因为加入了 Home Indicator 原因,引入了手势,同时对以往手势也做了相应调整。...后来在今年 1 月 25 日苹果推送了 iOS 11.2.5 版本更新,然后王者荣耀也跟着进行了一波更新,在进入游戏时候就会发现,底部 Home Indicator 当你一段时间不去触碰它时候由黑色或者白色...(根据当前屏幕显示内容来决定) 变成非常透明灰色,当你第一次进行操作会默认执行 App 内手势,同时激活 Home Indicator,短时间内进行第二次操作就可以返回桌面 一开以为是有...API 出现,不过看了交互文档并没有东西,而且小版本系统更新应该也不会出现东西。

1.5K30

微信8.0.6内测版本更新啦,这次又“炸”了(附内测版)

哈喽大家好,我是程序员双木L,不定时给大家带来各种好玩且有趣功能! iOS微信8.0.6正式版已经发布,很多安卓微信用户就吐槽:iOS都8.0.6版本了,安卓咋还一直停留在8.0.3版本呢?...最近,微信团队直接跳过了安卓微信8.0.4和8.0.5,直接发布了8.0.6测试版,这下终于跟iOS版本同步了 ?...2、微信状态设置24小时有效 新版微信中 我【状态】设置后有效期为24小时,超过这一时间后,将自动结束状态,若需重新开启状态,则设置一个状态即可。 ?...在这里插入图片描述 5、聊天界面视频号转发卡片样式改版 视频号转发卡片样式改版优化,在旧版本微信中,分享视频号视频到聊天时,内容缩略图底部会显示账号头像、名称和内容简介,本次内测版中取消显示内容简介,...内容缩略图底部只保留账号头像和名称,使视频号卡片视频预览图比例加大,去掉了之前白色区域,更加完美的展现视频封面。

96740

WeOps|V3.12版本提升网络设备自动化能力

WeOpsV3.12版本增加数据库自动发现采集能力,可对指定范围内数据库资产进行自动发现和采集、更新配置信息,自动同步到WeOps-资产记录中,自动新增/更新如下信息:增加数据库资产增加/更新资产配置信息增加...WeOpsV3.12版本同样增加对网络设备自动发现和采集,通过设置自动发现和采集任务,可以采集到对应交换机、路由器、防火墙、负载均衡品牌、型号等信息,采集完成后可对采集到设备进行关联设置,支持自动关联和手动微调...自动化运维1)网络设备自动化WeOpsV3.12版本重点在于网络设备,在自动化运维方面也支持网络设备脚本执行。...资产凭据管理1)持续优化凭据统一管理WeOps作为一体化运维平台,包括资产管理、监控告警、自动化运维等模块,各个模块在使用过程中需要各资产凭据,V3.12版本持续优化凭据管理,实现凭据统一创建和管理...其他优化项除了上述几个模块功能新增/优化外,WeOpsV3.12版本还对IT服务台和用户管理进行了优化。

46710

移动应用设计新趋势

过去几个月中,一些创新设计先驱将“简约设计”带到了阶段。...官方介绍新版界面做了去除整个应用大部分蓝色、深灰色,加粗标题,简化底部导航栏跟图标等改变。剩下是一款标题明显、内容突出、功能清晰黑白主色调界面。...这个月初,科技界巨头苹果公司在它们 WWDC 大会上发布了许多用户期待东西,其中包括所谓“最最最牛 iOS 版本iOS 10 正式版(或许跟 iOS 8 相比的确牛一些:( )。...这意味着你iPhone主屏幕很快只是一片会带给你欢乐五颜六色闪耀马赛克了。 现在不论你是否支持这种单色调设计风格,都要承认它是一种进步。...应用里图标(底部导航图标)最好很常见,周围也不要有什么颜色。把它们从左到右按这种顺序排列;主页、搜索、主要操作、次要操作、个人中心,这样体验更好。 4. 增加两倍甚至三倍留白。

81120
领券