技术栈
h5
叫我菜菜就好
1 个月前
前端
·
flutter
·
uni-app
·
h5
【Flutter、Web——前端个人总结】分享从业经历经验、自我规范准则,纯干货
hi,正式接触web前端已经经过了两年的时间,从大学的java后端转型到web前端,再到后续转战Flutter,逐渐对前端有了一些心得体会,其实在当下前端的呈现形式一直在变化,无论你是用原生、还是web还是混编的形式去做,我不希望前端被框架束缚住,它本质上不过是一种产品的表达形式罢了,是一种最靠近用户体验的实现方式,所以这篇文章,在大体上来说,并不是针对于某一种框架或者技术栈,而是我想表达我在使用某一个呈现方式的时候对其的理解和体会,并尝试找出公共的特点,希望我的想法可能对你有一些帮助。
JohnsonXin
2 个月前
android
·
前端
·
css
·
ios
·
h5
·
兼容性
【兼容性记录】video标签在 IOS 和 安卓中的问题
业务需求背景:由于业务中涉及到有视频播放的内容,所以就使用了 video 标签去做,但是 video 标签在 ios 设备和安卓设备中的默认行为不一致,故记录下解决方法(折中办法)。
lsjweiyi
3 个月前
ios
·
h5
·
支付宝支付
·
window.open
h5适配iOS——window.open失效
在H5开发中,打开一个新的标签页一般使用window.open。安卓中没啥限制,但是iOS的Safari出于安全限制,想使用该方法打开新的网页,必须得有用户手动触发,用代码自动打开是会失效的。
NullPointerExpection
3 个月前
java
·
html
·
h5
·
aws
·
video
·
javaee
java 使用 aws s3 sdk 通过分段下载来实现 html 页面 video 的断点播放、拖动进度播放
参考博客:1. Java 视频流分段返回1. java 拉取 aws s3 视频流返回给浏览器:2. java读物本地视频文件返回给浏览器:
wocwin
3 个月前
vue.js
·
h5
·
history
·
移动端
·
popstate
解决Vue2移动端(H5)项目,手机打开项目侧滑或者按物理返回键,始终是走this.$router.go(-1)
最近开发Vue2移动端(H5)项目,用手机打开项目侧滑或者按物理返回键,始终是走this.$router.go(-1),即相当于点击了浏览器的返回键的项目。目前想要的效果是:只要回到初始页面,点击返回或者侧滑都应该回到工作台,不应该在一步一步的返回到之前进过的页面。
芒果沙冰哟
4 个月前
前端
·
小程序
·
h5
移动端下拉加载更多(h5,小程序)
tips:使用scroll-view下拉加载更多时,需要给一个高度,否则下拉加载将不生效
多客潇潇
4 个月前
小程序
·
uni-app
·
app
·
生活
·
h5
·
开源软件
社交论坛圈子系统APP开发社交圈子小程序系统源码开源,带语音派对聊天室/圈子社交论坛及时聊天
功能// 首页左右滑动切换分类 使用资讯类app常见的滑动切换分类,让用户使用更方便。 2信息卡片流展示 每条信息都是一个卡片,头像展示会员标签,单图自动宽度,多图九宫格展示,底部展示信息发布地址,阅读量、回复数等3列表页支持多种排序 支持按发布时间、距离、热度等方式排序,让用户查找更适合自己的内容。 4支持开启和关闭多城市 用户发布内容根据位置自动标记省市区等信息,管理端开启多城市后,用户可选择城市查看内容5列表页支持多种排序 支持按发布时间、距离、热度等方式排序,让用户查找更适合自己的内容,6詈顶功能
叫我菜菜就好
4 个月前
ios
·
uni-app
·
h5
·
通信问题
【uniapp-ios】App端与webview端相互通信的方法以及注意事项
在开发中,使用uniapp开发的项目开发效率是极高的,使用一套代码就能够同时在多端上线,像笔者之前写过的使用Flutter端和webview端之间的相互通信方法和问题,这种方式本质上实际上是h5和h5之间的通信,网上有非常多的方案,最简单的就是使用postMessage和addEventListener的方式,这个在我之前的文章有讲解,这里不再赘述。 那么今天的问题,是使用uniapp开发的App端和H5端(webview)之间的通信问题。
艾恩小灰灰
5 个月前
前端
·
html
·
h5
·
html5
·
sse
·
数据传输
·
服务器发送事件
HTML5 服务器发送事件(Server-Sent Events, SSE):实时数据传输的新篇章
在实时Web应用领域,HTML5 引入的 Server-Sent Events (SSE) 技术提供了一种轻量级的通信机制,使得服务器能够主动向客户端推送数据。与WebSocket相比,SSE更加简单易用,特别适合于单向通知、实时更新等场景。本文将深入探讨SSE的工作原理、优势、应用场景,并通过实际代码示例带你上手实践。
艾恩小灰灰
5 个月前
前端
·
websocket
·
网络协议
·
h5
·
html5
·
web开发
·
实时通信
HTML5 WebSocket:实时通信的新篇章
随着互联网技术的飞速发展,实时交互成为现代Web应用不可或缺的一部分。在这一背景下,HTML5引入了WebSocket协议,彻底改变了传统的客户端与服务器之间的通信方式,为开发者提供了一种高效、全双工、低延迟的数据传输通道。本文将深入探讨WebSocket的技术细节、工作原理、应用场景,并通过实际代码示例展示其使用方法。
艾恩小灰灰
5 个月前
前端
·
缓存
·
h5
·
html5
·
页面缓存
·
前端缓存
·
应用程序缓存
HTML5应用程序缓存:构建离线可用的Web应用
在互联网无处不在的时代,用户期望随时随地访问Web应用,即便在网络不稳定或完全离线的情况下也不例外。HTML5通过引入应用程序缓存(AppCache)技术,为开发者提供了构建离线可用Web应用的利器。尽管AppCache标准已被废弃,但了解其工作原理对于深入理解现代Web离线策略,如Service Workers,依旧具有重要意义。本文将详细介绍HTML5应用程序缓存的使用方法,并通过实例代码让你快速上手。
艾恩小灰灰
5 个月前
前端
·
html
·
h5
·
html5
·
表单元素
·
datalist
HTML5表单元素:重塑数据收集的艺术
HTML5为网页表单带来了革命性的变化,不仅增强了用户体验,也为开发者提供了更加强大和灵活的工具来收集和验证数据。本文将深入解析HTML5中新增和改进的表单元素,通过实例展示它们如何提升表单功能和交互性。
艾恩小灰灰
5 个月前
前端
·
数据库
·
sql
·
h5
·
html5
·
web sql
HTML5 Web SQL数据库:浏览器中的轻量级数据库解决方案
在HTML5时代,Web开发迎来了一系列创新特性,其中之一便是Web SQL数据库。尽管Web SQL标准已被W3C废弃,转而推荐IndexedDB作为替代,但了解Web SQL对于学习Web存储技术的演进历程仍有其价值。本文将详细介绍Web SQL数据库的基本概念、使用方法,并通过代码示例带你实战操作。
艾恩小灰灰
5 个月前
前端
·
h5
·
html5
·
前端开发
·
drag
·
drop
·
拖放
HTML5拖放(Drag and Drop)全面指南:让网页互动起来
HTML5 引入了许多令人兴奋的新特性,其中之一便是原生支持的拖放(Drag and Drop)功能,它极大地丰富了网页的交互体验,允许用户直接在页面上通过鼠标操作来移动元素。本文将深入浅出地介绍如何在你的网页中实现拖放功能,包括基本概念、API使用、事件处理以及代码示例。
艾恩小灰灰
6 个月前
前端
·
html
·
h5
·
html5
·
web
·
前端开发
·
mathml
深入探索HTML5 MathML:数学在线表达的新篇章
随着互联网技术的不断进步,HTML5不仅在多媒体、交互性方面取得了显著成就,还为数学领域带来了革新——MathML(Mathematical Markup Language)。MathML是一种基于XML的标准,旨在使数学公式和符号在网络上能够以统一、精确且可访问的方式显示。本文将详细介绍HTML5中MathML的基本概念、使用方法,并通过实例代码展示其强大功能。
521源码
6 个月前
游戏
·
h5
·
手游
·
闯梦江湖
521源码-免费游戏源码下载-闯梦江湖Q萌复古全网通手游服务端H5全攻略
闯梦江湖H5:Q萌复古全网通手游服务端全攻略 一、概述闯梦江湖H5 是一款结合Q萌画风与复古情怀的全网通H5手游。我们为您提供了最新打包的Windows服务端,并附带了通用视频架设教程和GM网页授权后台工具,让您轻松搭建并管理自己的游戏世界。
奔跑吧邓邓子
7 个月前
前端
·
h5
·
hbuilder
HBuilder如何发布前端H5应用
点击【发行】按钮后,如果没有创建应用会出现如下提示:登录链接:https://dev.dcloud.net.cn
叫我菜菜就好
8 个月前
前端
·
flutter
·
h5
·
通信
【Flutter和H5数据传递问题】window.postMessage方法引起的数据问题
距离上一篇博客已经过了很长时间了,这次在做公司项目中又遇到了新的问题,决定还是写出来看看各位大神对此有什么看法,分享一下各位的想法。
天問_
10 个月前
前端
·
ios
·
h5
H5适配iOS顶部和底部安全区域
在移动端Web开发中,适配不同设备的屏幕是一个重要且挑战性的任务。对于iOS设备来说,这一任务尤为关键,因为自iPhone X起,苹果的设备引入了刘海屏、圆角等设计,这就要求开发者在Web页面中特别处理顶部和底部的安全区域。本文将介绍如何在H5应用中适配iOS设备的顶部和底部安全区域,包括对旧版iOS的兼容处理。
天問_
10 个月前
前端
·
ios
·
h5
·
css3
禁止 ios H5 中 bounces 滑动回弹效果
在开发面向 iOS 设备的 HTML5 应用时,控制页面的滚动行为至关重要,特别是禁用在 Safari 中默认的滑动回弹效果。本文旨在提供一个简洁明了的解决方案,帮助开发者在特定的 Web 应用中禁用这一效果。