【uni-app】第44页

菜谱APP项目实战，可以魔改任意APP——前后端齐全（附赠源码）

菜谱APP开发实战（可改任意APP）1.优点多平台性由于此APP开发的时候采用的是uni-app来开发的，所以说它可以打包成多种形态，在各种平台上进行使用。比如：微信、支付宝等各种小程序。

拼搏的小浣熊·2023-08-29 22:52

cll创建的uniapp小程序动态更改manifest.json

文章目录1，前言2，实现思路3，实现代码1，前言事情的起因是这样的，项目是用cli搭建的uni-app小程序。申请了两个appid，一个用作开发人员调试使用，体验版和正式版都是dev环境。

鹏多多.·2023-08-29 21:21

uniapp 项目实践总结(二)从零开始搭建一个项目

下载地址:hbuilderx；新建项目打开软件找到文件》新建》项目，选择uni-app项目，默认模板就可以；填写项目名称和存储路径，点击

·2023-08-29 21:55

uni-app 中使用uview生成测试小程序后报错：pleaseSetTranspileDependencies is not defined

这是一篇踩坑文，记录一个uni-app中的坑点。

张旭豪·2023-08-29 18:24

Uni-App从入门到实战-黑马程序员【uniapp基础知识讲义笔记】

想要课程资料的同学可以留言，留下你的邮箱哦####uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启

南北极之间·2023-08-29 18:48

UniApp 笔记

@开头的绝对路径以及相对路径会经过base64转换规则校验应用生命周期uni-app支持onLaunch、onShow、onHide等应用生命周期函数，详情请参考应用生命周期页面生命周期uni-app支持

bennybi·2023-08-29 18:47

UniAPP笔记

UniAPP笔记一、UniAPP介绍1.UniAPP简介uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、HS，以及各种小程序（微信/支付宝

Ohh_ZH·2023-08-29 18:17

uniapp技术应用，以及案列讲解

uni-app是一个使用Vue.js开发跨平台应用的前端框架；开发者编写一套代码，uni-app将其编译发布到iOS、Android、Web响应式、以及各种小程序，比如微信、支付宝、百度、头条、QQ、钉钉

有点菜的小宇宇·2023-08-29 14:35

`uni.uploadFile` 的使用，返回数据为`非json` 格式

格式数据，见data中的数据，响应中的msg也乱码控制台输出响应预览响应结果官方解释，uni.app暂未作处理官方解释：文件上传，返回data数据转为了string·Issue#2464·dcloudio/uni-app

gsunneverdie·2023-08-29 13:18

uniapp获取微信昵称和头像

可以参考官方文档的示例根据API调试进行获取uni-app官网(dcloud.net.cn)多的不说直接上示例看看我的代码HTML部分简单的搞了一个样式样式就不用了多说了吧？

翻斗花园-图图·2023-08-29 13:54

uni-app 中实现文件和图片的上传-H5

之前写过一篇上传的文章，但是那篇文章仅仅只能实现上传图片的功能，而且代码写的比较乱，看起来很繁杂，最近有幸又遇到了上传图片和文件的需求，在完成这个功能后，整理一下，希望能给需要做上传功能的人提供一些参考。首先我先展示一下我的效果图，方便需求跟我差不多的人快速决定是否继续预览本文章。需求是：点击上传后，弹出弹框选择要传的文件类型（图片或者文件），前提是每次只能选择一个不能多选，接着就将选好的文件名、

Stitch_xiao·2023-08-29 12:29

uni-App踩坑记录

