uni-app源码系列第27页

学习uni-app的总结

吃土豆长大的马铃薯··2023-11-08 11:18

《Uni-app、前端，多端运行的高效跨平台开发体会》

uni，读youni，译音为“优你”，是统一的意思。很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是BS模式的轻应用，而是能接近原生功能

lucky_135·2023-11-08 11:17

【开题报告】基于uni-app的污水处理厂的工单处理APP的设计与实现

因此，设计并实现一款基于uni-app的污水处理厂工单处理APP具有重要意义。研究背景主要包括以下方面：（1）工单处理效率：污水处理厂通常会有大量的设备和管道需要维护和管理，传统

加瓦程序设计师·2023-11-08 11:15

解决ios H5微信支付不能跳回App的问题

解决iosH5微信支付不能跳回App的问题app项目是uni-app开发的安卓和iOS版本，安卓测试无问题，以下主要说iOS的解决方案。

前端蚵仔煎·2023-11-08 09:23

uni-app 离线推送，在线推送前端配置（华为为例）

使用uni-app官方的推送离线推送消息1.在DCLOUD开发后台者创建应用并开通UniPush推送服务2.厂商推送设置里面选择对应厂商，这里为华为配置附图1其中配置信息可以在华为开发者后台中找到https

marconiho·2023-11-08 08:24

uni-app 常见问题总结

1、data数据浅拷贝导致深层数据被动改变此问题是js浅拷贝导致的数据混乱，详情自行了解深拷贝与浅拷贝的区别//是深拷贝造成的问题data(){return{a:[1,2,3],b:[]}},methods:{fnA(){letb=[];a.forEach(item=>{b.push(b)}this.b=b;//如果此时b改变，a会被污染//解决↓↓↓↓↓this.b=JSON.parse(JSO

marconiho·2023-11-08 08:24

uni-app基于vue实现商城小程序

一、前言参考“网易严选”小程序项目采用传统vue项目结构，即uni-app打包和运行成小程序，使用HBuilder开发工具开发项目，通过运行启动“微信开发者工具”完成项目启动。

愛芳芳·2023-11-08 08:41

UNI-APP中如何通过配置访问代理，解决跨域问题

