开门见山，附上我的项目地址，大家可以拉代码看看效果效果图list.png首先，要选好你的ui框架我用的是官方的vuetify(讲道理，这个框架对新手不太友好，但是当你熟悉了它的套路后，会发现它功能确实强大，毕竟是亲爹生的)，选ui框架的目的就是确定你的tab组件，以及tab切换时怎么和tab页相对应的关系，有的第三方tab插件不能实现滑动切换。vuetify框架的每一个tab头部对应一个tab页，
web app 单页应用，是用vue vue-router写的。有些页面是需要禁止后退的，我把当前页面是否能后退写在了路由元信息meta里面，比如为allowBack。查到资料 禁止后退的方法是history.pushState(null, null, location.href)之前项目用的是vue1.0，解决方法是1. 在全局的router.beforeEach 里面 判断当前路由的handl
通用侧滑返回看了一下MUI的官方文档，只发现了这样一种方式，在MUI初始化的时候开启右滑关闭功能：//mui框架封装的页面右滑关闭功能，默认未启用，若要使用右滑关闭功能，需要在mui.init();方法中设置swipeBack参数，如下：
mui.init({
swipeBack:true //启用右滑关闭功能
});这种方式实现的右滑关闭功能安卓和iOS通用，但需要在屏幕上快速滑动，有时
转载
2024-03-05 20:50:06
212阅读
iOS/Android 浏览器(h5)及微信中唤起本地APP会遇到的问题：如何解决未安装APP时的做好引导页如何在微信中唤醒APP在iOS9中如何处理universal link被用户误关的情况如何解决Android各种机型、各种第三方浏览器导致的兼容问题等在APP未安装情况下，引导用户下载后打开APP后，如何进入之前唤起时指定的页面或内容，即如何实现场景还原在微信中唤醒APP时，如何进入指定的页
转载
2023-08-24 16:09:15
328阅读
一、最近做了一个app自动更新功能，用的基本都是网上找得到的。 1、h5+ 规范 ： http://www.html5plus.org/doc/zh_cn/maps.html 2、环形进度条插件：http://www.jq22.com/jquery-info4495（不知道什么原因，下载的时候，没有显示任何提示，所以人为加个下载的提示） 二、本来用的mui框
情景:项目里面内容是html，ios和Android是壳，内部实现是当点击webview内部的时候，跳转另一个页面的时候是加载本地的另一个html，那么将这个新加载的html通过addview的方式添加，监听webview的状态，当onpagestart或者finish的时候执行addview的动画activity里面的布局一定要是通过framlayout的方式add进去webview，不能直接写
前面看到了一些面试题，总感觉会用得到，但是看一遍又记不住，所以我把面试题都整合在一起，都是来自各路大佬的分享，为了方便以后自己需要的时候刷一刷，不用再到处找题，今天把自己整理的这些面试题分享出来。一、京东软件测试岗面试30题（干货）1、黑盒测试的测试用例常见设计方法都有哪些？请分别以具体的例子来说明这些方法在测试用例设计工作中的应用。1）等价类划分： 等价类是指某个输入域的子集合.在该子集合中,各
来源：一、背景 用户点击浏览器工具栏中的后退按钮，或者移动设备上的返回键时，或者JS执行history.go(-1);时，浏览器会在当前窗口“打开”历史纪录中的前一个页面。不同的浏览器在“打开”前一个页面的表现上并不统一，这和浏览器的实现以及页面本身的设置都有关系。 在移动端HTML5浏览器和webview中，“后退到前一个页面”意味着：前一个页面的html/js/css等静态资源的请求（甚至是a
转载
2024-02-05 15:46:29
250阅读
一、统一获取token并在全局保存，不需要在每个页面中再通过route.query.token获取//创建axios实例
const service = axios.create({
baseURL: import.meta.env.VITE_APP_BASE_API,
timeout: 50000,
header: { 'Content-Type': 'applicati
转载
2024-06-17 19:43:10
113阅读
# 如何实现H5页面在iOS下下载应用
作为一名刚入行的开发者，你可能会遇到H5页面下载iOS应用的需求。这个过程不仅需要一定的技术知识，还需要理解一些基本的工作流程。本文将为你详细讲解整体流程，以及每一步所需的代码和解释。
## 整体流程
下面是实现H5页面下载iOS应用的流程：
| 步骤 | 描述 |
如何实现H5页面唤起iOS App
作为一名经验丰富的开发者，我将会教你如何实现H5页面唤起iOS App这个功能。首先，我们来看一下整个流程，然后逐步讲解每一步需要做什么以及需要使用的代码。
### 流程
下面是实现H5页面唤起iOS App的流程表格：
| 步骤 | 描述 |
| ---- | ------------ |
| 1 | 创建标签 |
| 2
原创
2024-06-16 04:14:53
203阅读
H5开发我们会遇到这样的需求，在页面中打开外部APP。下面我们来总结一下H5打开APP的方式。并详细介绍 URL Scheme 打开方式。目前常见的唤醒APP方式有：1：URL Scheme2：Android intent3：Safari内置APP广告条4：Universal Links方式一：URL SchemeIOS和Android都支持Scheme，在APP开发时注册一下scheme就可以使
转载
2024-01-24 16:44:09
68阅读
业务背景弹窗是页面交互中的重要组成部分，前端开发的同学应该经常与它打交道。小编的日常是做面向C端的H5活动页面，弹窗处理是每天都要面对的情况。根据日常工作中的场景，我总结了弹窗有以下特点：不同的活动页面，弹窗样式基本不同；不同的CSS开发者，弹窗的html结构不尽相同；同一个活动页面中的弹窗样式基本相同，但弹窗文案、按钮文案、按钮交互都不尽相同；第一点和第二点导致我们无法抽离出适用于所有页面的弹窗
转载
2023-10-18 10:38:57
534阅读
前言最近接到项目新需求，H5项目需要内嵌到微信小程序和APP里，然后将H5页面分享出去，被分享的人可以点击消息跳转到H5页面。H5页面不难，难的是要与微信小程序和APP进行交互，因为以前也没有接触过，所以这里卡的时间有点长。现分享出来小程序内嵌H5页面介绍这里小编使用的是 uinapp 写的H5项目！！！ H5页面放入小程序中，需要使用小程序的一个组件 web-view微信官方文档 官方文档中有详
转载
2023-07-12 10:50:53
744阅读
配置项app.json和page.jsonapp.json1.pages： 这个用于设置页面的路径，通常访问的页面都放在pages文件夹里面，且必须在这个全局配置文件中设置好路径，否则访问的时候会报错找不到该路径，写在 pages 字段的第一个页面就是这个小程序的首页（打开小程序看到的第一个页面）2.window: 全局样式的配置 *1. 导航栏相关：*可配置导航栏背景颜色、标题颜色，标题内容，可
前言屏幕左边缘右滑返回，TabBar 滑动切换，你是否喜欢并十分依赖这两个操作，甚至觉得 App 不支持这类操作的话简直反人类？这两个操作在大屏时代极大提升了操作效率，其背后的技术便是今天的主题：视图控制器转换(View Controller Transition)。视图控制器中的视图显示在屏幕上有两种方式：最主要的方式是内嵌在容器控制器中，比如 UINavigationController，UI
HTML的突飞猛进压抑了iOS和安卓的行业紧张，有位企业家说：HTML做出来的小程序在检索中，必须要知道小程序的全城，不然是找不到这个程序的，而App Store和安卓市场在程序上架的时候，设置了关键词，就可以通过关键词来搜索应用；现在HTML开发企业想到了将HTML页面嵌入到iOS和安卓中去，这是不是又要引起iOS和安卓行业的有一紧张氛围。不过无论怎么样，该学习的知识我们都是需要来研究的；那么关
转载
2024-01-24 18:32:20
113阅读
情景：h5界面嵌入app里，这里用的是vue+element+mint-ui 1、h5界面需要获取app的登录信息方法是app提供原生的方法，挂载在window上比如//方法 app同事肯定会给你提供
//这里需要注意的：如果原生的方法需要参数，要问清楚app同事参数，如果要获取app拿的值
//比如我这里要获取登录信息，一般是json形式，需要转化一些JSON.parse(
转载
2023-07-20 17:24:46
76阅读
好久没写博客了，大半年时间花费在了许多杂事上。最近1个月专门为H5页面的app开发了一些埋点功能，主要是考虑到以后的可复制性和通用型，由于不是前端开发出身，相对来说还是比较简陋的。正题开始：H5页面的埋点主要涉及到的元素有a标签，button按钮，以及form表单的提交。目前实现的功能基本还都是代码埋点的方式，但是相对来说比较简洁了，我这里主要是针对a标签和button的事件埋点。第一个js脚本
转载
2023-12-01 10:37:44
119阅读
Hello，大家好。 最近由于业务繁忙，很久没发技术相关的贴子了。今天想和大家一起讨论一下当下最重点的问题：H5加载速度。我们把幼麟麻将进行了一次优化本以为可以轻松发版本，但在 H5 这个版本制作的期间面临了许多问题。列表如下：1、引擎首加目前已经处理，引擎模块裁剪后是 900KB+， 但 settings 文件有 300KB，还有一些其它加载。2、场景/prefab 等节点解析慢根据官方解释，场
转载
2024-01-27 15:22:37
196阅读
