uni-app源码系列第8页

uni-app多文件上传丢失后缀格式问题

ChooseImage(){uni.chooseImage({count:this.maxImg,//默认9sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//从相册选择success:(res)=>{this.imgList=res.tempFilePaths;//如果直接

moernagedian·2024-01-19 01:04

全网最完整版鸿蒙开发教程 HarmonyOS4.0【0基础教学视频】

内容含盖：①《鸿蒙开发基础》②《JS/TS开发语言基础》③《ArkTS语言精修》④《鸿蒙WebView应用开发》⑤《uni-app开发鸿蒙》⑥《初探鸿蒙开发》⑦《深入鸿蒙开发》⑧《HarmonyOS开发实战

软件测试狂阿沐·2024-01-18 23:44

小程序购物车部分业务逻辑

本次应用uni-app创建项目uni-app是一个使用Vue.js开发所有前端应用

奔跑的猪猪girl·2024-01-18 21:40

uni-app常用总结

动态绑定class对象方法1.简单对象的绑定:class="{'active':isActive}"active:class名(可以不加单引号)isActive:判断条件2.绑定并判断多个1：使用逗号隔开:class="{'active':isActive},'sort':isSort}"2：放入data里面:class="className"data(){return{className:{a

浅乔未果·2024-01-18 16:11

2022-09-13 uni-app学习笔记(八) 如何把uniapp项目云打包成apk安装包并安装到手机上?

把uniapp项目myUniaTextProject1打包成apk安装包0.Andriod包名如何获取?1.选择"发行"中的"原生云打包"2.打包校验3.打包中,等待打包完毕4.打包完成,生成apk文件5.点击"打开所在目录",查看apk文件,传到手机中安装6.成功在安卓手机中安装该apk7.注意事项,uniapp的项目文件不要含有中文或者全角字符,否则打包失败0.Andriod包名如何获取?打开

前端OnTheRun·2024-01-18 15:53

UNI-APP安卓本地打包详细教程（保姆级）

一、开发环境uni-app官方文档地址原生开发者支持1、AndroidStudio下载地址：AndroidStudio官网ORAndroidStudio中文社区2、最新版的HBuilderX3、App离线

高级API调用攻城狮·2024-01-18 15:47

【笔记】关于UNI-APP引入公众号H5页面微信支付

首先使用UNI官方uni.requestPayment(OBJECT)支付方法；但是这个方法用于微信APP支付，并没有H5的，当引入的时候报错此API未使用；于是封装微信支付的方法1：引入WX的JDK环境jweixin-module可以使用npm下载封装的代码页constjweixin=require('jweixin-module');exportconstwexinPay78=(data)=>

GGbond_POP·2024-01-18 15:01

uni-app+springmvc调用JSAPI完成H5微信公众号内支付

1.微信服务号商户的申请流程以及后台的开发配置略，按照提示来做就OK了，重点是开发流程2.开发流程流程图：时序图：开发使用框架：H5端用uni-app框架实现，后台采用java语言，由springmvc

积累从点滴开始·2024-01-18 15:58

uniapp实现获取用户位置信息（经纬度），通过高德地图和腾讯地图解析

这是我写公司一个项目时候需要业务员到地方后上传位置信息和数据库中的进行比对，这时候肯定要用到uniapp中的uni.getLocation(object)这个接口了，这个接口的具体参数大家可以查看uniapp官网（uni.getLocation(OBJECT)|uni-app

子伟-H5·2024-01-18 13:13

#Uniapp：uni-app加载全局组件的方法easycom

uni-app加载全局组件的方法easycom定义在pages.json中配置{"easycom":{"autoscan":true,"custom":{"^u-(.*)":"@/uni_modules

前端xiaolibao·2024-01-18 12:21

阿里巴巴矢量图标库在uni-app中的使用方法

开发工具为：HBuilderX步骤1:先将喜欢的字体图标加入购物车中点击购物车然后点击添加至项目有就选择没有就新建步骤2:1.将项目文件下载至本地2.打开下载到本地的项目文件，将箭头所指的四个文件放入项目的static目录下(可以新建个文件夹放入，方便管理)3.打开iconfont.css文件，然后将顶部@font-face{}替换为你的项目中Unicode下的@font-face{}4.然后在A

B·O·P·2024-01-18 11:33

uni-app中代理的两种配置方式

方式一:在项目的manifest.json文件中点击源码视图在最底部的vue版本下编写代理代码方式二:在项目中创建vue.config.js文件然后进行配置在页面中发起请求完整的url：http://c.m.163.com/recommend/getChanListNews?channel=T1457068979049&size=10总结：代理的配置是为了解决发起请求时的跨域问题

B·O·P·2024-01-18 11:27

2021-06-29 uni-app安装sass

1、首先你要安装node-sass，因为sass-loader依赖于它npminstallnode-sass--save-dev2、安装sass-loadernpminstallsass-loader--save-dev3、修改style标签，声明使用sass

艾米家的猫儿（傻钢）·2024-01-18 10:35

uni-app使用sass历程

本文只是记录个人使用sass遇到的一些问题！！！！并非使用教程！！！！最后我也成功了就是。这是用vue-cli创建的项目使用过程，hbuilderx创建的项目无需这么复杂，直接用就好。安装sassnpminstallsass-loader--save-dev运行报错：Modulebuildfailed(from./node_modules/sass-loader/dist/cjs.js):原因：s

是拾玖不是十九·2024-01-18 10:34

uni-app根据腾讯地图接口三级联动组件

有时候很懵逼，因为需要用到腾讯地图接口的三级联动，习惯问问度娘，结果出来了我几年前用JQ写的，好吧，还是自己撸一个现在用的吧组件使用得是uni-popup弹窗，picker-view滑动选择地址访问腾讯地图接口使用的是vue-jsonpnpminstallvue-jsonp在main.js引入import{ VueJsonp}from'vue-jsonp'Vue.use(VueJsonp)组件

虾米博客·2024-01-18 10:30

uni-app qiun-data-charts无法显示tooltip

如下代码无法使得图表展示tooltip能耗信息近30天设备用电趋势exportdefault{data(){return{chartData:{},//您可以通过修改config-ucharts.js文件中下标为['column']的节点来配置全局默认参数，如都是默认参数，此处可以不传opts。实际应用过程中opts只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，

蓝之静云·2024-01-18 09:50

uni-app的数据缓存

数据缓存uni.setStorage将数据存储在本地缓存中指定的key中，会覆盖掉原来该key对应的内容，这是一个异步接口。参数名类型必填说明keyString是本地缓存中的指定的keydataAny是需要存储的内容，只支持原生类型、及能够通过JSON.stringify序列化的对象successFunction否接口调用成功的回调函数failFunction否接口调用失败的回调函数complet

猿究院陈安·2024-01-18 09:12

uni-app的项目创建和环境搭建

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

猿究院陈安·2024-01-18 09:42

uni-app的组件（一）

猿究院陈安·2024-01-18 09:42

uni-app的组件（二）

猿究院陈安·2024-01-18 09:08

HTTP 头部：你不可不知的网页开发基础（中）

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2024-01-18 09:54

uni-app的前后端分离项目登入接口编写

二、前端项目构建打开HBuilderX，点击文件新建一个项目（选择uni-app），一般选择默认版本就好，当然你也可以根据自己的需

誓言唯美RQL·2024-01-18 08:44

uni-app基础知识介绍

uni-app的基础知识介绍1、在第一次将代码运行在微信开发者工具的时候，应该进行如下的配置:（1）将微信开发者工具路径进行配置；[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Lbyk5Jw2

琴～～·2024-01-18 06:19

uni-app【多媒体API】

文章目录多媒体API一、图片uni.chooseImage(OBJECT)uni.previewImage(OBJECT)@unipreviewimageobjectuni.closePreviewImage(OBJECT)uni.getImageInfo(OBJECT)uni.saveImageToPhotosAlbum(OBJECT)uni.compressImage(OBJECT)二、文件u

jyvan·2024-01-18 06:16

iTMSTransporter上传ipa文件

背景uni-app云打包之后生成的ipa包需要上传到appstore上，applicationloader和香蕉云编都收费，转用iTMSTransporter上传环境：mac第1步选择安装目录xcode-select

pg_li·2024-01-17 19:00

uni-app引用矢量库图标

矢量库引用导入黑色图标1.生成连接，下载样式2.导入项目（字体样式）3.引入css样式4.替换font-face5.使用图标（字体图标，只有黑色）导入彩色图标1.安装插件npminstall-giconfont-tools2.在原有的下载图标基础上，通过iconfont-tools生成彩色图标iconfont-tools3.彩色样式导入项目4.样式引入5.使用彩色图标

Apesource-吉·2024-01-17 18:11

uni-app创建项目、运行

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

Apesource-吉·2024-01-17 18:41

uni-app基础详解（组件、弹窗、数据缓存、页面跳转）

uni-app基础详解（组件、弹窗、数据缓存、页面跳转）uni-app组件scroll-viewswipertext文本button按钮input输入框radio单选checkbox多选picker选择器

Apesource-吉·2024-01-17 18:11

Taro（React+TS）基于InnerAudioContext封装一个基本的音频组件（uni-app（vue）后续更新）

为什么要封装一个音频组件主要因为微信小程序官方的audio不维护了，并且在很多iOS真机上确实也存在点击无法播放，总时长不显示等问题.[图片上传失败...(image-b27cf8-1600315910562)]音频组件的要求与限制点击播放或者暂停显示播放进度及总时长通过图标变化显示当前音频所处状态（暂停/播放/加载中）页面音频更新时刷新组件状态全局有且只有一个音频处于播放状态离开页面之后要自动停

Senar·2024-01-17 17:21

uni-app的基本搭建使用详解

搭建基本开发环境在本篇文章带大家掌握uni-app项目的创建、运行、以及Android真机环境配置，内容侧重于动手操作，需要理解的部分较少，操作过程中遇到错误后，可以从头重新进行操作，直到环境正常运行。

独爱那杯cc·2024-01-17 15:56

送你一款Vue最流行的跨端框架——uni-app

前言今天来聊一下前端必备技能——小程序开发。从最早发布的微信小程序，到后来的支付宝小程序、字节跳动小程序、百度小程序、QQ小程序，还有最近发布的360小程序，面对这么多套的代码，开发者该如何开发呢？当业务要求同时在不同的端都要展现时候，针对不同的端去编写多套代码的成本显然非常高。这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。今天就来给大家介绍一款，使用Vue的跨端框架——uni-ap

Duke Yu·2024-01-17 15:51

vue整合uniapp_vue h5转换uni-app指南（vue转uni、h5转uni）

如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。

浪客宏非·2024-01-17 15:51

uniapp-条件编译跨端兼容

跨端兼容uni-app已将常用的组件、JSAPI封装到框架中，开发者按照uni-app规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。

Abstracted·2024-01-17 15:49

Uniapp中的条件编译跨端兼容的使用方法

前言今天有一个项目需要打包成微信小程序和H5两个版本，为了处理兼容性，研究了一下uni-app的Uniapp中的条件编译跨端兼容的使用方法一、uni-app跨端兼容？

北漂燕郊杨哥·2024-01-17 15:48

湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker

ineo6·2024-01-17 12:26

uni-app 拖拽排序

uni-app拖拽排序前言这周做一个页面时，有一个人物排序，可以手动拖动更改排序位置的功能。在经过查找之后，找到了sortable.js,它可以用来实现这个拖拽的功能。

贰伍丶·2024-01-17 03:38

canvas实现图像裁剪

最近用uni-app的推流组件做了个图片裁切、上传的组件，拍照、选择照片完成后还需要对

程序不了猿·2024-01-16 23:53

一文就知道uniapp等跨端开发的使用场景，学习成本，如何快速使用，基本语法等

文章目录一、简介二、uniapp用在哪些企业三、学习成本四、本次课程概括五、相关文档和学习资料六、快速使用七、Uni-app的基本语法八、项目实战一、简介是一个跨平台开发各种各样应用的一套框架。

WEB前端圈·2024-01-16 18:08

❤ Uniapp使用一（文档和 API 篇）

❤Uniapp使用一（文档和API篇）一、介绍uni-app官网：https://uniapp.dcloud.io/api/media/image?

林太白·2024-01-16 12:14

vue3和vite双向加持，uni-app性能再次提升

uni-app对vue3&Vite的升级，是一个渐进式过程：2020年9月：小程序平台支持vue3开发，小程序平台编译器依然使用webpack；2021年5月：H5平台支持vue3开发，H5平台编译器升级为

邵张散人·2024-01-16 12:55

uni-app

兼容mian.js的配置版本选择//#ifndefVUE3#vue2版本//#ifdefVUE3#vue3版本//页面兼容H5页&微信小程序页H5页//只会在web页显示小程序页//只会在微信小程序页显示js兼容只会在H5页面或微信页面执行onLoad(){//#ifdefH5//#endif//#ifdefMP-WEIXINuni.login({//因做了兼容在微信端奏效也可以该为wxsucce

淼森润林·2024-01-16 10:29

uni-app的学习【第三节】

五运行环境判断与跨端兼容uniapp为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但uni-app的组件与HTML不同，而是与小程序相同，更适合手机端使用。

Chemo辰陌·2024-01-16 07:11

uni-app小程序自定义分享内容

小程序默认分享onLoad(option){uni.showShareMenu({menus:['shareAppMessage','shareTimeline'],//需要显示的转发按钮名称列表.合法值包含"shareAppMessage"、"shareTimeline"success(res){console.log(res);},fail(e){console.log(e);},});},自

前端小菜鸟__简单·2024-01-16 07:09

Uni-app框架（小程序开发）笔记

Uni-app框架（小程序开发）一、安装以及配置下载HbuilderX标准版，下载插件，scss/sass编译、uni-app编译、内置浏览器、内置终端。

老鼠遛遛·2024-01-16 03:00

在uni-app中使用sku插件，实现商品详情页规格展示和交互。

插件市场uni-app插件市场，是uni-app官方插件生态集中地。SKU属于电商常见业务，插件市场有现成的SKU插件

小夏同学呀·2024-01-16 01:30

uni-app购物车页面详细代码

效果图：这里的购物车加减用的是uni-app中的sku插件代码附下（全）：import{reqMemberCartList,reqMemberdelentCart,reqMemberPutCart,putMemberCartSelectedAPI