主要思路通过配置manifest.json文件中的h5选项来完成设置h5是一级属性。修改manifest.json文件以下两种都能满足要求"h5":{"devServer":{"https":false,"port":8081,//见备注1"disableHostCheck":true,"proxy":{"/":{"target":"http://xxx.xxx.xxx.xxx:pppp","ch

田秋浩·2023-11-08 07:04

基于UNI-APP实现适配器并保证适配器和实现的调用一致

一种是移动APP，需要基于uni-app的中底层实现。为了调用方便，需要将两种实现统一在一种适配器中，调用者只需要指定环境是什么不需要选择方法。

田秋浩·2023-11-08 07:04

uni-app 开发的H5 定位功能部署注意事项

一、H5部署的时候，如果设计到定位功能，需要注意以下几点1、打包部署的时候需要在Web配置-定位和地图里面勾选一个地图，并配置key2、打包部署需要域名是https协议的，大多数现代浏览器要求在HTTPS协议下才能够访问地理位置信息，以保护用户隐私和数据安全。如果你的本地测试是使用HTTP协议，浏览器可能会拒绝访问地理位置信息二、H5代理

冰雪为融·2023-11-08 07:58

uni-app编写微信小程序将v-for循环出来的参数传入@change等事件时，报错Property or method “*“ is not defined on the instance

需求：通过v-for循环列表，在列表中包含switch组件，想将switch组件的@change事件绑定为item.onChange在APP和H5中一直报错Propertyormethod“child”isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherintheda

小玲子小玲子·2023-11-08 02:17

uniapp

www.dcloud.io/hbuilderx.html源码下载：https://github.com/zhangdaiscott/jeecg-uniapp安装教程【安装教程】HBuilderX是通用的前端开发工具，但为uni-app

前端段·2023-11-08 02:47

uni-app基础知识

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

·歪腻··2023-11-07 20:29

快速了解uni-app（html、vue、小程序的区别）

uni-app官网传统的h5只有1端，即浏览器。而uni-app可跨7端，虽仍属前端，与传统h5有不同。

前端学习007·2023-11-07 20:28

uni-app android js判断数值是否是数组

判断是否是数组有的方法不适用，如instanceof推荐的解决方式：Object.prototype.toString.call(value)==='[objectArray]'

蓝之静云·2023-11-07 20:28

uni-app android picker选择默认月份

微信小程序选中月份后下次再点开是上次的选中的月份，而编译的android应用只默认当前月份{{selectYearMonthCpd}}bindDateChange(e){this.date=e.detail.value;}

蓝之静云·2023-11-07 19:44

uniapp使用vue3和ts开发小程序自定义tab栏，实现自定义凸出tabbar效果

组件中所使用的组件api可以看：Tabbar底部导航栏|uView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架先在components/tabbar/里面实现组件逻辑：import

1024小神·2023-11-07 15:30

UNI-APP_获取手机品牌

在uni-app中，使用uni.getSystemInfoSync().brand可以获取设备的品牌信息。

小歪 | 前端·2023-11-07 13:55

uni-app顶部导航栏监听返回按钮到指定页面

//使用onBackPress()监听返回按钮至指定页面onBackPress(option){uni.redirectTo({url:'/pages/my/my'});return;}

热爱香菜·2023-11-07 10:33

uni-app项目使用多语言切换功能

1.下载安装（vue-i18n模块）npminstallvue-i18n--save2.如果项目中没有package.json文件，在根目录下新建package.json文件，并把以下代码加入：{"dependencies":{"vue-i18n":"^8.27.0"}}从新执行安装命令：npminstallvue-i18n--save3.根目录下新建lang文件夹以及添加语言包en.json和z

前端_小李·2023-11-07 09:16

（最简单，详细，直接上手）uniapp/vue中英文多语言切换

官方文档uni-app官网1.安装npminstallvue-i18n--save2.体会多语言切换hello-i18n示例工程-DCloud插件市场这里面是一个官方的demo可以参考并且把它下载运行起来体会一下语言切换

_揽·2023-11-07 09:15

uni.app 实现国际化多语言切换

uni.app实现国际化多语言切换(英文，俄文，阿拉伯)前言项目有外海客户)需要进行多语言切换解决方法在uni-app里面i18n多语言的配置[国际化开发](https://uniapp.dcloud.net.cn

吃不胖的_胖胖·2023-11-07 09:45

关于学习uni-app的学习总结

目录一、什么是uni-app二、功能框架三、功能优点四、uni-app的生命周期：五、uni-app的页面跳转六、在过程中收获到的知识七、网易云uni-app开发总结uni-app项目的创建使用git和

举个梁宝！·2023-11-07 03:53

【uni-app基础教程】

uni-app基础教程uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS，Android，H5，以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台一

95后码农·2023-11-07 03:52

uni-app的使用

官网：uni-app官网介绍：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）

小付-小付·2023-11-07 03:52

uni-app指纹登录

项目引用u-view的ui{{result}}开启指纹验证exportdefault{data(){return{result:'',disabled:true,show:false,}},onLoad(){//#ifdefAPP-PLUSif(!plus.fingerprint.isSupport()){this.result='此设备不支持指纹识别';this.disabled=true;}e

挥墨染千秋·2023-11-07 03:51

UNI-APP apk使用io流进行文件操作

一、manifest.json中增加权限"","","""app-plus":{"permissions":{"plus":{"description":"访问系统文件","features":["io"]}},}二、获取app目录下的文件进行读取方式一：//读取到app下的_doc下的目录然后取到sqlists.json文件没有create:true这个则是创建plus.io.resolveLo

小杨小杨、努力变强！·2023-11-07 03:21

Uni-app条件注释的跨端兼容

一、当前背景uni-app已将常用的组件、JSAPI封装到框架中，开发者按照uni-app规范开发即可保证多平台兼容，大部分业务均可直接满足。

前端小菜凯·2023-11-07 03:51

Uni-App 快捷登录

uniapp实现一键登录前置条件:开通uniCloud,开通一键登录功能参考的文档:官网-一键登录uniapp指南:https://uniapp.dcloud.net.cn/univerify.html#%E6%A6%82%E8%BF%B0官网-一键登录开通指南:https://ask.dcloud.net.cn/article/37965官网-unicloud使用指南https://uniapp

小杨小杨、努力变强！·2023-11-07 03:50

uni-app 拍照上传

随手拍、onGetImgClick:function(){uni.chooseImage({sizeType:['compressed'],//original原图，compressed压缩图，默认二者都有sourceType:['album','camera'],//album从相册选图，camera使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项success:res=>{

努力学习的木子·2023-11-07 01:41

uniapp基础知识_总结

uniapp基础总结uni-app介绍:官方网页uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（等多个平台。

Zeng　·2023-11-06 19:46

Uniapp 中，能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式

在Uniapp中，可以通过使用uni-app统一的API来同时兼容H5、web、App和微信小程序，而引入高德地图则有以下两种语法格式供选择：使用Vue.js的语法格式：exportdefault{data

我是廖志伟·2023-11-06 15:49

uni-app学习笔记

目录一、前期准备1、项目认识2、pages.json基本配置3、创建页面二、tabBar1、获取图标2、代码配置三、基础认识1、页面生命周期2、App.vue应用生命周期四、基础组件1、scroll-view可滚动视图区域2、提示框3、swiper滑块视图容器4、form表单组件一、前期准备1、项目认识（1）新建项目（2）启动项目①运行到浏览器上②运行到微信开发者工具如果出现以下弹框，选择已安装好

五秒法则·2023-11-06 11:38

uni-app 跨域问题解决

uni-app跨域问题解决wangxl@20200708一、uni-app中manifest.json文件修改，增加h5节点"h5":{"devServer":{"https":false,"port"

flyme2010·2023-11-06 09:37

使用 uni-app 开发项目，日期和时间如何格式化？

在组件显示格式化后的日期其实uni-app的官方拓展组件uni-dateformat就能实现这个需求，具体用法是：date属性可以接受时间戳、js时间对象或者是时间字符串，非常灵活。

那些免费的砖·2023-11-06 09:54

java计算机毕业设计基于安卓Android/微信小程序的校园跑腿代购 uni-app

网络的广泛应用给生活带来了十分的便利。所以把基于安卓的校园跑腿代购与现在网络相结合,利用java技术建设基于安卓的校园跑腿代购APP,实现基于安卓的校园跑腿代购的信息化。则对于进一步提高基于安卓的校园跑腿代购发展,丰富基于安卓的校园跑腿代购经验能起到不少的促进作用。基于安卓的校园跑腿代购APP能够通过互联网得到广泛的、全面的宣传,让尽可能多的用户了解和熟知基于安卓的校园跑腿代购APP的便捷高效,不

wqq6310855·2023-11-06 07:33

[uni-app] 防重复点击处理 - 自定义指令

一般用节流防抖的方式处理,这里通过vue的自定义指令方式也可以实现:importVuefrom'vue'//自定义指令防止按钮重复点击v-debounceconstdebounce={install(Vue){//防止重复点击Vue.directive('debounce',{inserted:function(el,binding){el.addEventListener('click',()=

iOSTianNan·2023-11-06 03:24

微信小程序-JAVA Springboot项目-后端搭建-项目搭建02

序言本文主要讲述一个微信小程序前后端项目搭建的过程，主要内容包括小程序（前端）搭建和后端搭建，其中会描述可能遇到的问题以及解决措施，文章将会分为几个部分进行讲述，这章将讲述后端（Springboot项目）搭建的内容；本项目的前端运用的框架是uni-app

阿君哥学习记·2023-11-06 01:56

uni-app获取手机号-获取用户地理位置-根据位置获取经纬度跳转高德

一.获取手机号(旧版本，只能在测试号调用）1.获取手机号首先要先登录拿到code，用code去获取session_key2.获取code需要知道自己的AppID(小程序ID)和AppSecret(小程序密钥)3.解密后得到手机号登录微信公众平台拿到自己的AppID(小程序ID)和AppSecret(小程序密钥)微信公众平台补充获取code：uni.login({success:(loginRes)

小付-小付·2023-11-05 20:54

uni-app 微信小程序调用高德地图

1、使用uni-app内置的map组件map|uni-app官网2、去高德地图申请key，然后下载所需要的插件，详见入门指南-微信小程序插件|高德地图API3、上代码下载amap-wx.js文件后需要修改一下代码

奋斗的小岛ssnnyy·2023-11-05 20:50

uni-app 使用高德地图部分内容

1.申请key高德开放平台|高德地图API注册申请，在管理应用里添加应用，然后根据需求申请高德地图的Key2、新建一个动态加载高德地图的js。exportdefaultfunctionloadMap(key,plugins,v='1.4.14'){returnnewPromise(function(resolve,reject){if(typeofAMap!=='undefined'){//esl

Ayn慢慢·2023-11-05 20:48

基于.NET、Uni-App开发支持多平台的小程序商城系统 - CoreShop

时光追逐者·2023-11-05 18:34

uni-app 启动广告页

最近公司要求在项目启动时，增加个性化图片页面，1在跟目录新建hybrid文件夹代码结构如下advertise.html代码，该代码时拷贝的别人的，忘了是谁的了如有维权，请及时联系广告启动页跳过<divclass="circleProgressr

漂泊灯芯·2023-11-05 11:02

关于微信小程序使用uCharts插件设计图表后在预览时不显示的问题

问题描述：使用uni-app开发微信小程序界面仿照uCharts插件给的示例绘制图表微信开发者工具模拟时能正常显示真机调试也能正常显示但预览时无法显示（在预览时打开调试功能就能正常显示）上图是我无法显示的情况

DTJrio·2023-11-05 09:44

uni-app华为审核被拒，驳回原因：您的应用在运行时，未见向用户告知权限申请的目的

华为审核被拒：您的应用在运行时，未见向用户告知权限申请的目的，向用户索取(相机存)等权限，不符合华为应用市场审核标准。当您使用APP时，会在资料编辑、投诉、发布、意见反馈时访问存贮权限，不授权上述权限，不影响APP其他功能使用。//比如，点击编辑头像的方法//android.permission.READ_EXTERNAL_STORAGE是访问权限panduan(){varthat=thisvar

周18·2023-11-05 08:11

uniapp+vue3+typescript+vite创建项目（超详细）

1.创建项目（大神一般都用命令创建吧，哈哈哈）更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/q

wyy爱学习·2023-11-05 07:15

uni-app学习--自定义组件

Vue.js的核心思想是数据驱动视图和组件化，组件是Vue非常重要的功能模块，其作用是拆分代码、代码复用等。简单概括，组件是一个单独且可复用的功能模块的封装。本章结合官方组件使用说明使用说明进行概括。使用组件的优势：可以将组件进行任意次数的复用。合理的划分组件，有助于提高应用性能。代码更加方便组织和管理，并且扩展性也更强，便于多人协同开发。组件化开发能大幅度提高应用开发效率、测试性、复用性等。在u

火乐暖阳85105·2023-11-04 22:21

uni-app中的数据绑定概念是什么？如何用它来实现页面和数据之间的交互？

Uni-app中的数据绑定是指将数据和页面元素绑定在一起，使数据的变化能够自动反映到页面上。这样可以实现页面和数据之间的交互，提高应用的用户体验。

米饭，℡·2023-11-04 22:19

uni-app DAY07

复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input

BlueMozeer·2023-11-04 22:16

uni-app修改组件数据后，组件页面数据不会重新渲染

uni-app修改组件数据后，组件页面数据不会重新渲染点击规格后，产品价格不会修改，但是在控制器中可以打印出来你修改的值试过给他重新赋值，但是会报错大致意思是通过props传递给子组件的数据，不能在子组件内部修改

学习路上的小刘·2023-11-04 22:46

推荐频道

uni-app源码系列