移动端H5

uniapp实现足球数据分析平台移动端H5

文章目录前言一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏二、注册界面1.代码说明三、首页界面四、竞彩预测五、即时预测总结前言一款基于前端铺子改造的移动端程序一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看。一、界面一栏演示地址二、注册界面1.
足球数据分析·2024-08-23 06:57

移动端 H5 实现拍照功能的几种方法

下面是实现移动端H5拍照功能的几种方法：1、使用：通过HTML5规范中的调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。
忧郁的蛋~·2024-02-23 15:04

移动端h5网页调用支付宝支付接口

领导第一次让我做h5支付宝支付的时候，去了支付宝开放平台，一顿上上下下左左右右，看完了长呼一口气。这个支付好像没我啥事儿啊！小伙伴儿们自行查看：https://opendocs.alipay.com/open/203/105285QQ截图20201112094630.png关于手机网页内支付宝支付，核心代码就是，后端会返回给你一个form，然后你拿着这个form去调用就行了。这样就需要你准备俩网页
我的弟弟叫泥鳅·2024-02-07 20:19

移动端H5页面制作规范（2）

计量单位的使用css的计量单位有三种选择：px:固定的相素值em:相对父级元素的font-size设置来作为当前元素1em所代表的像素值，如父节点的font-size:10px，当前节点的font-size:1.2em,则当前节点的font-size实为12px;rem：相对根节点html的font-size设置来作为当前元素1rem所代表的像素值，与em的区别就是rem的基本度量单位与父节点无关
醉于麦田·2024-02-07 16:06

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-02-05 08:44

常见的移动端H5页面开发遇到的坑和解决办法

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想
极地雪狼li·2024-01-31 19:20

移动端h5自动化

1.DesiredCapabilities的配置DesiredCapabilitiescapabilities=newDesiredCapabilities();capabilities.setCapability("deviceName","iPad");capabilities.setCapability("platformVersion","12.0");capabilities.setCa
Ruby_linxr·2024-01-30 21:16

移动端H5点击有300ms延迟

在移动端的H5开发中，可以采取以下几种方法来解决移动设备上的300ms点击延迟问题：使用标签设置viewport：这样可以让页面在移动设备上以真实的像素值进行渲染，避免了默认的缩放行为，减少了点击延迟。使用CSS样式touch-action属性：.touch-action{touch-action:manipulation;}这样可以告诉浏览器禁用默认的双击缩放行为，以及加快触摸事件的响应速度。使
亮学长·2024-01-30 13:11

记录--移动端 H5 Tab 如何滚动居中

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助移动端H5Tab如何滚动居中Tab在PC端、移动端应用都上很常见，不过Tab在移动端比PC端更复杂。为什么呢？
林恒smileZAZ·2024-01-24 18:51

移动端h5开发记录（踩坑之旅）【IOS、Safari、兼容适配等】

1.（Tips:千万不要用，常规页面滚动就用body自身的滚动）在外层div限高100vh，内层div增加overflow-y:auto，在safari下滚动会有许多奇奇怪怪的问题2.position:fixed中的input框聚焦软键盘弹出，IOS下会有光标错位问题//IOS9实测有效html,body{-webkit-overflow-scroll:touch;}3.滚动穿透问题（实测的此方法
永夜丶寒沉·2024-01-15 04:33

移动端h5页面meta标签设置
_皓月__·2024-01-14 00:05

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-01-13 06:28

常见的移动端H5页面开发遇到的坑和解决办法

转自：https://www.cnblogs.com/LiuJL/p/7744473.html1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样
fa270cccf005·2024-01-08 18:18

uniapp 移动端H5 下载文件 xls 实现

背景：目前项目是用在移动端的H5,uniapp构建的项目。需求是：后台掊口返回文件二进制文件，在移动端浏览器实现文件下载，uniapp好几个掊口不太支持H5uni.downloadFile(OBJECT)使用上面下载之后：#1uni.saveFile(OBJECT)不支持H5#2uni.openDocument(OBJECT)不支持H5解决方案：使用原生H5的标签，加上XMLHttpRequest
Lan.W·2024-01-08 03:32

Nginx 代理静态资源，解决跨域问题

背景：移动端H5项目，依赖了一个外部的JS文件。访问时，出现跨域，导致请求被block。
94甘蓝·2024-01-01 16:45

