做题目页面H5页面(Vue开发)最近公司需要,要写一个可以做题目的H5小页面,需求是挺简单的(目前来说),就是可以上一题下一题的,另外不存在什么输入,全是选择题;我仔细想想觉得也不复杂,就打算用前些时候学的Vue来写(之前万年的Jquery的...),这个简单的小功能,我周末写了一天多,,,汗颜,还是太菜了..现在总结一下吧1:题目展示和选项展示首先这个功能不复杂,页面没有什么逻辑,我刚接到这个任
转载
2023-12-17 08:20:08
195阅读
现在好多的app应用都有对应的h5页面,那么h5和app直接是如何交互的呢? 这里使用的是Scheme协议。什么是URL Scheme? android中的scheme是一种页面内跳转协议,是一种非常好的实现机制,通过定义自己的scheme协议,可以非常方便跳转app中的各个页面。Scheme链接格式样式? 样式:[scheme]://[host]/[path]?[query]URL Scheme
转载
2023-12-02 22:16:02
97阅读
使用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
236阅读
手机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阅读
## 在 Vue H5 中嵌套本地 HTML5 页面
在构建移动端应用时,你可能需要将本地的 HTML5 页面嵌套到 Vue.js 应用中。本文将引导你完成这一过程,分步介绍如何实现这一目标。
### 整体流程
以下是实现将本地 HTML5 页面嵌套到 Vue H5 应用中的步骤:
| 步骤 | 描述 |
|------|------|
| 1 | 创建 Vue 项目 |
| 2
业务背景弹窗是页面交互中的重要组成部分,前端开发的同学应该经常与它打交道。小编的日常是做面向C端的H5活动页面,弹窗处理是每天都要面对的情况。根据日常工作中的场景,我总结了弹窗有以下特点:不同的活动页面,弹窗样式基本不同;不同的CSS开发者,弹窗的html结构不尽相同;同一个活动页面中的弹窗样式基本相同,但弹窗文案、按钮文案、按钮交互都不尽相同;第一点和第二点导致我们无法抽离出适用于所有页面的弹窗
转载
2023-10-18 10:38:57
534阅读
去年JDC出了不少优秀的武媚娘…不,H5呢,大家都很拼,同时当然也积累了一些经验和教训,今天结合咱们的实战案例,从字体,排版,动效,音效,适配性,想法这几个方面好好聊一聊关于H5的设计,希望对同学们有帮助。 字体
排版
在有限的手机屏幕空间内,我们积累的经验告诉我们最好的效果是简单集中,最好有一个核心元素,中心元素不宜过多,突出重点为最优。
转载
2023-08-24 22:17:41
331阅读
我们输入一个我们路由导航里没有的路由,就会显示我们设置的404页面。首先写一个404页面组件,可以命名为NotFound.vue。然后在index.js中导入组件,并且添加路由。
# 如何解决iOS上H5页面router跳转不了的问题
在开发过程中,我们经常会遇到在iOS设备上H5页面无法正常跳转的问题。这可能是因为iOS设备对于router的处理方式与其他设备有所不同,导致了页面跳转失败。本文将为大家介绍如何解决iOS上H5页面router跳转不了的问题,并提供代码示例以便更好地理解。
## 问题分析
在iOS设备上,由于一些浏览器的特殊性,可能会导致H5页面中的r
原创
2024-05-11 05:14:31
543阅读
1、 2、
原创
2022-03-02 13:32:58
606阅读
手把手教你用Vue2+webpack+node开发一个H5 app这一篇讲一个复杂一点的完整的例子,仿制一个H5 APP,这个APP就叫[one.一个],在百度搜索 one 就能找到啦[为什么仿这个呢,因为这是我用了很久的一个app呀 完整代码放在了github,戳这里,顺便求个star,对于手机在身边的盆友,可以扫描下面的二维码,体验在线的效果对于不方便使用手机的童鞋,请戳在线效果;(注:请在c
1、前端中所有的按钮,点击后发送报文的标签,都必须加上 去重功能。防止重复发送信息(有的信息重复发送是有很大问题的,比如金融中的借钱,发送1次,发送多次,金额是会累加的。客户明明是借了1次,但是账户上显示金额很多,肯定会引发纠纷)。 跳转页面后,回退页面的数据必须要保持不变。
跳转前将相应的数据保存到 缓存里( vuex 或 localStorage&n
转载
2023-12-21 15:40:33
35阅读
1、业务逻辑相关的测试:除基本的功能测试之外,H5页面的测试,需要关注以下几点: 1)登陆测试: 目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点: (1)若客户端已登录,那么进入H5后仍然是登录状态。 (2)若客户端未登录,进入H5,点击对应按钮OR链接,如果需要登录,须拉起native登录。若取消登录,是否可再次拉起登录,或者停留在的页面是否有对应的登录提示。 (注:...
原创
2021-08-07 09:12:45
545阅读
# 如何实现Android反复进入H5页面导致H5页面崩溃
## 一、整体流程
下面是整个过程的步骤表格:
```mermaid
erDiagram
|Step1: 进入H5页面|
|Step2: 离开H5页面|
|Step3: 再次进入H5页面|
```
## 二、详细步骤及代码实现
### Step1: 进入H5页面
在进入H5页面时,我们需要确保在Acti
原创
2024-06-10 03:39:04
188阅读
大家好,我是若川。今天给大家介绍一下关于h5页面的列表缓存方案。感谢屏幕前的你一直关注着我。前言在 H5 日常开发中,会经常遇到列表点击进入详情页面然后返回列表的情况,对于电商类平台尤为常见,像我们平常用的淘宝、京东等电商平台都是做了缓存,而且不只是列表,很多地方都用到了缓存。但刚才说的都是 App,在原生 App 中,页面是一层层的 View,盖在 LastPage 上,天然
转载
2023-09-05 15:30:54
171阅读
【h5网站网页】H5设计原稿的切图是什么尺寸的,是微信公众号版的?主流HTML5移动网络开发框架?下面就和小编一起来看看吧!H5设计原稿的切图是什么尺寸的,是微信公众号版的?前沿的Photoshop具有与Sketch相同的输出切割功能,可以使用2x的PSD输出3x的切割图。此外,Photoshop配合Slicy输出切割图比Sketch3快得多。Sketch相当棒,但现在(v3.1)有很多小问题,对
转载
2024-05-21 13:44:30
35阅读
1、业务逻辑相关的测试:除基本的功能测试之外,H5页面的测试,需要关注以下几点: 1)登陆测试: 目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点: (1)若客户端已登录,那么进入H5后仍然是登录状态。
原创
2022-03-03 10:14:12
473阅读
## H5页面架构及实现
在Web开发中,H5页面成为了越来越受欢迎的技术选择。H5页面是指基于HTML5、CSS3、JavaScript等技术构建的网页页面,具有丰富的交互效果和良好的视觉表现,适合用于展示产品、服务或内容等。
### H5页面架构
在构建H5页面时,通常需要考虑以下几个方面的架构:
1. **页面结构**:H5页面的基本结构应该包括头部、内容区域和底部等部分。头部通常包
原创
2024-06-18 05:09:06
78阅读
# 使用Python构建H5页面
在现代网络开发中,H5页面(HTML5 页面)因其丰富的图形、音频和视频支持而被广泛使用。从发展手机应用到创建互动网页,H5页面已成为重要的技术之一。本文将讨论如何使用Python创建H5页面,同时提供相关代码示例,帮助读者全面理解这个话题。
## 什么是H5页面?
H5页面是使用HTML5技术构建的网页,它具有多媒体支持、离线功能、以及更好的性能等特性。H
以下是引用片段:<SCRIPT language=javascript>
function click() {if (event.button==2) {alert(''不许你偷看!'');}}document.οnmοusedοwn=click
</SCRIPT> 2、禁止查看网页源代码 真正能实现源代码屏蔽的单纯的.htm是不可能的!想看源代码是没办法阻止的。