当你明白功能的实现逻辑的时候，往往实现的过程中会给你带来惊喜，所以先去明确功能的实现逻辑，剩下的事情会水到渠成比如这个功能，开始的时候我是这样想的，第一张图片的左侧中点作为左侧触发边界点，右侧中点作为右侧触发边界点，当第一张图片的右侧边界点拖动到第二张图片的右半部分时，将第二张图片移动到左边，并交换两张图片的index和位置。当第二张图片的左侧边界点拖动到第一张图片的左半部分时，将第一张图片移动到
转载
2023-07-12 13:55:12
88阅读
【摘要】今天给大家分享一下自己在实际开发中，所遇到的移动端IOS和android兼容性问题。其实本人在最初开发的时候，很容易忽略的就是IOS的问题，例如：时间格式的显示问题。相信很多初级开发者都会有这样的经历，在IOS手机上，会看到显示NaN的页面。这就是IOS不兼容时间格式问题所导致的。实际开发过程中还有很多的兼容性问题，会一一列举出来。以后有新的关于兼容问题会持续更新。 一.日期的兼容性1.安
转载
2023-12-11 12:09:01
74阅读
1. push原理iOS push 工作机制可以用下图简要概括 Provider:应用自己的服务器；APNS:Apple Push Notification Service的简称，苹果的PUSH服务器；push的主要工作流程是： iOS设备连接网络后，会自动与APNS保持类似TCP的长链接，等待APNS推送消息的到来； 应用启动时注册消息推送，并获取设备的在APNS中注册的唯一设备标示devic
转载
2023-10-31 10:22:57
208阅读
viewport 简单粗暴的方式： <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 直接设置viewport为320px的1.3倍，将页面放大1.3倍。为什么是1.3？ 目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，
转载
2024-08-07 08:37:14
71阅读
# IOS H5开发入门
## 什么是IOS H5
IOS H5指的是在IOS应用中嵌入H5页面进行开发的技术。H5页面是指使用HTML、CSS和JavaScript等前端技术开发的页面。使用IOS H5技术，可以在IOS应用中使用Webview组件加载H5页面，并通过JavaScript与原生代码进行交互，实现丰富的功能和交互体验。
## 为什么选择IOS H5
IOS H5开发相比于传
原创
2023-10-14 03:20:34
502阅读
在当今互联网时代，移动端网页应用的重要性愈发凸显，尤其是在iOS设备上，使用H5技术构建的应用正逐渐成为主流。然而，由于不同版本的iOS系统存在兼容性问题，开发者需要了解解决“h5 ios”问题的诸多方面。接下来，我将详细阐述如何解决这些问题。
## 版本对比
当我们谈到不同版本的iOS时，首先要考虑的是在各个版本之间的兼容性分析。这里我们使用LaTeX公式来描述性能模型的差异：
$$
Pe
这次给大家带来H5的缓存Manifest的使用，使用H5的缓存Manifest注意事项有哪些，下面就是实战案例，一起来看一下。在app中更新h5页面一直有缓存问题。默认什么都不做的情况下，app有一定的空间缓存页面。一开始更新之后会马上加载，等到app缓存空间上来之后更新就无法下载了。安卓能够清理缓存空间，ios就只能卸载重装(are u kidding me?)。这是最坏的情况，你可以更换下地址
转载
2024-02-22 13:22:59
221阅读
问题：之前使用的通过网页打开app都是通过URL scheme打开app，但是我们在开发的过程中遇到过一个奇怪问题，本地的debug的时候都是可以正常打开的，但是打成安装包之后URL scheme没有起作用，解压了安装包，里面也是有配置的URL scheme，于是决定换Universal Link的方法去完成本次续期，当然在使用Universal Link过程中也遇到过很多坑，下面就简单介绍下：U
转载
2023-10-01 21:56:54
235阅读
随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，修 Bug 于无形。一、概要因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。文章会列举目前适合移动端调试的多种方案，快来选择你的最佳实践吧！二、iOS 设备Sa
转载
2023-09-05 10:36:58
304阅读
作者 | 肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴 来源 | 在《iOS app秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包优化打开速度的一些细节以及注意事项，阅读本文前请先大概了解一下上篇文章的
转载
2023-12-14 15:36:20
442阅读
文章目录一、前言二、问题分析三、解决方案3.1 nvue 页面替代 vue 页面3.2 白屏检测刷新3.2.1 自动刷新3.2.2 手动刷新3.3 总结四、拓展阅读 一、前言应用uni-app框架开发好APP上架使用过程中，发现应用经过长时间由后台切换至前台时，通过webview方式嵌套的H5页面发生白屏现象。二、问题分析任何手机设备上，当手机内存不足时，os都会回收资源。一般是先回收后台打开的
转载
2023-08-18 18:58:08
181阅读
HBuilder用来写H5项目，Xcode用来写iOS原生的插件，我所需实现的是，在H5页面点击打印，运行iOS原生插件来实现连接蓝牙打印机并打印出获取的内容。首先去HBuilder文档上，下载HBuilder离线打包iOS版SDK，运行HBuilder-Hello，在HBuilder-Hello项目上开始进行原生插件开发。HTML5+ 基座扩展采用三层结构，JS层、PluginBridge层
转载
2023-10-07 16:28:13
229阅读
做混合式开发的前端肯定都遇到过，自己在本地写好的页面，模拟器上也调试好了，为什么到了客户端上就出了问题呢？那出了问题该如何调试呢？我总结一下我曾经用到过的方法，可能不是特别全面，但确实在工作当中应用的还可以，如果还有其他方法，欢迎小伙伴们底下评论。一般来说对于h5与真机或模拟器连调的方法最直接简单的就是安卓用chrome，ios用safari，如果在其他情况下可以借助windows下用fiddle
转载
2023-07-24 08:43:30
135阅读
的iOS 5与Android的功能相当使用不同的方法 苹果iOS 5和谷歌冰淇淋三明治是一次打击对方。 ，苹果正计划“推出的iOS5 10月12日，谷歌也准备就绪，很快推出其最新的操作系统冰淇淋三明治。 用的iOS5，iPhone和iPad的用户将获得一台主机，在其设备的新功能，Android用户已经享受到，包括通知，无线同步和免PC操作，消息人士
转载
2024-05-08 14:27:47
35阅读
一、概要因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。文章会列举目前适合移动端调试的多种方案，快来选择你的最佳实践吧！二、iOS 设备Safari：iphone 调试利器，查错改样式首选，需要我们做如下设置：浏览器设置：Safari – 偏好设置 – 高级 – 勾选「在菜单栏中显示开发」菜单iphone
转载
2023-10-25 22:43:28
629阅读
H5 挽留弹窗的设计与实现背景运营提出想在用户点击退出，返回的时候，弹窗挽留用户，并通过挽留弹窗引流一些产品，提高转换率，因此挽留弹窗需要实现以下功能，用户点击返回的时候，弹出挽留弹窗。方案初步设计经过本人的调研，浏览器没有直接提供类似用户退出的事件监听，因此端外实现的方案都是比较hack的方案。主要借助history这个API，使用到以下两个方法history.pushState()：往浏览器里
转载
2023-10-31 20:38:26
464阅读
首先配置公众号JS接口安全域名设置ip白名单后台配置接口，获取签名signature最后html分享页面联调 1.首先配置公众号1.1.JS接口安全域名接入jssdk时，就需要配置JS接口安全域名，因此需要登录微信公众平台，在公众号设置→功能设置中，填写JS接口安全域名，域名即为H5项目的域名（如：www.baidu.com）,同时需要下载一个txt验证文件，并放置到服务器的根路径下，实
转载
2023-07-25 09:30:21
435阅读
关于style标签所处位置带来的影响一般来说，页面样式可以通过以下几种方式使用 1、在标签中使用style属性设置标签样式，也就是行内样式， 2、使用link标签在h5头部head中引入外部样式文件，也就是所谓的外联引入， 3、通过style标签嵌入到h5文档中，也就是嵌入式。前面两者样式使用的位置基本是固定的，第三个嵌入式的位置可以随意插入到文档的任意位置，页面都能够将样式渲染出来。你可以将st
转载
2024-02-04 11:25:37
70阅读
项目上有个奇葩需求，一个网页的扭蛋游戏，需要半屏展示，并且需要最小化。1、半屏展示可以用dialogfragment，加载webview，把加载的webview设置半屏的高度就行。当然，webview，最好以java代码创建，再add到布局里面，不然会内存泄漏。class HalfSizeWebViewFragment : DialogFragment() {
var activity: YYSG
转载
2024-07-10 17:58:48
92阅读
继上次总结html5做小游戏的经验后，一直工作繁忙，到现在才发出这篇迟迟的总结。好，言归正传。把HTML5转换成mobile有很多选择，主要针对android平台尝试了一些方式。把html5直接转成android应用可以用phonegap，android sdk，Rexsee和appMobi等。我试了前两种方式，下面会比较一下这两种方式，并总结一下经验和遇到的问题。
1.
转载
2023-11-30 19:26:22
133阅读
