搜索结果
查询Tags标签： H5，共有 189条记录-
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
使用 Recorder插件 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 到处运行…
2023/6/11 18:22:07 人评论 次浏览 -
基于 prefetch 的 H5 离线包方案
前言 对于电商APP来讲，使用H5技术开发的页面占比很高。由于H5加载速度非常依赖网络环境，所以为了提高用户体验，针对H5加载速度的优化非常重要。离线包是最常用的优化技术，通过提前下载H5渲染需要的HTML/JS/CSS资源，加载时直接使用本地缓存资源避免额外的网络请求提高…
2023/6/6 14:22:19 人评论 次浏览 -
h5在展示有input的弹框时app显示无响应
前言： 在部分红米手机，android12的机型中出现了带有input的弹框出现或输入后关闭再打开的情况下，app出现了卡顿或无响应。 场景描述： 1、进页面，点击按钮展示带有input模块的弹框，立即出现卡顿，显示app无响应。 2、进页面，点击按钮，弹框展示是正常的，但在input输…
2022/9/13 23:17:53 人评论 次浏览 -
跨端兼容，条件编译；#ifedf与#endif
// #ifedf H5 和 // #endif 必须成对出现 注意注释方式不同 template中 <!-- #ifedf H5 --> <view>只在H5页面中显示</view> <!-- #endif --><!-- #ifedf MP-WEIXIN --> <view>只在微信小程序中显示</view> <!-- #endif --&…
2022/9/11 6:23:12 人评论 次浏览 -
H5 键盘弹出把底部固定定位的元素挤上来
这里的解决方法是安卓监听窗口高度，iOS监听文本块焦点，以实现隐藏与显示底部固定定位元素// 以下为vue2的写法 // originHeight为窗口高度，当键盘弹出时，android手机会改变，监听变化控制下方固定按钮是否显示 // ios手机input框聚焦键盘弹出，键盘收起时，input框会失…
2022/9/5 23:54:00 人评论 次浏览 -
企业微信自建应用H5开发之实现蓝牙的连接和写数据(2022.8.3)
写在前面：经过无数的踩坑和调试，终于实现了IOS设备和Andriod设备的蓝牙开门。当然，不可避免还有很多奇怪的BUG被我忽略了，但是能够正常走通流程并实现。所使用的技术为Vue2+Spring Boot,如果是利用微信小程序开发的可以跳忽略本文“ 第一到第三节都讲如何创建应用并访…
2022/8/3 23:25:21 人评论 次浏览 -
H5下拉搜索框-layui
实现效果：可实现下拉选择及搜索提示效果！使用layui前端框架。 一下为实现代码：首先引入layui的JS和CSS:<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /><script src="ht…
2022/8/2 23:24:09 人评论 次浏览 -
h5 页面设计长度，scss换算转化方法
h5 页面设计长度，宽度换算---设计图，宽度安装750px的标准来的@function px2rem($px) {@return $px / 75px* 1rem; }rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。https://www.cnblogs.com/yeminglong/p/1497667…
2022/7/13 23:22:49 人评论 次浏览 -
h5 点赞
H5 直播的疯狂点赞动画是如何实现的？ 2020-06-18 平常我们再直播间看到比较炫酷的H5点赞动画是如何实现的呢？本文分享了两种方法，分别用CSS3和Canvas实现，最后附上源码，值得收藏。 以下文章来源于公众号：多点世界 ，作者：多一点 直播有一个很重要的互动：点赞。 为…
2022/7/3 23:22:23 人评论 次浏览 -
用于H5播放器的js快捷命令（倍速，跳过）
这两个命令直接复制到书签网址里，使用时直接点击书签即可。 一些需要注意的：快进速度最高为16倍； 跳过在一些禁止拖动进度条的视频无效； 16倍速播放 javascript:document.querySelector(video).playbackRate=16;跳过该视频 javascript:document.querySelector(video).…
2022/6/22 23:21:58 人评论 次浏览 -
个人音乐博客 h5、css和js等
浅说一下吧 这个小项目由h5和css还有js和jq写的 主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在main.js中) 中间音乐部分为作者和歌词 点击播放的按钮可弹出对应的视频mv 视频…
2022/6/11 23:52:06 人评论 次浏览 -
uniapp开发的h5跳转到小程序
使用场景： 将h5嵌入到小程序或者app中，然后再拉起另外一个小程序 使用方法(通过中转)：1、app调用方法，让app提供跳转方法，将参数传给app，让app拉起小程序2、小程序跳转方法，h5通过uni.postMassage{}+uni.navigateBack()传递消息，让小程序拉起另外一个小程序 具体实…
2022/6/8 1:21:30 人评论 次浏览 -
纯原生html编写的h5视频播放器
snail-player-native一个纯原生代码编写的h5视频播放器, 功能完善，基本满足使用，仅供学习，禁止商用演示 演示加速 Install1. git clone https://github.com/snail-boy/snail-player-native.git 2. 拷贝lib目录下的文件到自己项目里Usage 直接运行index.html <!DOCTY…
2022/5/30 23:19:59 人评论 次浏览 -
微信公众号h5实现点击按钮跳转到小程序
微信公众号h5实现点击按钮跳转到小程序，先决条件是小程序和公众号已进行关联。 1、登录微信公众平台-设置-关联设置 进行关联 2、登录微信公众平台-设置-基本设置-账号信息-原始ID 复制 3、代码如下 <html lang="en"><head><meta charset=&q…
2022/5/12 20:27:39 人评论 次浏览 -
h5 css3的新特性(2)
2022/5/11 23:18:09 人评论 次浏览
