公司技术栈主要是vue，移动端是uni-app。最近打算迭代移动端项目，vue3都已经更新到3.2.x，vite也更新到2.x，前期大多数bate问题都已处理优化得差不多，正好趁这个机会将原来的vue2 + webpack 升级成 vue3 + vite + typescript。问题出现前期项目搭建就不在这里讲了，后面整理好了单独出一篇。讲一下遇到的问题：在一次模板语法使用require引入静态
目录前言一.创建项目二.配置Pinia三.配置eslint四.配置prettier五.解决eslint和prettier冲突六.配置husky七.总结前言 【uniapp微信小程序系列】将持续更新分享使用uniapp开发小程序的干货文章。本篇文章是从0搭建uniapp项目，如果是个人项目或者公司无代码规范
项目场景：在uni-app中，通过点击邀请分享海报的方式，可以展示不同的海报，并通过扫描海报上的二维码来实现用户之间的关系绑定，从而实现分销功能；每次生成的海报样式都可能不同，可以根据后台配置的宽度、高度、X坐标和Y坐标的不同，需要灵活调整每个海报中展示二维码的位置。问题描述uni-app中如何使用API生成海报。生成的图片无法正确展示，本地可以看到，真机上看不到。动态改变二维码的位置和大小，位置
需求描述小程序项目用到IM即时通讯功能，苹果和安卓出现input输入框被软键盘遮挡的情况。效果展示
解决问题HTML部分（结构很重要）<template>
<view class="content">
<!-- 聊天内容展示区 -->
<scroll-view class="scroll-view" scroll-with-animati
前言：笔者一名业余的码农，只是爱好而已。刚从html转到uni-app这边，vue也是第一次写。 效果：像这个可以左右切换的长列表，上面的tab倒是很好实现，直接使用官方的scroll-view组件就可以了。 但是下方的长列表，要实现并且保证高性能，可不是一件容易事。下方内容列表一开始，我是考虑使用swiper组件的，但是swiper组件的高度始终是固定的，即便你动态修改了。但依旧是固定的高度，以
uniapp live-player横屏功能笔记需求背景：点击全屏按钮使得原本竖屏的直播变成横屏状态，并在横屏中显示自定义的控件。
这里的需求是点击按钮进行全屏翻转，而不需要做监听翻转，所以方法相对简单一些。开发核心点如何横屏？一开始我有以下两种方向uni.createLivePlayerContext()orientation：horizontal第一种就是创建live-player上下文liv
# UniApp在iOS中的视频播放实现
在移动开发的过程中，视频播放是一个不可或缺的功能，尤其在旅游、教育、娱乐等应用中。UniApp作为一种跨平台的开发框架，使得我们可以通过一次开发，便能在iOS、Android等平台上运行。在本文中，我们将探讨如何在UniApp中实现视频播放，特别是在iOS设备上。
## 一、UniApp基础概述
UniApp是一个使用Vue.js开发的跨平台框架，可
视频播放有3种解决方案，使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放，以及使用Native.js。HTML5自带video标签，可以播放符合HTML5规范的视频格式。注意不含flv、ra等三方商业公司的规范格式。HTML5的video在Android上有较多浏览器兼容性问题，这里有篇网友分享的经典文章讲述了HTML5 video的使用注意，
web-view是什么web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。本文最下面还有一些常见或者奇怪问题解决方案哦~为什么使用这种方式搞页面？有什么好处呢？之前开发好的H5页面，不想重新开发，想要直接放进项目用页面热更新，不需要重新打包复杂需求使用H5比较方便，比如复杂的echarts等不想要使用uniapp搞其他好处等你
uniapp一：mui-player：三方 h5 web app uniapp 开发的h5项目，需要播放m3u8/flv后缀的视频，网上有很多视频插件，但是样式和效果不尽如人意，博主最后选择mui-player插件：定制化稍微强一点以及有官方文档可以阅读，官网文档介绍 | MuiPlayer二：Dplayer.js：三方 h5 web在项目中，可能会获
uni-app 全局消息通知弹窗（App端）实现效果实现一个顶部的全局消息通知，并且可以常驻，除非手动关闭。效果图如下收到告警通知 弹窗从顶部向下弹出，可点击跳转到对应页面，可上滑关闭弹窗，弹窗出现期间不能阻塞其他操作（切换页面、点击其他按钮…）…全局通知可以常驻，不影响其他操作（页面跳转、点击事件）点击消失（触发回调）、向上滑动消失（触发回调）带点动画实现思索与翻找文档良久，未得容易的实现方式，
1. wxml常用标签标签作用属性view实现页面布局块元素，相当于divblock包裹页面元素只是包裹，不会再页面渲染，类似于templatescoll-view页面内元素内部滚动scroll-x：横向滚动；scroll-y：纵向滚动swiper轮播图，标签内套swiper-itemindicator-dots：面板指示点是否显示；indicator-color：指示点颜色；indicator-
1.oss上传插件安装插件地址插件安装教程 安装成功如图所示：上传视频的话需要再根据需求更改一下配置文件，更改如下const fileType=filePath.split('.')[1]
const aliyunFileKey = dir + new Date().getTime() + Math.floor(Math.random() * 150) +`.${fileType}`;如图所示
一、安装环境：1.vmware虚拟机安装mac snow leopard苹果雪豹系统，这里很详细，使用Darwin引导，目前使用版本10.6（PS：最新版本10.8）http://www.pairsdoll.com/vmware-installmac-snow-leopard.html/2.注册「Apple ID」iTunes store帐号现在已经完全可以自己注册啦！方法如下：
下载最新的iT
转载
2023-07-26 17:22:53
345阅读
最近我负责的项目一百多个页面，写了一半，发现预览到小程序已经超过2048kb，得分包了。找了很多资料才搞个差不多，当然最后分包成功并且做了优化。步骤：我是以四个tabbar来分的，分别是：首页-shouye、二手-ershou、经验-jingyan、我的-wode1、这四个页面是tabbar.vue页面，全部放在pages.json的pages数组对象下面，官网有格式。2、并且创建四个同名目录，&
最近用uniapp做项目有个需求，在页面中加入MP4格式的动画。用uniapp原生组件引入视频，遇到几个问题，搞了很久。1.首先是引入视频的地址需要的是网络地址，本地的显示不出来，需要放在公司的服务器或者阿里云腾讯云。 2.因为视频的尺寸比较大，占据整个页面，相当于充当背景那样的一个角色，所以设置了宽高都为100%。引入视频之后，页面中的其他元素被遮盖，不显示出来，z-index不起作用
我觉得这个问题有必要记录一下。最近项目中遇到的问题：项目是uniapp开发，有一个商品详情的页面和一个视频竖向轮播的页面。问题描述1、商品详情页上面是图片轮播(包含视频)，下面是商品详情，当页面上下滑动时，如果当前轮播是视频，那么视频就会停留在原位置 不会跟随页面滚动，小程序端是正常的，app端会出现这个问题。 2、视频竖向轮播的页面 (类似抖音) 上下滑动切换视频，视频上面有一些内容(返回按钮、
# 在UniApp中实现iOS视频自动播放功能
在移动应用开发中，视频内容的播放是提升用户体验的重要组成部分。UniApp作为一种跨平台开发框架，为我们提供了多种实现方式，其中包括如何在iOS设备上实现视频的自动播放。本文将详细介绍如何在UniApp中实现这一功能，并附上相关代码示例。
## 什么是UniApp
UniApp是一个使用Vue.js开发的跨平台框架，支持在微信小程序、H5以及各
uniapp中swiper内嵌video组件的坑是使用uniapp写的项目，需求就是写一个tab切换，tab1里面是一段文本，tab2也是，tab3里面需要使用video组件插入一个视频,我是使用的scroll-view与swiper组件实现tab滑动切换页面（当时想的这有啥难，分分钟搞定的事情嘛不是，然而等我加上视频在手机运行的时候搞了大半天一直是有问题，唉，我还是太年轻?）。所以这次遇到的一个
问题描述： 在uniapp中使用video组件，编译成小程序，结果，发现视频无法播放，并且出现黑屏，但是能听到声音的情况。 经过几番google，竟然是 视频格式类型不对导致的。 如何把之前播放不了的视频转换成可以播放的视频，需要2
原创
2020-12-03 15:21:00
379阅读