1、uni自己封装的axios在真机中失效，发不出请求uniapp中使用axios需要配置适配器(添加适配器有点费劲，直接封装uni自带请求也可以)axios-adapter-uniapp传送门axios.defaults.adapter=function(config){//自己定义个适配器，用来适配uniapp的语法returnnewPromise((resolve,reject)=>{con

早上不想起_·2023-08-29 08:45

uni-App打包ios后白屏

打包后白屏原因众多，大部分是因为某个地方阻塞，若初始界面就白屏可以从main.js开始排查。而我这是因为国际化的原因letlocale;if(uni.getSystemInfoSync().language=="zh-CN"||uni.getSystemInfoSync().language=="zh-CN"){locale='zh'}else{local='he'}consti18n=newVu

早上不想起_·2023-08-29 08:45

【App端】uni-app使用echarts和百度地图api

目录前言方案一：echarts+百度地图获取百度地图AK安装echarts和引入百度地图api完整使用代码方案二：echarts地图和柱状图变形动画完整使用代码前言近期的app项目中想加一个功能，展示全国各地的某一数据统计情况，想来想去，用echarts做地图数据可视化直观且美观。于是就去研究了如何使用，其实在移动端使用echarts地图踩的bug挺多的，总结如下。方案一：echarts+百度地图

aDiaoYa_·2023-08-29 07:29

配置uniapp调试环境

目录uni-app介绍uni-app开发工具HBuilderX创建项目前提条件uni-app项目结构配置mumu模拟器uni-app生命周期1.应用生命周期小程序规范2.页面生命周期-小程序规范3.组件生命周期

小.黄.鸭·2023-08-29 07:28

uni-app开发模式中的选择图片（uni.chooseImage）、上传图片（uni.uploadFile）、图片预览（uni.previewImage）

chooseImage(e){varthat=this;uni.chooseImage({//选择图片count:9,//默认9sizeType:['original'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//从相册选择、摄像头success:function(res){选择图片成功的回调constaccessToken=uni.

LBY_XK·2023-08-29 04:44

uni-app子组件里的onLoad、onShow里的方法等不执行？

最近在做关于疫情小程序时发现一个问题，采用uni-app，在父组件调用子组件时，发现子组件里的onLoad、onShow里的方法不执行？请教了师父后，记下了。

我在人间贩卖青春·2023-08-29 01:42

uni-app 点击下载网络图片

exportdefault{methods:{saveImgToLocal(){//获取相册授权const_self=thisuni.getSetting({success(res){console.log(res)if(!res.authSetting['scope.writePhotosAlbum']){uni.authorize({scope:'scope.writePhotosAlbum'

LingSun·2023-08-28 17:34

uni-app 去除分享buttion 边框

uni-app去除分享buttion边框button::after{border:none;}

Shero.李建业·2023-08-28 14:54

2022-02-07——模拟双击事件（基于uni-app）

exportdefault{data(){return{touchStartTime:0}},methods:{doubleClick(){if(this.touchStartTime===0){this.touchStartTime=newDate().getTime()setTimeout(()=>{this.touchStartTime=0},300)}else{if(newDate().g

傀仙·2023-08-28 12:29

uni-app 网络请求

uni.request发起网络请求url开发者服务器接口地址data请求的参数headermethoddataTyperesponseType设置响应的数据类型statusCode开发者服务器返回的http状态码data数据说明//getconstrequestTask1=uni.request({url:'',success:function(res){console.log(res.data)

魔王哪吒·2023-08-28 10:35

websocket和uni-app里使用websocket

一、HTTP是无状态协议特点：1、浏览器发送请求时，浏览器和服务器会建立一个连接。完成请求和响应。在http1.0之前，每次请求响应完毕后，会立即断开连接。在http1.1之后，当前网页的所有请求响应完毕后，才断开连接。2、这样就意味着，服务器并不清楚，某次连接和以前的哪个连接来自于同一个客户端。换句话说。服务器没法区分不同的客户端。为了解决这个问题。在web开发中提供了session（服务器端的

田江·2023-08-28 10:38

uni-app里使用webscoket

实现思路和vue中是一样的。如果想看思路可以看这篇文章：websocket直接上可以运行的代码：一、后端nodeJS代码：1、新建项目文件夹2、初始化项目：npminit-y3、项目里安装wsnpmiws--save4、nodeJS代码：chat.jsconstWsServer=require("ws").Server;//创建webscoket的服务器对象constserver=newWsSer

田江·2023-08-28 10:07

自己整理的所有java知识点 + uni-app总结

1.自己整理的所有java知识点+uni-app总结（不断迭代中）点击图片跳转到具体内容或者进入该页面搜Java整体，大小写都不能错，这坑的搜索引擎你可能没有注册，那请点击https://www.processon.com

老梁Java·2023-08-28 10:09

使用File Watcher解决uni-app等项目Webstorm格式化代码时rpx/upx单位前面有空格的问题

使用FileWatcher监听项目文件，发生变动时执行Watcher，利用sed命令去替换文件中内容在设置->Tools->FileWatcher中添加规则image.png如果是*.vue中的样式文件，FileType选择Vue.jsTemplate，同理也可以替换各种文件类型Program填写sed的路径Windows中可能需要安装sed命令，需自行下载，我这里因为之前安装了cygwin并设置

XMX_·2023-08-28 09:24

uni-app, pages.json 的 json schema

pages.json{"$schema":"http://json-schema.org/draft-07/schema","$id":"http://example.com/example.json","type":"object","title":"Therootschema","description":"TherootschemacomprisestheentireJSONdocument

ZenoChan·2023-08-27 23:56

【uni-app】Vuex介绍和使用

介绍无论你是使用HX还是使用vue-cli创建的uniapp项目,都已内置Vuex,无需再进行安装uni-app也像小程序一样有globalData，这是一种简单的全局变量机制globalData是简单的全局变量

两年半练习程序员·2023-08-27 20:44

分享一种针对uni-app相对通用的抓包方案

PART1，前言近年来混合开发APP逐渐成为主流的开发模式，与传统的开发模式相比混合开发极大的提升了开发效率，同时跨平台的特性也降低了开发成本，一直以来混合开发被诟病的性能问题随着技术的发展也得到改善。技术的发展往往是一把双刃剑，混合开发模式的出现导致“一次编码，多端运行”变成了现实，除此之外混合开发的APP相比原生开发的APP逆向成本也有了一定提升，这就给了黑灰产足够的诱惑：低成本、难逆向。混合

q2919761440·2023-08-27 17:58

uni-app实现页面下拉刷新功能和上拉加载更多的案例（干货详解）。

下拉刷新功能1.首先要在pages.json里面配置，给你要实现下拉刷新的页面增添这个字段，让页面支持下拉刷新。"enablePullDownRefresh":true预览效果：我们开启了下拉刷新的这个功能，这时候是不是就需要去监听一下，下拉刷新这个动作了。2.onPullDownRefresh是一个处理函数，监听该页面用户下拉刷新事件（和onLoad等生命周期函数同级）onPullDownRef

似朝朝我心·2023-08-27 14:53

uni-app 分不清的全局变量this, uni, $u, vm, uni.$u, this.$u

项目引入了uview,并将uview所有模块指给uniapp全局变量uniuni.$u=$u在登录页面，或者APP.vue打印以下变量：this,uni,$u,vm,uni.$u,this.$u

Lan.W·2023-08-27 14:08

uni-app使用vuex+vuex-persistedstate

在其中存放的是各个组件可以复用的公共状态，为了防止刷新丢失的问题，我们使用vuex-persistedstate插件来做本地持久化存储——uni-app内置了vuex，所以我们只需要安装npminstall

单调的王先森·2023-08-27 12:21

uni-app使用腾讯地图（一）

uniapp是用vue.js开发所有前端应用的框架，开发人员只需要编写一套代码就可以发布到安卓、iOS、H5和小程序、快应用等平台。uniapp的无论是案例数还是开发者的数量都是非常多的。开发成本和学习成本也是很低的。本篇文章讲的是uniapp中使用第三方地图的基础教学和案例分享，国内提供地图服务有百度地图、腾讯地图、高德地图，本文选取的是腾讯地图。二、使用步骤1.uniapp开发map说明使用u

Mr船长大人·2023-08-27 11:12

Aidex 移动端快速开发框架# RuoYi-Uniapp项目，uniapp vue app项目跨域问题

参考地址：manifest.json官方配置文档：manifest.json应用配置|uni-app官网Chrome调试跨域问题解决方案之插件篇：uni-appH5跨域问题解决方案（CORS、Cross-Origin

Lan.W·2023-08-27 10:16

如何快速上手uni-app生态的uView UI框架

因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。

北桥T·2023-08-27 06:48

微信小程序开发动态设置tabbar

技术框架基于uni-app开发，使用了colorui、uview等第三方框架。但当前阶段主要是以微信小程序的作为客户端展示。

西涯三锋·2023-08-27 05:17

探讨uniapp的路由与页面栈及参数传递问题

2页面路由uni-app有两种页面路由跳转方式：使用navigator组件跳转、调用API跳转。2.1navigator页面跳转。该组件类似HTML中的组件，但只能跳转本地页面。

@Autowire·2023-08-26 17:47

探讨uniapp的页面问题

1新建页面uni-app中的页面，默认保存在工程根目录下的pages目录下。

@Autowire·2023-08-26 17:17

探讨uniapp的组件使用的问题

@Autowire·2023-08-26 17:44

小程序使用图像作为背景

小程序使用图像作为背景介绍示例介绍微信小程序不支持通过background-image设置背景，因此必须使用image标签来设置背景示例在uni-app中，可以使用background-image属性来将一张图像作为另一张图像的背景

lqjun0827·2023-08-26 16:43

疫情期间我使用uni-app尝试做一个进销存软件

于是决定做一款进销存软件来练手学习uni-app开发。进销存软件现在市面上很多，APP,C/S架构（类似电脑端的QQ等），B/S架构（通

德州软件开发·2023-08-26 13:07

咸虾米之一些快捷方式的操作，一行方块的左右滑动,方块在一区域内的任意移动

后面的就讲解uni-app的实验呢！一个人的精力是有限的，于是换了们课程继续深造微信小程序！！！以下是在.wxml中的一些以下是view三层嵌套的快捷操作方式！.

qq_44821064·2023-08-26 12:38

关于uniapp小程序在苹果手机会出现的问题

笔记1、uni-app底部安全距离问题参考uni-app底部安全距离遮挡以及底部tabbar距离//ios底部安全距离-padding.savepadding{padding-bottom:constant

shika233·2023-08-26 12:30

uniapp接入广告的问题总结

Uniapp官方解决方案uni-app支持接入uni-ad广告联盟，开发者可实现一次开发，多端变现。

王家视频教程图书馆·2023-08-26 09:17

【RuoYi移动端】uniApp导入和引用uView2.0插件

一、打开uiew官网安装|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架uViewUI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

敦厚的曹操·2023-08-26 09:44

第三方框架小程序单测（Vue Test Utils + JEST）

一、背景：项目采用第三方框架uni-app开发微信小程序，vue语法+wxApi二、单测方案：VueTestUtils+JEST前期调研：微信官方推荐单测工具【miniprogram-simulate】

ammi_bai·2023-08-26 08:37

uni-app两个入口模块（客户端和用户端）

思路：使用vuex对小程序进行登录状态管理，采用集中式存储管理应用的登录状态Vuex是什么？|Vuex效果：新建store文件夹，在文件夹中新建一个index.js文件和一个modules文件夹，modules文件夹中新建一个stormoduls.js文件store/index.jsimportVuefrom'vue'importVuexfrom'vuex'importstoremodulsfro

小付-小付·2023-08-26 02:36

uni-app多个账号切换登录

一、缓存用户信息1.用户登录成功后缓存下用户的账号,token等一些能识别出用户的信息2.缓存用户信息的时候最好以数组对象的形式缓存,这样可以一次记录多个账户//登录接口这里是我随便找的一个项目的登录接口,仅供参考login(){if(this.loadStatus){return}if(!this.yueduCheck){uni.showToast({title:'请阅读并同意相关协议',ico

zkzhengmeng·2023-08-25 16:58

在uni-app中使用手机号一键登录

1、首先需要在dcloud开发者控制台开通一键登录https://dev.dcloud.net.cn/uniLogin开通一键登录服务,获取关键最关键的两个参数ApiKey和ApiSecret真机调试无需添加应用，如需打包使用请添加。一键登录应用ID为离线打包时配置的appid2、登录云服务空间，创建服务空间，选择云服务商等https://unicloud.dcloud.net.cn/home3、

Dcripple·2023-08-25 16:19

uniapp离线打包apk - Android Studio

uniapp离线打包基于uni-app的andiord离线打包开发工具及所需要的jar包1.将下载的App离线SDK解压打开，找到HBuilder-Integrate-AS，在AndroidStudio

Dcripple·2023-08-25 16:47

【uni-app】压缩图片并添加水印

总体思路dom结点这里的cvHeight和cvWidth初始时要设置为你后续需要压缩后的最大宽高。假设我们在图片上传后图片最大为350*350获取原本图片的宽高这是一个用于获取图片尺寸的异步函数。它接受一个图片的URL作为参数，并返回一个Promise对象。这个函数的作用是加载指定URL的图片，获取其宽度和高度，并将它们包装在一个对象中返回。getImageSizeByUrl(url){retur

Y_coder·2023-08-25 14:52

推荐频道

【uni-app】