移动端H5

H5下拉刷新和上拉加载实现原理浅析

原文链接：justrockit.top前言在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。
__MYSTERY·2023-10-12 10:14

vue移动端h5，文本溢出显示省略号，且展示‘更多’按钮

问题：元素宽度100%，宽度会随着浏览器缩放而变化。元素内文本超过4行时显示省略号，同时展示‘更多’按钮，点击更多按钮展示全部文本。如下图所示超出四行显示省略号(…)的代码.content{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertic
Jeffrey Dean·2023-10-08 05:34

移动端H5封装一个 ScrollList 横向滚动列表组件

预览组件代码{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick,watch,}from"vue";exportdefaultdefineComponent({props:{list:{type:Array,default:()=>[],//数据},indica
少年的范儿·2023-10-08 05:30

私域、公域、全域有什么关系？

“全域流量主要内容是：以自身官网私域平台（如PC端网站、移动端H5网站、小程序、移动端APP等）为基础载体，建立自媒体账号、社交媒体账户矩阵。
懂私域的小鹅通服务商阿伟·2023-10-06 18:34

Flutter 轮播组件 flutter_swiper 以及 Dio.dart请求包的使用

组件作为第三方组件,我们需要通过在github上找到并通过pubspec.yaml文件进行引入安装,dio也同一样,在github中搜索dio就可以看到对应的文档image.png接下来,根据德阳旅游资讯网的移动端
哟西大人1·2023-10-06 11:26

Vue移动端H5手势缩放滚动拖拽插件Easyscroller

最近为了实现移动端-手势放大缩小DOM元素又能滚动拖拽的功能，发现很多插件都是只能用于单纯单个图片的放大缩小，可是我的需求是需要拖拽整个DOM元素的，找来找去，最后总算发现了一个非常好用的插件Easyscroller，也算是满足我的业务需求！！！发现用的人好像不是很多，所以发个博客向大家介绍介绍！！Github地址↓↓↓https://github.com/ulesta/easyscrollerN
M_Jin·2023-10-04 15:36

react使用antd-mobile的按需加载和自定义主题

前言练习使用react做移动端h5的时候，选择使用antd-mobileUI库。但是在使用的时候，遇到了一些坑。查询了很多别人遇到类似问题的解决方法。现在记录一下自己的解决方法。
长情G·2023-10-04 04:15

浅谈网页基础Html + CSS

1.一个合格的前段,第一步就是页面画的好,在实现项目时，大家都喜欢用插件,列element+ui（实现后台管理的）,写移动端H5页面也是喜欢MIN-UI等等诸多现成的网页。
蜃楼_0bde·2023-09-29 11:43

移动端H5页面的设计稿尺寸大小规范

那么多手机屏幕尺寸，设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了，设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下）也就是我们的H5页面前端代码里面必须包含根据目前市场流行的手机移动终端，统计他们的设备独立像素。在这里，25学堂也跟大家分享一个罗
醉于麦田·2023-09-22 14:38

移动端h5项目的兼容和适配问题

解决兼容性问题的关键在于对移动端产品的生存环境进行梳理，在此基础之上制定应对策略。所谓生存环境主要分为三个维度：①操作系统，比如iOS6和iOS7，或者安卓各家的定制系统的不同版本②浏览器，主要分为App容器，原生浏览器，各品牌浏览器③硬件环境，如不同的机型，品牌决定了屏幕大小性能等硬件限制。为什么要做页面适配？不同机型的屏幕尺寸、物理像素和逻辑像素都有差异，而ui的尺寸一一般是固定的。为什么都使
MissXu666·2023-09-21 12:59

swiper一行中展示三列的效果—案例（一）

移动端H5使用swiper移动端的布局可以采用hotcss的方式，这里就不进行布局介绍了；可以参考链接：https://www.w2bc.com/article/205451，本文内代码没有做适配；1:
墨轩尘·2023-09-21 07:34

移动端H5，输入框，软键盘 及 滚动

1.软键盘弹起时，输入框在IOS上有部分被软键盘遮挡处理方法，监听软键盘弹起，即监听input的focus，当键盘弹起时，第一种方法是在input下面加一个增高层，第二种是强制将外层的滚动条拉至最下2.在页面没有按钮组件的时候，如何利用软键盘上的“完成”按钮进行发送处理方法,在input外加一层form，监听form的submit事件，监听的回调函数中处理发送请求//代码为vue写法，.preve
LUGY·2023-09-17 20:51

移动端H5封装一个 ScrollList 横向滚动列表组件，实现向左滑动

效果：1.封装组件：-->{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick,watch,}from"vue";import{useRouter}from"vue-router";exportdefaultdefineComponent({props:{lis
Code L·2023-09-17 06:22

基于 vue-cli4 实现的移动端 H5 开发模板

vue-cli4-vant简介这是基于vue-cli4实现的移动端H5开发模板，其中包含项目常用的配置及组件封装，可供快速开发使用。
熊超_H5·2023-09-13 16:43

支付宝移动端H5登录授权API实现解决方案文档【原创】

支付宝移动端H5登录授权API实现解决方案文档今天有个业务需求：在移动端绑定支付宝账号，查看了支付宝的官方文档，提供了PC登录和APP登录的APIPC拼接授权页面urlurl拼接规则：https://openauth.alipay.com
南通SEO·2023-09-12 22:47

移动端H5兼容性

1.inputborder-bottomios：会有重影问题，翘起的边角，解决：border-radius:02.加点击效果ios:没有效果，解决：document.body.addEventListener('touchstart',function(){});
gzfgeh·2023-09-07 16:16

uniapp移动端h5设计稿还原

思路动态设置html的font-size大小实现步骤先创建一个public.css文件，设置初始的font-size大小/*注意这样写只能使用css文件,scss是不支持的,setProperty只适用于原生css上*/html{--gobal-font-size:0.45px;}.gobal-font-size{font-size:var(--gobal-font-size)!important
HerayChen·2023-09-03 18:09

移动端H5页面在input输入框获得焦点时禁止唤起键盘

移动端实现效果：当input输入框获得焦点时，在保留光标的情况下，又不让手机虚拟键盘弹起问题背景：哈哈哈哈我又来了，又是java安卓应用嵌入H5页面，给大家看下效果点击开始时间或者结束时间时会弹出日期选择器，这个时候呢在手机上看的话，会同时触发键盘，导致键盘弹出来，在网上找了半天终于找到了一个满足我业务需求的解决办法我用的是原生html+jquery写的，实现方法如下：functionstopKe
难逃月色..·2023-09-03 16:56

移动端H5页面PDF操作及预览

环境：nodejs适配：移动端主流浏览器支持企业微信低版本插件：[email protected]方案一本地构建拉取项目：gitclonehttps://github.com/mozilla/pdfjs-dist.git全局安装gulpnpminstall-ggulp-cli安装项目依赖npminstall预制打包gulpgeneric打包后复制build文件下的generic，里面有build
豆腐oh·2023-09-02 20:05

input type = file 在部分安卓手机上无法调起摄像头

移动端H5web用inputtype=file在部分安卓手机（华为）上无法调起摄像头拍照，解决方案是//js部分if(isAndroid){//解决qq，微信小程序无法打开摄像头if(web.toLowerCase
小玲欢·2023-09-01 18:50

学习总结——h5搜索框input回车自动搜索，及IOS X及以上h5 input页面切换后显示内容丢失fix

如题，最近做移动端h5的一个搜索功能，使用了input标签，常规的功能（输入搜索词、键盘回车键/search键按下触发搜索）类似这样构建h5搜索框input回车自动搜索搜索框代码如下，type=search
蛋蛋fighting哈湫·2023-08-30 22:49

CMS内容管理系统入门使用须知

CMS，顾名思义他是内容管理系统，是用来管理和组织内容的一种系统，phpCMS可以在多种终端来调用和展示这些内容，例如：1、PC网站终端PC电脑传统网站是通过HTML模板页面来展示phpCMS内容2、移动端
青茶360·2023-08-29 17:26

H5下拉刷新和上拉加载

前言在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。
软软不吃肉·2023-08-26 21:12

移动端H5输入框调用手机软键盘，导致底部固定定位被顶起问题解决

问题描述：部分安卓和ihpone手机在调起手机软键盘时，会将固定定位元素顶起；产生影响：当页面内容过多时，会导致内容被遮挡，无法查看，从而影响用户体验；如下图所示：解决办法：可以监听window对象的resize事件，判断当前屏幕高度是否小于原始屏幕高度，从而来对底部定位的元素控制其显示、隐藏；具体代码展示如下：exportdefault()=>{const[btnShow,setBtnShow]
你的牧游哥·2023-08-21 12:43

H5 防止安卓手机软键盘弹出挤压页面导致变形的方法

一、问题：在做移动端h5页面时，安卓端软键盘会导致页面压缩变形的问题：（安卓端有问题，IOS端没问题）二、原因分析安卓端：安卓中，如果将footer元素设置为position:fixed或absolute
小跳不会Coding·2023-08-18 08:52

移动端H5取消点击时阴影

-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;
czboy·2023-08-16 23:09

01.年月日表示在iOS端显示为null的解决方案

移动端H5iOS端不接受2019-02-02格式的时间表示，只接受2019/02/02。不然会显示为null。
iBLUE·2023-08-16 04:16

移动端H5页面实现生成图片的代码

本篇文章给大家带来的内容是关于移动端H5页面实现生成图片的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
PHP9年架构师·2023-08-09 11:06

支付宝移动端H5授权实现自动登录

当用户通过支付宝打开H5页面时,避免重复登录,实现授权登录的功能授权开发文档页面https://docs.open.alipay.com/289/105656授权流程在支付宝开放平台【功能信息】中点击【添加功能】，选择【获取会员信息】然后确认支付宝的APPID,设置回调网关.第一步：URL拼接商户/开发者通过以下的URL拼接规则拼接用户授权的URL地址，该地址展示给用户，用户需在支付宝端点开URL
pywanggui·2023-08-08 14:54

【腾讯云 Cloud studio 实战训练营】云端 IDE 构建移动端H5

个人主页：不叫猫先生，公众号：前端舵手‍♂️作者简介：2022年度博客之星前端领域TOP2，前端领域优质作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！优质专栏：vue3+vite+typeScript从入门到实践资料领取：前端进阶资料可以找我免费领取摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼(文末有我wx或者私信)目录一、写在前面二、腾讯
不叫猫先生·2023-08-08 02:45

html5播放器视频切换和连续播放的实例

88083abbf5bcf1356e05d39666be527a_8',//autoplay:true,//playsafe:'',//PC端播放加密视频需要传playsafe参数//sign:'',//移动端
保利威直播·2023-08-04 13:17

vue - 【完整源码】实现评论区发表评论、回复评论、评论盖楼等功能，前端PC网站/移动端H5实现多用户评论与回复功能（详细示例源码，一键复制开箱即用）

效果图在vue项目开发中，实现一个类似社交软件的评论区发表留言及回复等评论功能效果，可以无限回复盖楼。一、功
街尾杂货店&·2023-08-04 11:07

H5下拉刷新和上拉加载实现原理浅析

在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。
码农梦醒·2023-08-03 22:50

css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景

移动端H5页面用的比较多。
阿晏_·2023-07-26 12:54

vue3下的uniapp跨域踩坑

uniappvue3H5跨域踩坑开发移动端H5的时候由于后端接口没有做跨域处理，因此需要做下服务器代理，于是百度搜索了uniapp下h5的跨域配置在manifest下的h5配置proxy，大概是这样:"
Raccom·2023-07-26 06:15

移动端项目 - Rem自适应代码 -rem.js

rem.js代码如下：//rem自适应代码一：//能适用所有移动端h5页面的自适应需求-rem设置window.onload=function(){/*720代表设计师给的设计稿的宽度，你的设计稿是多少
正好80·2023-07-25 12:25

使用uni-app设置全局页面适用于模态框

设置全局页面适用于模态框，只要调用就可以实现前言一、首先我们要先创建一个弹框的页面二、然后在main.js里面调用（设置全局）2.进入弹框详情页3.在页面调用总结前言弹框完整代码链接在做uni-app移动端
奥佳博客（王小政）·2023-07-25 06:27

移动端H5页面点击穿透问题

最近移动端m站的开发中遇到了点击穿透问题，就此总结一番。先说下我遇到的问题，项目使用react框架，并且引入了react-fastclick库，可以解决click事件的穿透问题，但是对于下层是a标签的情况，依旧存在穿透问题，会触发链接。我的解决方法是把上层的事件放在了一个setTimeout(()=>{},0)中。goBack(){setTimeout(()=>{browserHistory.go
梧桐月明中·2023-07-25 03:07

移动端H5页面在线预览Word、Excel、PPT、PDF

XDOC文档预览服务接口简单，只需要传入文档地址https://view.xdocin.com/xdoc?_xdoc=你的文档地址注意：文档地址要用utf-8编码，并且外网可访问。例如：https://view.xdocin.com/xdoc?_xdoc=https%3A%2F%2Fview.xdocin.com%2Fdoc%2Fpreview.docxXDOC官网
Paul_Chan_·2023-07-24 05:09

12个前端必会 H5 问题及解决方法

移动端H5相关问题汇总：1px问题；响应式布局；iOS滑动不流畅；iOS上拉边界下拉出现白色
宁_Yi·2023-07-23 09:15

vue 移动端h5引入vant 和echarts的适配

1.下载插件"lib-flexible":"^0.3.2","postcss-pxtorem":"^6.0.0","vant":"^2.12.54",2.建vant文件夹按需分配.在入口文件main.js引入importVuefrom"vue";import{Button}from"vant";//全局注册Vue.use(Button);//将所有Toast的展示时长设置为2000毫秒Toast.
文仔酱酱酱·2023-07-21 18:02

移动端H5常见兼容问题

1.1px边框问题解决方案1.1上边框或者下边框.item-css3transform::after{content:'';display:block;height:1px;transform:scaleY(0.5);background:#ccc;position:relative;top:10px;}&::after{content:"";position:absolute;left:0;ri
琦乐芳儿·2023-07-20 01:33

【H5】解决移动端H5页面点击输入框页面放大的问题

在头部中加入一行即可：
u5f20u5929u8000·2023-07-18 06:54

移动端h5页面输入框被遮挡的问题

只有安卓才会出现这种情况：1.判断是否是安卓机的方法：2.解决方法：参考链接：https://www.cnblogs.com/dongcanliang/p/7383508.html例外一种方法：解决方案在input获得焦点或者单击事件里面添加setTimeout(function(){document.body.scrollTop=document.body.scrollHeight;},500)
qq_36934775·2023-07-16 21:38

vue玩转移动端H5微信支付和支付宝支付

业务场景介绍：H5移动端支持微信支付[微信支付分为微信内支付（JSAPI支付官方API）和微信外支付（H5支付官方API）]&&支付宝支付[手机网站支付转APP支付官方API]订单生成逻辑：前端请求后端提交订单，后端去和微信或者支付宝对接生成订单（后续支付都是这个逻辑进行的对接）一、移动端微信支付，vue中如何玩？在移动端微信支付分为微信内支付和微信外支付。1.在订单组件中选择支付方式之后在支付页
周亚鑫·2023-07-15 21:12

【Vue H5项目实战】从0到1的自助点餐系统—— 搭建脚手架(Vue3.2 + Vite + TS + Vant + Pinia + Node.js)

本系列将以肯德基自助点餐页面为模板，搭建一款自助点餐系统，第一次开发移动端h5项目，免不了有所差错和不足，欢迎各位大佬指正。项目代码正在gitee同步更新中，项目地址：https:/
中杯可乐多加冰·2023-07-15 15:17

移动端H5使用window.open跳转，IOS不生效解决

直接上代码varuser=navigator.userAgent;//android端varisAndroid=user.indexOf("Android")>-1||user.indexOf("Adr")>-1;//ios端varisiOS=!!user.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);if(isAndroid){window.open(openUrl)}e
h_webCode·2023-06-19 21:08

移动端H5使用window.open跳转，IOS不生效解决

移动端H5使用window.open跳转，IOS不生效解决navigatornavigator对象，用于提供当前浏览器及操作系统等信息，这些信息都放在navigator的各个属性中。
Mr.Meng_95·2023-06-19 21:37

40条移动端H5坑位指南

HTML方向调用系统功能使用能快速调用移动设备的电话/短信/邮件三大通讯功能，使用能快速调用移动设备的的图库/文件。这些功能方便了页面与系统的交互，关键在于调用格式一定要准确，否则会被移动端浏览器忽略。拨打电话给10086小姐姐发送短信给10086小姐姐发送邮件给JowayYoung复制代码忽略自动识别有些移动端浏览器会自动将数字字母符号识别为电话/邮箱并将其渲染成上述调用系统功能里的。虽然很方便
上海老宅男·2023-06-18 15:17

移动端h5页面微信一键登录

在移动端的H5页面中，微信一键登录是一种常见的方式，可以方便地让用户使用已有的微信账号进行登录，并且提高用户的使用效率和体验。具体实现方法如下：1、在页面中引入微信JS-SDK，并初始化htmlwx.config({debug:false,//是否开启调试模式appId:'YourAppID',//公众号的唯一标识timestamp:'YourTimestamp',//生成签名的时间戳nonceS
猿耳盗铃·2023-06-15 16:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他