手把手教你用Vue2+webpack+node开发一个H5 app这一篇讲一个复杂一点的完整的例子，仿制一个H5 APP，这个APP就叫[one.一个]，在百度搜索 one 就能找到啦[为什么仿这个呢，因为这是我用了很久的一个app呀 完整代码放在了github，戳这里,顺便求个star,对于手机在身边的盆友，可以扫描下面的二维码，体验在线的效果对于不方便使用手机的童鞋，请戳在线效果;(注：请在c
做题目页面H5页面（Vue开发）最近公司需要，要写一个可以做题目的H5小页面，需求是挺简单的（目前来说），就是可以上一题下一题的，另外不存在什么输入，全是选择题;我仔细想想觉得也不复杂，就打算用前些时候学的Vue来写（之前万年的Jquery的...），这个简单的小功能，我周末写了一天多,,,汗颜，还是太菜了..现在总结一下吧1：题目展示和选项展示首先这个功能不复杂，页面没有什么逻辑，我刚接到这个任
转载
2023-12-17 08:20:08
195阅读
# H5页面 axios 模版实现指南
在这个教程中，我们将一起学习如何在H5页面中使用Axios进行数据请求。作为一名初学者，你可能会对如何实现这一功能感到困惑，因此我将为你提供一个详细的指南，并通过一个表格和流程图帮助你理解每一步。
## 1. 工作流程
我们将整个过程拆分成几个关键步骤，下面是一个简单的流程表：
| 步骤 | 描述
原创
2024-09-17 04:26:53
100阅读
1、前端中所有的按钮，点击后发送报文的标签，都必须加上 去重功能。防止重复发送信息（有的信息重复发送是有很大问题的，比如金融中的借钱，发送1次，发送多次，金额是会累加的。客户明明是借了1次，但是账户上显示金额很多，肯定会引发纠纷）。 跳转页面后，回退页面的数据必须要保持不变。
跳转前将相应的数据保存到 缓存里（ vuex 或 localStorage&n
转载
2023-12-21 15:40:33
35阅读
# iOS手机H5页面双击才能点中 Vue3的问题解析
在使用Vue3进行移动端开发时，我们常常会遇到一个奇怪的问题，尤其是针对iOS设备：在H5页面中，有些元素需要双击才能被触发。这种现象常常让用户感到困惑，因此了解其背后的原因以及如何解决这个问题是非常重要的。
## 问题来源
在iOS设备中，系统默认会将触摸事件转换为点击事件。由于以下原因，这可能导致双击才能点击的现象：
1. **点
原创
2024-10-23 06:14:56
121阅读
使用VUE3.0版本搭建H5模板仓库地址，有需要的可以参考参考 https://gitee.com/young_frivolous/vue3-app-template/tree/master为了方便每次写项目都要去搭建一个框架，今天使用vue3.0从0开始实行一个开箱即用移动端模板，基于vue3.0全家桶 + vant3.0 +scss + rem适配方案 + axios封装，构建H5模板脚手架版
转载
2024-05-07 11:09:55
239阅读
业务背景弹窗是页面交互中的重要组成部分，前端开发的同学应该经常与它打交道。小编的日常是做面向C端的H5活动页面，弹窗处理是每天都要面对的情况。根据日常工作中的场景，我总结了弹窗有以下特点：不同的活动页面，弹窗样式基本不同；不同的CSS开发者，弹窗的html结构不尽相同；同一个活动页面中的弹窗样式基本相同，但弹窗文案、按钮文案、按钮交互都不尽相同；第一点和第二点导致我们无法抽离出适用于所有页面的弹窗
转载
2023-10-18 10:38:57
534阅读
去年JDC出了不少优秀的武媚娘…不，H5呢，大家都很拼，同时当然也积累了一些经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，想法这几个方面好好聊一聊关于H5的设计，希望对同学们有帮助。 字体
排版
在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。
转载
2023-08-24 22:17:41
331阅读
第一步：检查页面是否已禁止缩放，IOS手机号蓝色页面头部插入禁止模块代码如下：<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport">
<meta content="telephone=no" name="f
转载
2023-08-02 13:32:21
550阅读
手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI 框架。比较一下几款流行的HTML5框架，个人意见，仅供参考。(1)MUI网址： http://dev.dcloud.net.cn/mui/优点：MUI是数字dclound推出的一款流行框架，个人感觉,这是目前最好的一个H5 UI框架，使用简单，操作方便。缺点：MUI为了达到原生效果，重新定义了Form表单里input，sele
转载
2024-01-15 13:49:56
563阅读
摘要：HTML5革命给Web开发者们带来许多超棒的JavaScript和HTML API，有些API已逐渐成为他们的好帮手。本文为大家总结了8个非常实用的HTML5 API。 下面，再向大家介绍一些非常实用的HTML5 JavaScript API。话说，JavaScript+CSS+HTML一直都是前端开发者的秘密武器，开发者利用它们可以开发出任何想要的东西，比如使用JavaScript访问硬
现在好多的app应用都有对应的h5页面，那么h5和app直接是如何交互的呢？ 这里使用的是Scheme协议。什么是URL Scheme？ android中的scheme是一种页面内跳转协议，是一种非常好的实现机制，通过定义自己的scheme协议，可以非常方便跳转app中的各个页面。Scheme链接格式样式？ 样式：[scheme]：//[host]/[path]?[query]URL Scheme
转载
2023-12-02 22:16:02
101阅读
前言 采坑记录，以便后面翻阅首先你需要确认页面空白不是由资源文件路径不正确引起的，如果资源找不到就将绝对路径改为相对路劲，具体解决方案看这里：webpack–资源和css中图片引用打包为相对路径的方案问题现象 在本地开发环境没有任何问题，路由也正常显示，但是打包并部到服务器之后，访问页面就是空白，看控制台也没有报错，当时就是懵逼状态！！仔细想一下，history模式下就是在操作html5的hist
H5页面测试方法1页面链接检查每一个链接是否都有对应的页面，并且页面之间切换正确；2相关性检查删除/增加一项会不会对其他项产生影响，如果产生影响，这些影响是否都正确。3检查按钮的功能是否正确如update, cancel, delete, save等功能是否正确。4字符串长度检查输入超出需求所说明的字符串长度的内容, 看系统是否检查字符串长度,会不会出错.5字符类型检查在应该输入指定类型的内容的地
转载
2023-08-30 08:20:23
158阅读
1、业务逻辑相关的测试：除基本的功能测试之外，H5页面的测试，需要关注以下几点： 1）登陆测试： 目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点： （1）若客户端已登录，那么进入H5后仍然是登录状态。 （2）若客户端未登录，进入H5，点击对应按钮OR链接，如果需要登录，须拉起native登录。若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。 （注：...
原创
2021-08-07 09:12:45
545阅读
功能需求点击商城第三级分类节点进入商品列表页，然后点返回按钮时页面重新回到了第一个一级分类节点的三级节点下。但需要的效果是返回到当前的三级分类节点（页面在底部）。vue单页 使用keep-alive页面返回不刷新法1：设置所有页面进入分类页时都缓存（已试过成功）keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。1.在配置router的文件中设置分类页
转载
2024-05-21 17:16:45
206阅读
# 如何实现Android反复进入H5页面导致H5页面崩溃
## 一、整体流程
下面是整个过程的步骤表格：
```mermaid
erDiagram
|Step1: 进入H5页面|
|Step2: 离开H5页面|
|Step3: 再次进入H5页面|
```
## 二、详细步骤及代码实现
### Step1: 进入H5页面
在进入H5页面时，我们需要确保在Acti
原创
2024-06-10 03:39:04
188阅读
【h5网站网页】H5设计原稿的切图是什么尺寸的，是微信公众号版的?主流HTML5移动网络开发框架?下面就和小编一起来看看吧!H5设计原稿的切图是什么尺寸的，是微信公众号版的?前沿的Photoshop具有与Sketch相同的输出切割功能，可以使用2x的PSD输出3x的切割图。此外，Photoshop配合Slicy输出切割图比Sketch3快得多。Sketch相当棒，但现在(v3.1)有很多小问题，对
转载
2024-05-21 13:44:30
35阅读
大家好，我是若川。今天给大家介绍一下关于h5页面的列表缓存方案。感谢屏幕前的你一直关注着我。前言在 H5 日常开发中，会经常遇到列表点击进入详情页面然后返回列表的情况，对于电商类平台尤为常见，像我们平常用的淘宝、京东等电商平台都是做了缓存，而且不只是列表，很多地方都用到了缓存。但刚才说的都是 App，在原生 App 中，页面是一层层的 View，盖在 LastPage 上，天然
转载
2023-09-05 15:30:54
171阅读
这里写自定义目录标题问题提出原因简述解决方案一般方案进阶方案：图片预加载终极解决：利用**工程化**自动完成异步图片预加载 问题提出在开发h5页面的时候会经常涉及到图片的使用，对于图片的使用优化前端解决方案颇多，比如图片的懒加载等。但是有另外一种常见情况，网上却鲜有解决方案，那就是交互类图片异步显示问题。 举个例子，比如页面中有一个规则弹窗，弹窗背景使用的是图片的形式呈现，在用户网络不稳定情况下
转载
2023-07-12 10:51:04
135阅读
