前言根据上一篇文章 骚年你的屏幕适配方式该升级了!-今日头条适配方案 的承诺,本文是这个系列的第二篇文章,这篇文章会详细讲解 smallestWidth 限定符屏幕适配方案了解我的朋友一定知道,MVPArms 一直使用的是 鸿神 的 AndroidAutoLayout 屏幕适配方案,得益于 AndroidAutoLayout 的便捷,所以我对屏幕适配领域研究的不是很多,AndroidAutoLay
uniapp live-player横屏功能笔记需求背景:点击全屏按钮使得原本竖屏的直播变成横屏状态,并在横屏中显示自定义的控件。 这里的需求是点击按钮进行全屏翻转,而不需要做监听翻转,所以方法相对简单一些。开发核心点如何横屏?一开始我有以下两种方向uni.createLivePlayerContext()orientation:horizontal第一种就是创建live-player上下文liv
转载 28天前
15阅读
前言:点滴积累,贵在坚持一、布局描述:屏幕分为上下两部分,上面部分高度固定,比如 400rpx(单位可以指定为其他的比如px、upx等,高度也可以自己设定),下面部分为 scroll-view 占满剩余高度,两者宽度都是占满,效果图如下: 二、实现方法如下,经验证 APP 端和 H5端都可适用(易于看懂就直接上代码了),不管底部是有 tabbar 还是没有 ta
uni-app 全局消息通知弹窗(App端)实现效果实现一个顶部的全局消息通知,并且可以常驻,除非手动关闭。效果图如下收到告警通知 弹窗从顶部向下弹出,可点击跳转到对应页面,可上滑关闭弹窗,弹窗出现期间不能阻塞其他操作(切换页面、点击其他按钮…)…全局通知可以常驻,不影响其他操作(页面跳转、点击事件)点击消失(触发回调)、向上滑动消失(触发回调)带点动画实现思索与翻找文档良久,未得容易的实现方式,
随着小程序的快速发展,开屏广告成为了小程序广告营销领域的一种重要形式。开屏广告不仅能够提高曝光率,还有助于品牌的形象建立和用户的留存。在小程序开发中,使用uniapp框架可以快速实现多端适配,极大地方便了开发者的工作。下面,本文将介绍如何使用uniapp框架来实现开屏轮播图广告的功能。一、需求分析在开发开屏广告之前,我们需要明确开发的需求。一般来说,开屏广告需要实现如下功能:显示倒计时,让用户了解
最近用uniapp做项目有个需求,在页面中加入MP4格式的动画。用uniapp原生组件引入视频,遇到几个问题,搞了很久。1.首先是引入视频的地址需要的是网络地址,本地的显示不出来,需要放在公司的服务器或者阿里云腾讯云。 2.因为视频的尺寸比较大,占据整个页面,相当于充当背景那样的一个角色,所以设置了宽高都为100%。引入视频之后,页面中的其他元素被遮盖,不显示出来,z-index不起作用
转载 8月前
865阅读
uniapp APP端视频轮播问题(黑屏,变形)今天接到一个需求:需要在商品详情轮播展示视频,本以为很简单,但是发现好多坑,在app端出现黑屏,卡顿,变形,视频只展示半屏的情况。 完整代码放底下了问题1:有声音但是黑屏(所有端都出现)原因:没有传入poster(封面图)参数,前提 controls 必须为true问题2:APP端 视频轮播出现变形,走移,卡顿,展示半屏问题原因:video属于原生标
转载 19天前
67阅读
iOS12fix掉的问题:第一、iOS11.3 WKWebView的多选图片功能出现了bug。我们apple的架构设计如下:rootViewController为UITabBarController,然后add了五个NavigationController,这里的bug主要的表现是:当用户在wkwebview中唤起相册后选取多张相片,相册的右上角一直都是取消按钮,没有完成按钮,导致无法选取图片。i
转载 2023-09-12 20:31:25
115阅读
语义化标签< header >:头部标签< nav >:导航标签< article >:内容标签< section >:定义文档某个区域,可以看作是一个更大的< div >标签< aside >:侧边栏标签< footer >:底部标签注意:这种语义化标签主要是针对搜索引擎的。这种标签存在兼容性问题,在IE9中,需
转载 1月前
16阅读
1.video的属性 <!-- video 不支持 IE8及以下版本浏览器,支持三种视频格式:MP4,WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test
之前的做法是,请求一个视频链接,返回一整个视频文件。安卓机是没问题的,但是ios播放有问题对于ios来说,他不是一次性请求全部文件的,一般首先会请求0-1字节,这个写在request header的"range"字段中: range:'bytes=0-1' 如果是想要传输视频,必须要解析range字段,然后按照range字段的要求返回对应的数据,同时response header至少要包含三个字段
转载 2023-09-06 14:19:05
312阅读
uni-app中几个路由页面跳转函数的区别,自己做项目时踩过的坑(不好好读官文博文的后果),希望能够帮助到遇到问题的同志。问题一:uni.navigateTo(OBJECT) 无法跳转问题出现这种情况,大概率就是没有看官方文档了。uni.navigateTo这个函数是不支持跳转到tarbar中的页面的,如果你需要跳转到的页面是pages.json中被你设置为tarbar的页面,你就需要用到其他的函
转载 9月前
143阅读
文章目录1.小程序报错报类似Bad value with message的错误2.如果后端的接口数据返回null,则微信小程序会渲染成null ;h5端则不会;3.全局挂在的属性,在模板中不可用;4.微信小程序报错Converting circular structure to JSON5.uview不能使用@tap6.包体积瘦身,单包不能超过2M,总包不能超过20M7.@tap无法动态传参8.
# iOS 中实现视频默认全屏的指南 在iOS开发中,处理视频播放是一项常见的任务。其中,设置视频默认全屏模式尤为重要。本文将引领你通过具体步骤实现这个目标。 ## 流程概述 以下是实现视频默认全屏的步骤流程: | 步骤 | 描述 | |------|-----------------------------------| | 1
原创 5小时前
0阅读
公司技术栈主要是vue,移动端是uni-app。最近打算迭代移动端项目,vue3都已经更新到3.2.x,vite也更新到2.x,前期大多数bate问题都已处理优化得差不多,正好趁这个机会将原来的vue2 + webpack 升级成 vue3 + vite + typescript。问题出现前期项目搭建就不在这里讲了,后面整理好了单独出一篇。讲一下遇到的问题:在一次模板语法使用require引入静态
# UniApp iOS全屏模式详解 UniApp 是一个以 Vue.js 为核心的跨平台应用框架,它能够帮助开发者开发多端应用,如微信小程序、App(iOS/Android)等。在移动端应用中,全屏模式能够带给用户沉浸式的体验,这对于很多场景尤其是游戏、视频播放或大图浏览等场景来说至关重要。在本文中,我们将详细介绍如何在 UniApp 中实现 iOS 全屏模式,同时通过代码示例帮你更好地理解。
原创 1月前
132阅读
文/陈伊婷随着首发iPhone 13而来的,是大大小小的软硬件bug。撕开环保的密封条,映入眼帘的是iPhone 13漂亮的机身,边框处美中不足,有一道小划痕。除了划痕问题,摄像头似乎也沾上了灰,但怎么都擦不掉,原来是镜头里面有灰尘颗粒。花了好几千块买的东西,开箱验机时恨不得拿显微镜观察,碰上这样的问题,自然要到社交软件上分享。只是没想到,这都只是小问题。自9月24日起,关于iPhone 13五花
转载 2023-07-14 18:56:53
145阅读
随着iOS 11正式版,以及Xcode9正式版的发布,已有项目工程对于新版本系统和机型的适配就提上了日程。下面简单讲一讲遇到的一些坑,同时也向在解决问题中查阅的资料文章作者表示感谢!安全区域坑NO.1 iOS 11下APP中tableView内容下移20pt 整个页面隐藏了导航栏(自定义导航栏),下面就是一个tableview,加上了MJRefresh第三方。可以明显看出上方状态栏的部分空白,整
前言:笔者一名业余的码农,只是爱好而已。刚从html转到uni-app这边,vue也是第一次写。 效果:像这个可以左右切换的长列表,上面的tab倒是很好实现,直接使用官方的scroll-view组件就可以了。 但是下方的长列表,要实现并且保证高性能,可不是一件容易事。下方内容列表一开始,我是考虑使用swiper组件的,但是swiper组件的高度始终是固定的,即便你动态修改了。但依旧是固定的高度,以
# UniAppiOS中的视频播放实现 在移动开发的过程中,视频播放是一个不可或缺的功能,尤其在旅游、教育、娱乐等应用中。UniApp作为一种跨平台的开发框架,使得我们可以通过一次开发,便能在iOS、Android等平台上运行。在本文中,我们将探讨如何在UniApp中实现视频播放,特别是在iOS设备上。 ## 一、UniApp基础概述 UniApp是一个使用Vue.js开发的跨平台框架,可
原创 1月前
270阅读
  • 1
  • 2
  • 3
  • 4
  • 5