前端预加载的3种方式 - 产品大佬都说好

场景复现页面内容和加载时序近期开发了一个移动端H5页面，页面大概如下：一个普通的loading页面，加载静态资源和请求接口客户信息展示页，基础信息和Tab1扩展信息展示Tab2为数据可视化页
不爱敲代码的小胡·2023-12-25 23:07

推荐几个开源H5小程序低代码工具

移动APP、H5、小程序曾风靡一时，结合当前无代码/低代码开发技术，有哪些免费开源的移动端H5/小程序软件，不用写代码即可发布H5页面，笔者对市场上主流的开源H5低代码/无代码工具/框架/组件进行了研究和验证
大龄码农有梦想·2023-12-24 15:44

以变制变 - 前端动态化代码保护方案探索

PWA的出现，更是把移动端H5的体验推向了另一个极致。越来越多业务使用H5作为主要入口的同时，也带来了另一个问题：机器行为泛滥。
程序员小肖·2023-12-22 18:28

uni-app ucharts中饼图与圆环图区别

项目情况：uni-app的用于移动端H5项目，包使用uni_modules目录存放。图表引用ucharts中的echarts配置的组件方式区别1饼图与圆环图在echarts使用的配置都是pie类型。
Lan.W·2023-12-20 06:42

【Vue】vue小工具，vue移动端h5页面使用小齿轮控制台，移动端项目打开控制台

前言没啥好说的，插件叫eruda提示：以下是本篇文章正文内容，下面案例可供参考一、原生用法这是我推荐的erudaeruda.init();还有另外一个叫VConsole//初始化引入的调试组件varvConsole=newVConsole();console.log('控制台打印信息最新');二、vue用法1.引入库npminstalleruda@^3.0.0--save2.编写环境配置本地为tr
阿民不加班·2023-12-19 10:38

uniapp的editor组件在H5上无法点击的问题处理

uniapp开发的移动端H5和小程序，富文本框输入框使用了editor的组件在小程序端是运行正常的，但是在H5端出现了无法点击的情况，是好时坏原因是H5端依赖远端的quill.min.js组件，该远端的组件偶尔会出现访问的情况文档上写的比较清楚
好用的CAS·2023-12-17 12:06

移动端h5页面meta标签设置

//删除苹果默认的工具栏和菜单栏//设置苹果工具栏颜色//忽略页面中的数字识别为电话，忽略email识别//启用360浏览器的极速模式(webkit)//避免IE使用兼容模式//针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓//微软的老式浏览器//uc强制竖屏//QQ强制竖屏//UC强制全屏//QQ强制全屏//UC应用模式//QQ应用模式//windowsphone点
兜兜里冒糖糖·2023-12-06 18:59

端访问或手机端访问的js代码//帆软部分公式及sql生成（月份、季度取数）

