uni-app
uni-app组成和跨端原理
基本语言和开发规范 uni-app代码编写，基本语言包括js、vue、css。以及ts、scss等css预编译器。 在app端，还支持原生渲染的nvue，以及可以编译为kotlin和swift的uts。 DCloud还提供了使用js编写服务器代码的uniCloud云引擎。所以只需掌握js，你可以开发 ......
Uni-App获取用户已安装应用列表
```js // 获取用户已装应用列表 plus.android.importClass("java.util.ArrayList"); plus.android.importClass("android.content.pm.PackageInfo"); plus.android.importCl ......
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、vue2生命周期（钩子函数） （1）钩子函数： 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app
1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
【补充】uni-app和开源前端项目
# 【补充】uni-app和开源前端项目 # 【一】uni-app - https://uniapp.dcloud.net.cn/tutorial/app-useragent.html - uni-app是一个基于Vue.js框架的多端开发解决方案，可以同时开发生成iOS、Android、H5等多个 ......
前端vue uni-app自定义精美海报生成组件
在当前技术飞速发展的时代，软件开发的复杂度也在不断提高。传统的开发方式往往将一个系统做成整块应用，一个小的改动或者一个小功能的增加都可能引起整体逻辑的修改，从而造成牵一发而动全身的情况。为了解决这个问题，组件化开发逐渐成为了一种趋势。通过组件化开发，我们可以实现单独开发、单独维护，并且组件之间可以随 ......
前端vue uni-app cc-countdown倒计时组件
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......
uni-app前端图表组件库，折现图横屏android失败的解决办法
网址：https://www.ucharts.cn/v2/#/demo/index，需要登录，微信就可以 我在使用折现图时，业务需要把曲线图在点击全屏时横屏全屏显示。就做个全屏页面，点击后，把option和data传到该页面去。做前端得伙伴实现后，发现他得iphone13每次全屏都没问题，而在我得a ......
uni-app写微信小程序，data字段循环引用
在写程序过程中，需要使用到 globalData里的内容，而这个全局变量，在uni-app上需要通过： var app=getApp(); app.globalData.xxx=xxx来使用。 我觉得每次都要获取app对象，嫌麻烦，就在data数据段里定义一个app字段， 之后就通过 this.ap ......
uni-app 怎么打包
看了网上很多打包的 mad 没有一个可以用的 特别麻烦 有的还要登录 绑定手机号什么的 最后没什么吊用 1 当你点击获取的时候 会有这个弹框 不要管 直接获取 获取到之后 然后就在控制台开始编译了 这个就是它编译好的 h5静态文件 直接拖到服务器上面就行了 ......
uni-app vue-cli命令行创建项目，拉取模板（dcloudio/uni-preset-vue）失败，443超时报错
### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示，通过 vue-cli 命令行创建项目，出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
uni-app 中模拟器真机运行项目
1. 安装模拟器MuMu 2.配置环境变量 找到HbuilderX的安装目录，查找adb.exe文件，复制serve.exe所在文件目录的路径，配置到系统变量的Path中 3. 在模拟器中进行配置 注意：端口为7555 不同模拟器的默认端口是不一样的 adb的路径一定是HbuilderX的adb路径 ......
uni-app 的开屏动画过长的解决办法
uniapp有一个默认的加载动画，转圈圈的那个。 目前能够关闭的方法： 1.在pages.json里面加入： 1 "app-plus" : { 2 "usingComponents" : true, 3 "splashscreen" : { 4 "alwaysShowBeforeRender" : ......
uni-app如何生成证书和应用签名
1、下载java sdk 安装到windows （提取链接见下图） 链接：https://pan.baidu.com/s/1mwVXlRLx79Sgt21JQEPd0A?pwd=r0ja 提取码：r0ja 2、安装sdk 避开文件夹是中文和有空格的文件夹（我是新建C:\java\sdk; C:\ja ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
UNI-APP rich-text解析富文本数据，图片不能自适应
一、解决方案 <rich-text :nodes="goodsInfor.content"></rich-text> 数据替换下 res.data.content = res.data.content.replace(/<img/gi, "<img class='richImg'"); css .r ......
uni-app http.js 请求封装（构造函数版本）
import { getToken, removeToken } from "./auth.js" import config from './config.js' // 默认配置 const DEFAULT_CONFIG = { baseUrl: process.env.NODE_ENV 'dev ......
前端uni-app自定义精美全端复制文本插件，支持全端文本复制插件 可设置复制按钮颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
uni-app中webView下自定义导航
参考博客： https://dandelioncloud.cn/article/details/1609872435337969666 https://blog.csdn.net/endianzhijia/article/details/87883346 <template> <view> <web ......
使用uni-app中的uni-popup-dialog组件编译成小程序会自动弹出键盘问题
1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时，会自动把键盘弹出来，如图所示： 2.代码如下： <uni-popup type="dialog" ref="dialog"> <uni-popup-dialog mode="input" ......
如何解决uni-app上传图片提示打包未添加Camera模块？ uni.app es6 vue2
可以在manifest.json来进行配置 这样就解决了 ......
uni-app 解决echarts在h5中 tooltips及部分功能失效问题
1、echarts图可以加载，tooltips提示框不显示，部分功能不生效。 2、原因 1.echarts 引入的时候，会优先判断当前的环境。 2.由于uni app 中有一个 ‘wx’ 全局变量污染了echarts中的 wx 变量，导致这里的判断直接走第一个，echarts 部分功能无法生效 三、 ......
uni-app功能分享
压缩图片 function compressImage(url, filename) { var name = 'file:///storage/emulated/0/Documents/weiliao/' + filename; plus.zip.compressImage( { src: url ......
关于uni-app中使用 movable-area及movable-view标签实现悬浮拖拽功能
1.背景描述 在页面中，添加一个悬浮按钮并实现拖动它到任意位置。使用到的内置组件有 movable-area, movable-view。 2.效果 3.具体代码实现 <template> <movable-area class="movable-area"> <movable-view class ......
uni-app生命周期方法
1、应用程序的生命周期方法：定义在根组件app.vue中 onLaunch() 应用程序启动onShow() 应用程序显示onHide() 应用程序隐藏 2、页面的生命周期方法--仿微信小程序 onLoad() 页面挂载完成onShow() 页面被显示onReady() 页面可以交互onHide() ......
uni-app学习
笔记一地址：https://www.cnblogs.com/echoyya/p/14427845.html 笔记二地址：https://www.cnblogs.com/echoyya/p/14429616.html 参考地址:https://www.cnblogs.com/jun-qi/p/1177 ......
基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案
前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起，页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图：支持h5+小程序+App端markdown解析渲染。 上面 ......
uni-app微信小程序路由传参数据截断问题解决
跳转页面： 因为数据接受页面是富文本编辑器接收，所以先是将数据双引号处理了。 数据太多太长，跳转页面只要用encodeURIComponent()函数将其数据处理后传过去 const details = this.oneform.text.replace(/"/g, '\'') this.$tab. ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......