技术栈
h5
&活在当下&
19 天前
前端
·
uni-app
·
h5
·
移动端
uniapp H5页面实现懒加载
在 uniapp 中,要在小的 view 内实现列表懒加载,可以通过以下步骤来实现:在这个示例中,我们创建了一个 scroll-view 组件,并在其内部放置了一个 list 组件来显示数据。通过监听 scroll-view 的 scrolltolower 事件,我们可以在用户滚动到底部时调用 loadMoreData 方法来加载更多数据。每次加载数据后,我们将新数据添加到 listData 数组中,并更新页面的显示。
407指导员
1 个月前
小程序
·
h5
关于小程序内嵌h5打开新的小程序
https://juejin.cn/post/7055551463489011749只依赖于h5本身的就是
我码玄黄
1 个月前
前端
·
h5
·
移动端
优化移动端H5:常见问题与解决方案
本文介绍了开发中遇到的几个关于移动端H5开发中的小问题,以及解决的方法。在iOS设备上,H5页面的滑动效果有时会出现不流畅的情况,特别是在页面高度超过一屏时。这通常是由于iOS的webview对滚动事件的默认处理机制导致的。
疯狂学习GIS
1 个月前
c++
·
h5
·
hdf5
·
hdf
·
格式转换
·
gdal
·
遥感影像
C++的HDF5库将h5图像转为tif格式:szip压缩的图像也可转换
本文介绍基于C++ 语言的hdf5库与gdal库,将.h5格式的多波段HDF5图像批量转换为.tif格式的方法;其中,本方法支持对szip压缩的HDF5图像(例如高分一号卫星遥感影像)加以转换。
Mis_wenwen
2 个月前
flutter
·
h5
·
webview
·
重定向
flutter 解决webview加载重定向h5页面 返回重复加载问题
long time no see. 如果觉得该方案helps,点个赞,评论打个call,这是我前进的动力~
HerayChen
2 个月前
微信小程序
·
小程序
·
h5
微信小程序混合 h5 wx.miniProgram是 undefined
前景:处理方法:
叫我菜菜就好
3 个月前
前端
·
flutter
·
uni-app
·
h5
【Flutter、Web——前端个人总结】分享从业经历经验、自我规范准则,纯干货
hi,正式接触web前端已经经过了两年的时间,从大学的java后端转型到web前端,再到后续转战Flutter,逐渐对前端有了一些心得体会,其实在当下前端的呈现形式一直在变化,无论你是用原生、还是web还是混编的形式去做,我不希望前端被框架束缚住,它本质上不过是一种产品的表达形式罢了,是一种最靠近用户体验的实现方式,所以这篇文章,在大体上来说,并不是针对于某一种框架或者技术栈,而是我想表达我在使用某一个呈现方式的时候对其的理解和体会,并尝试找出公共的特点,希望我的想法可能对你有一些帮助。
JohnsonXin
4 个月前
android
·
前端
·
css
·
ios
·
h5
·
兼容性
【兼容性记录】video标签在 IOS 和 安卓中的问题
业务需求背景:由于业务中涉及到有视频播放的内容,所以就使用了 video 标签去做,但是 video 标签在 ios 设备和安卓设备中的默认行为不一致,故记录下解决方法(折中办法)。
lsjweiyi
5 个月前
ios
·
h5
·
支付宝支付
·
window.open
h5适配iOS——window.open失效
在H5开发中,打开一个新的标签页一般使用window.open。安卓中没啥限制,但是iOS的Safari出于安全限制,想使用该方法打开新的网页,必须得有用户手动触发,用代码自动打开是会失效的。
NullPointerExpection
5 个月前
java
·
html
·
h5
·
aws
·
video
·
javaee
java 使用 aws s3 sdk 通过分段下载来实现 html 页面 video 的断点播放、拖动进度播放
参考博客:1. Java 视频流分段返回1. java 拉取 aws s3 视频流返回给浏览器:2. java读物本地视频文件返回给浏览器:
wocwin
5 个月前
vue.js
·
h5
·
history
·
移动端
·
popstate
解决Vue2移动端(H5)项目,手机打开项目侧滑或者按物理返回键,始终是走this.$router.go(-1)
最近开发Vue2移动端(H5)项目,用手机打开项目侧滑或者按物理返回键,始终是走this.$router.go(-1),即相当于点击了浏览器的返回键的项目。目前想要的效果是:只要回到初始页面,点击返回或者侧滑都应该回到工作台,不应该在一步一步的返回到之前进过的页面。
芒果沙冰哟
6 个月前
前端
·
小程序
·
h5
移动端下拉加载更多(h5,小程序)
tips:使用scroll-view下拉加载更多时,需要给一个高度,否则下拉加载将不生效
多客潇潇
6 个月前
小程序
·
uni-app
·
app
·
生活
·
h5
·
开源软件
社交论坛圈子系统APP开发社交圈子小程序系统源码开源,带语音派对聊天室/圈子社交论坛及时聊天
功能// 首页左右滑动切换分类 使用资讯类app常见的滑动切换分类,让用户使用更方便。 2信息卡片流展示 每条信息都是一个卡片,头像展示会员标签,单图自动宽度,多图九宫格展示,底部展示信息发布地址,阅读量、回复数等3列表页支持多种排序 支持按发布时间、距离、热度等方式排序,让用户查找更适合自己的内容。 4支持开启和关闭多城市 用户发布内容根据位置自动标记省市区等信息,管理端开启多城市后,用户可选择城市查看内容5列表页支持多种排序 支持按发布时间、距离、热度等方式排序,让用户查找更适合自己的内容,6詈顶功能
叫我菜菜就好
6 个月前
ios
·
uni-app
·
h5
·
通信问题
【uniapp-ios】App端与webview端相互通信的方法以及注意事项
在开发中,使用uniapp开发的项目开发效率是极高的,使用一套代码就能够同时在多端上线,像笔者之前写过的使用Flutter端和webview端之间的相互通信方法和问题,这种方式本质上实际上是h5和h5之间的通信,网上有非常多的方案,最简单的就是使用postMessage和addEventListener的方式,这个在我之前的文章有讲解,这里不再赘述。 那么今天的问题,是使用uniapp开发的App端和H5端(webview)之间的通信问题。
艾恩小灰灰
7 个月前
前端
·
html
·
h5
·
html5
·
sse
·
数据传输
·
服务器发送事件
HTML5 服务器发送事件(Server-Sent Events, SSE):实时数据传输的新篇章
在实时Web应用领域,HTML5 引入的 Server-Sent Events (SSE) 技术提供了一种轻量级的通信机制,使得服务器能够主动向客户端推送数据。与WebSocket相比,SSE更加简单易用,特别适合于单向通知、实时更新等场景。本文将深入探讨SSE的工作原理、优势、应用场景,并通过实际代码示例带你上手实践。
艾恩小灰灰
7 个月前
前端
·
websocket
·
网络协议
·
h5
·
html5
·
web开发
·
实时通信
HTML5 WebSocket:实时通信的新篇章
随着互联网技术的飞速发展,实时交互成为现代Web应用不可或缺的一部分。在这一背景下,HTML5引入了WebSocket协议,彻底改变了传统的客户端与服务器之间的通信方式,为开发者提供了一种高效、全双工、低延迟的数据传输通道。本文将深入探讨WebSocket的技术细节、工作原理、应用场景,并通过实际代码示例展示其使用方法。
艾恩小灰灰
7 个月前
前端
·
缓存
·
h5
·
html5
·
页面缓存
·
前端缓存
·
应用程序缓存
HTML5应用程序缓存:构建离线可用的Web应用
在互联网无处不在的时代,用户期望随时随地访问Web应用,即便在网络不稳定或完全离线的情况下也不例外。HTML5通过引入应用程序缓存(AppCache)技术,为开发者提供了构建离线可用Web应用的利器。尽管AppCache标准已被废弃,但了解其工作原理对于深入理解现代Web离线策略,如Service Workers,依旧具有重要意义。本文将详细介绍HTML5应用程序缓存的使用方法,并通过实例代码让你快速上手。
艾恩小灰灰
7 个月前
前端
·
html
·
h5
·
html5
·
表单元素
·
datalist
HTML5表单元素:重塑数据收集的艺术
HTML5为网页表单带来了革命性的变化,不仅增强了用户体验,也为开发者提供了更加强大和灵活的工具来收集和验证数据。本文将深入解析HTML5中新增和改进的表单元素,通过实例展示它们如何提升表单功能和交互性。
艾恩小灰灰
7 个月前
前端
·
数据库
·
sql
·
h5
·
html5
·
web sql
HTML5 Web SQL数据库:浏览器中的轻量级数据库解决方案
在HTML5时代,Web开发迎来了一系列创新特性,其中之一便是Web SQL数据库。尽管Web SQL标准已被W3C废弃,转而推荐IndexedDB作为替代,但了解Web SQL对于学习Web存储技术的演进历程仍有其价值。本文将详细介绍Web SQL数据库的基本概念、使用方法,并通过代码示例带你实战操作。
艾恩小灰灰
7 个月前
前端
·
h5
·
html5
·
前端开发
·
drag
·
drop
·
拖放
HTML5拖放(Drag and Drop)全面指南:让网页互动起来
HTML5 引入了许多令人兴奋的新特性,其中之一便是原生支持的拖放(Drag and Drop)功能,它极大地丰富了网页的交互体验,允许用户直接在页面上通过鼠标操作来移动元素。本文将深入浅出地介绍如何在你的网页中实现拖放功能,包括基本概念、API使用、事件处理以及代码示例。