else{if(/Mobile|Android|webOS|iPhone|iPad|Phone/i.test(navigator.userAgent)){FR.Msg.alert("提示","当前设备：移动端
liujiaping·2023-12-02 19:39

深入理解移动端H5视频通话中的摄像头切换实践

在移动端H5应用中实现视频通话功能，已经成为现代Web应用的标配之一。随着Web技术的发展，我们不仅能够在桌面浏览器上实现复杂的视频通话功能，也能够在移动端浏览器中提供几乎原生应用级别的流畅体验。
程序员查理·2023-11-30 08:58

h5底部输入框被键盘遮挡_总结移动端H5开发常用技巧【干货满满哦】

前言年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下
weixin_39829166·2023-11-28 10:13

移动端H5

移动端H5的一些总结页面禁止滚动（滑动穿透）1.在移动端h5中，经常会遇到下图这种情况的弹窗，弹窗背景后面的内容不允许滚动2.只需要在背景节点身上加上@touchmove.prevent即可(vue中)
阿森头发很多·2023-11-28 10:08

移动端H5 video视频播放优化实践

遇到的挑战移动端HTML5使用原生标签播放视频，要做到两个基本原则，速度快和体验佳，先来分析一下这两个问题。下载速度以一个8s短视频为例，wifi环境下提供的高清视频达到1000kbps，文件大小大约1MB；非wifi环境下提供的低码率视频是500kbps左右，文件大小大约500KB；参考QzoneTouch多普勒测速，2g网络的平均速度是14KB/s，那么下载一个低码率视频耗时35s；那么要想流
怀璧其罪·2023-11-27 06:54

video标签的问题汇总

video标签的问题汇总参考链接如何修改原生controls的样式video属性序列图片替代video记一次实现音频(Audio)自动播放，视频同理自定义video标签40条移动端H5坑位指南目录video
白昼的星光@·2023-11-27 06:53

HTML5海报生成器源码,原生js小项目 - canvas海报生成器

1.背景之前做过一个营销类移动端h5项目-海报生成器，上传用户本地图片合成海报并支持下载，这次有时间了整理整理。
给我一杯声声乌龙·2023-11-21 05:38

移动端H5页面编辑器开发实战--经验技巧篇

一、前言在上一篇《原理结构篇》中，主要针对移动端网页进行了分类描述，并介绍了H5编辑器的需求、原理以及框架结构，本文将延续开发实战这一主题，针对策略和开发技巧做进一步的介绍。二、策略篇2.1适应策略在上一篇文章中，简单对兼容方式做了区分，即固定尺寸兼容及百分比兼容，下面我具体介绍下为什么没有使用这两种方式以及目前所用的适应策略。1）固定尺寸兼容这种做法，一般是通过js自动生成viewport及sc
魅族技术·2023-11-12 02:59

umi+Ant Design Mobile+rem搭建移动端H5框架

1.创建项目（我用的umi4）pnpmdlxcreate-umi@latest2.安装AntDesignMobilepnpmaddantd-mobilepnpmaddantd-mobile-icons//安装Icon图标3.安装postcss-px-to-viewportpnpmadd-Dpostcss-px-to-viewport4.配置/.umirc.tsimportpathfrom'path
沐歌丨丶·2023-11-08 06:30

【PC端聊天功能模板】vue-elementul简单实现电脑端客服聊天功能，pc端聊天系统静态页面布局，配套websocket方案和心跳重连机制【详细注释，拿来即用】

我的代码里面有详细的注释，相信就算是刚学完前端的萌新也是看得懂的，如果有不懂得可以提问小程序端聊天功能和websocket模板写法点这里点击跳转移动端H5静态页面布局模板点这里移动端H5聊天室布局模板点击跳转移动端
接口写好了吗·2023-11-06 22:03

专有钉钉 常见问题

移动端h5应用，andro
own\·2023-11-04 14:38

移动端h5使用百度地图的一些问题

1、加载地图loadBMap(){returnnewPromise(function(resolve,reject){if(typeofwindow.BMap!=='undefined'){resolve(window.BMap)returntrue}window.onBMapCallback=function(){resolve(window.BMap)}letscript=document.c
小小婷几·2023-11-03 12:08

uniapp的移动端h5实现文件下载兼容手机各版本浏览器

需求：uniapp做的h5项目，后端返回文件列表，手机浏览器访问h5服务进入文件列表点击下载对应文件并打开。解决方法一：一般最常见的兼容性解决方案步骤是：①拼接文件下载链接地址②动态生成a标签，设置默认属性，把下载地址给到a标签href属性③触发一个click事件点击a标签实现文件下载④下载完成移除a标签，释放内存具体实现步骤如下：exportconstdownloadByFileid=(res)
爱码士&·2023-11-02 02:26

移动端H5 富文本编辑器

uniapp组件可以打包成H5地址：https://ext.dcloud.net.cn/plugin?id=8342
ggyyjavascript·2023-11-02 02:20

react组件间传值

React+ReactHook+ReactRouter+Redux+Axios+Less移动端h5搭建新项目第一个React项目创建安装路由react-router-domrouter路由index.jsApp.js
hammer1010·2023-10-31 20:56

移动端h5调用录音

一、record.jshttps://www.jb51.net/article/174878.htm适用范围：不支持IOS由于iOS上的所有浏览器都限制使用iOS上的Safari使用的UIWebView,因此iOS上的Chrome无法支持任何可用于媒体录制的API.recorder.js是基于MediaCaptureAPI构建的，iOS上不支持此APIMediaRecorderAPI也是一个很有前
zlf_j·2023-10-27 00:10

移动端h5显示pdf的3种方法总结

移动端显示h5我目前已经尝试了3种方法：我使用的是vue的2.X版本后端返回一个pdf的链接，然后前端直接使用location.href=‘http://www.XXX.com/test.pdf’，这种形式苹果手机应该是没问题的，但是安卓手机默认会触发下载，所以不推荐。使用pdfjs，这是pdfjs的下载地址，点击下载之后会下载一个压缩包，里面包含build，web文件夹和LICENSE文件，把他
程序员超超·2023-10-26 14:50

移动端H5网页开发常见问题汇总

如果已经看过这篇文章了的话也可以看看笔者写的移动端H5网页开发必备知识移动端开发必备知识-HybridAppHTML方面调用系统功能拨打电话给10010发送短信给10010发送邮件给randy忽略自动识别有时电话
苏小苏95·2023-10-14 09:46

移动端H5-在Vue项目中使用fastclick，解决300ms左右的延迟

移动端点击延迟事件，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟，解决方式：一、安装npminstallfastclick-S二、用法安装完以后，可以在在main.js中全局引入，并绑定到body，全局生效。或者在单页面引入，只针对当前页面生效//引入importFastClickfrom'fastclick'//初始化FastClick实例。在页面的DOM文档加载完成后Fas
monglove09·2023-10-14 09:45

怎么优化H5让它可以在300ms以内打开？

移动端H5点击300毫秒延迟问题是由于浏览器为了区分单击和双击事件而导致的，通常会在点击后等待300毫秒以查看是否还会发生第二次点击。
编写美好前程·2023-10-14 09:36

H5常见问题及解决方法

移动端H5相关问题汇总：1px问题响应式布局iOS滑动不流畅iOS上拉边界下拉出现白色空白页面件放大或
乁乁飞·2023-10-13 16:51

H5页面必会遇到的问题及解决办法

页面件放大或缩小不确定性行为4，click点击穿透与延迟5，软键盘弹出将页面顶起，收起未回落问题（导致整体页面上移）6,iphonex底部栏适配问题7，保存页面为图片和二维码问题和解决方案8，微信公众号H5分享问题移动端
佛系孤单·2023-10-13 16:20

APP内嵌H5开发常见问题及解决方案

（经常更新该文）移动端H5相关问题汇总：iO
一捆铁树枝·2023-10-13 16:19

H5常见问题及解决方案手册

问题下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充：移动端H5相关问题汇总：1px问题响应式布局iOS滑动不流畅iOS上拉边界下拉出现白色空白页
陈永佳·2023-10-13 16:11

移动端h5截图与原生ios、android的兼容交互

项目场景：h5移动端项目需要生成截图与原生app进行图片分享的交互问题描述：使用html2canvas生成h5截图在androidapp截图位置偏移且偏移量随机android截图ios截图解决方案：在IOS使用html2canvas，Android使用domtoimage1.https://github.com/niklasvh/html2canvas2.https://github.com/ts
stoolive1·2023-10-13 08:20

h5适配android输入法,移动端H5页面底部输入框调起键盘ios与android的兼容问题

背景：工作需要，一个手机页面(vue项目)底部需要一个输入框，并且能够多行输入(这个这里就不多说了，搜一下就能找到方法)。实现过程：首先使用的就是fixed方法将输入框部分固定到了页面底部，这个方法在安卓没有问题，ios的自带输入法也没问题，但是当ios使用第三方输入(比如搜狗)时，被推上去的输入框会被挡住一半(当时是一个iphone7)解决过程：遇到问题后就在网上搜索解决办法，最先找到的就是滚动
weixin_39611275·2023-10-13 08:50

移动端h5+vue失焦搜索，ios和android兼容问题

html部分：js事件处理部分：search(){this.totalPages=1;this.curPage=1;this.listData=[];this._getData();},searchIos(){//ios点击完成失去焦点搜索this.search();},searchAndroid(event){//android点击搜索，未能失去焦点，故失去焦点事件无法触发，单可以调用键盘事件处
weixin_30376509·2023-10-13 08:49

vue移动端H5调起手机发送短信（兼容ios和android）

移动端h6页面调起手机发送短信功能，ios和android的兼容写法不一样。androidwindow.location.href=`sms:10086?body=${encodeURIComponent('Hello,测试短信发送')}`ioswindow.location.href=`sms:10086&body=${encodeURIComponent('Hello,测试短信发送')}`//
我总是词不达意·2023-10-13 08:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他