uniapp
文章平均质量分 69
上网的虫不叫网虫
学会分享~
展开
-
uniapp之ios开发及支付整体流程爬坑记录
在写这篇记录的时候,关于ios的支付已经对接的差不多了,下一步就是测试好了直接发版,总共花了好几周的时间,从0到1对于首次做ios支付来说,确实很很多坑。其实业务层面很简单,甚至比安卓支付还简单,因为支付的整体流程uniapp那边已经提供好了,甚至可以直接套模板。主要坑在于不了解ios内购这套东西,及其细节处理。原创 2023-10-08 17:27:49 · 13298 阅读 · 4 评论 -
unicloud云函数时间慢8小时的解决方案
最近在做uniapp+unicloud小程序项目的时候,本地运行的时候一切正常,部署到云端运行的时候,发现保存在数据库中的时间慢了8个小时。经过查资料才知道,unicloud云函数中使用的时区是utc+0,而标准的北京时间时区应该是utc+8,所以在云函数中使用时间就要特别注意这点。在hbuilderX中本地运行时,使用的是电脑上的时间,所以就会出现上面说的本地运行一切正常,部署到云端慢8个小时。最简单的解决方案就是直接在获取的时间上加8个小时,当然这种方式本质上是没有多大问题,但是本地测试的时候就..原创 2022-07-06 11:10:49 · 1426 阅读 · 0 评论 -
uniapp之vuex在vue2和vue3两种模式下前端工程化动态导入文件
vuex在uniapp中的运用,在脚手架项目中思路是一样的,可供参考。vue2中的vuex工程化可能比较熟悉,在vue3中可能会有些不一样的使用方法,毕竟vue3用的是vite打包编译原创 2022-05-25 17:03:18 · 3372 阅读 · 0 评论 -
我的CSDN博客、UNI技术成长之路
时光匆匆,一转眼离上次发布文章已经过去10天了。最近公司的事情比较忙,所以没时间写文章,忙里偷闲写点东西吧。我喜欢把做项目中遇到没用过或者不好记的知识,先用有道云笔记记录下来,后面抽时间一个一个整理成文章,再发布到CSDN上面,所以我的文章基本上都是原创。原创 2022-04-15 18:13:37 · 1061 阅读 · 0 评论 -
uniapp+unicloud开发微信小程序流程
微信小程序的简单开发流程,做一个比较详细的开发流程分析。原创 2022-03-29 18:07:08 · 18407 阅读 · 18 评论 -
uniapp开发:瀑布流 灵活配置 简单易用 兼容vue2vue3小程序、H5、app等多端
custom-waterfalls-flow是一个瀑布流插件,灵活配置、简单易用、兼容多端、同时兼容vue2和vue3原创 2022-03-13 15:51:05 · 7984 阅读 · 6 评论 -
uniapp开发:uniapp之vue3.2获取节点信息的差异
uniapp开发的时候,可能会有获取dom节点信息的需求,在uniapp的vue2.X编译模式中可以直接通过API const query = uni.createSelectorQuery().in(this);去获取相关的节点信息。在vue3.2+中这段代码是会报如下错误:原创 2022-02-28 17:46:39 · 2743 阅读 · 3 评论 -
uniapp开发:uniapp之vue3.2开发页面传值的解决方案
我最近个人使用了uniapp+vue3开发了一款微信小程序,在开发的过程中使用了一些使用方法,之前我在论坛上看到了许多人在问相关的问题,所以我在这里做一个简单的总结原创 2022-02-22 15:42:09 · 2914 阅读 · 1 评论 -
微信小程序:关注公众号组件自定义样式
公众号组件official-account,本身样式是固定的,也不支持修改样式。但是在做微信小程序的时候,有个需求就是把关注公众号的组件改成一个按钮,不要问为什么,因为有现成的别人家的小程序就可以点击一个按钮去关注公众号。于是在网上搜了一些案例,发现没一个靠谱的。不过后来,被我攻破了这个难关。那么我就把这个关注公众号组件自定义样式方法分享出来。原创 2021-12-14 15:13:53 · 4797 阅读 · 0 评论 -
uniapp开发:uniapp快速体验vue3.2之setup语法糖,怎么使用怎么爽
目录概要拉开序幕的setup语法糖生命周期钩子ref函数与reactive函数对比computed计算属性监视(watch、watchEffect)组件传值provide/injectstyle样式使用v-bind绑定动态值获取路由信息全局API的转移Composition API 的优势关注我,不迷路vue3.x相关会在将来持续更新…概要随着vue3.0的发布,不久后vue3.2紧接着发布了,现在uniapp也支持了vue3.2的编译。vue3.x的优点我在这里就不多原创 2021-11-22 22:24:54 · 19761 阅读 · 15 评论 -
vue3.2开发:vuex在vue3与vue2中异同之快速体验
概要使用示例关注我,不迷路概要vue2.x中的vuex版本是4.x以下,vue3.x中使用的vuex版本必须保证在4.x以上。vue3.x中的vuex在用法上其实和vue2.x大同小异。vue3.2相关的知识可以到另一篇博客:快速体验vue3.2之setup语法糖,怎么使用怎么爽!使用示例接下来会使用一个简单的示例,在这里就不分模块了,示例代码只做展示使用。话不多说,快速体验vuex在vue3中的区别:1. 创建store/index.js首先在项目根目录创建一个store.原创 2021-11-22 21:58:25 · 1566 阅读 · 0 评论 -
启动图制作:Android Studio制作.9.png图亲测详细流程之每步图解
目录概要制作.9图详细流程Tips关注我,不迷路概要主要运用场景:原生安卓开发APP的启动图、 uniapp开发安卓app自定义启动图。制作.9图 的方式也有多种,Android Studio是其中比较常见的一种方式。该方式制作.9图也是我在做uniapp打包app项目过程中亲测完成,接下来我会将用每步图解加文字描述的方式分解整个流程。制作.9图详细流程1. 安装Android Studio安装Android Studio环境是第一步,需要耐心根据教程,一步步的安装。在这里就不做原创 2021-11-19 11:01:43 · 18116 阅读 · 5 评论 -
运行环境之小程序环境判断与h5等多平台环境区分汇总
目录前言微信小程序区分开发版、体验版、正式版百度小程序区分开发版、体验版、正式版uniapp打包h5和app区分开发环境、生产环境关注我,不迷路前言后面介绍的涉及到小程序、h5、app等多平台环境区分。小程序环境判断在小程序中的使用场景,一般情况是不同的环境下可能需要使用不同的ip地址去调接口或其他特殊操作。小程序环境一般分为开发版、体验版、正式版。h5和app的环境一般区分为开发环境、生产环境。// 当前环境const env = 当前环境;const baseApi = {原创 2021-11-18 18:02:50 · 2726 阅读 · 0 评论 -
uniapp开发:uniapp之vue2、vue3运行至h5请求跨域配置
目录前言vue2配置跨域vue3配置跨域Tips关注我,不迷路前言由于浏览器的同源策略,所以h5请求接口,可能存在跨域的情况。uniapp的vue2版本运行至h5,跨域配置直接在manifest.json的源码视图中配置代理,下面会详细描述。uniapp的vue3版本运行至h5,跨域配置目前是不支持在manifest.json中配置,vue3使用了vite,需要增加vite.config.js中进行配置代理,下面会详细描述。vue2配置跨域在manifest.json的源码视图原创 2021-11-17 22:04:18 · 5567 阅读 · 5 评论 -
uniapp开发:uniapp之切换vue3,一直使用一直爽
目录前言使用步骤Tips关注我,不迷路前言随着vue3.0发布以来,紧随着vue3.2又发布了,这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了,反正就是爽。uniapp也是跟紧的步伐,在前几个版本就开始支持vue3.x的使用,甚至在2.9.3的cli版本就开始支持了,更多相关信息查看官方更新日志。从 HBuilderX 3.2 起,支持创建 vue3 的 uni-app 项目,更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍,及升级指南。用法与常规vu原创 2021-11-17 11:59:41 · 15888 阅读 · 13 评论 -
uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级
目录背景开发前提条件插件开发步骤参考更多背景uni_modules是uni-app的插件模块化规范(HBuilderX 3.1.0+支持),通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。插件开发者,可以像开发uni-app项目一样编写一个uni_modules插件,并在HBuilderX中直接上传至插件市场。uni_modules开发的插件,可以直接在uniapp的任意页面直接使用,与ea原创 2021-10-28 17:42:39 · 14119 阅读 · 0 评论 -
uniapp插件开发:uniapp之slider滑动选择插件,方向支持横向和竖向,更多参数可配置化
目录概要平台支持度效果图属性说明使用示例Tips更多前端知识概要在做小程序的时候,遇到需要竖向放置的slider滑动组件,原以为将官方提供的slider旋转90度就可以用了,后面发现没法那样使用,于是我自己写了该插件,支持竖向放置和滑动。此插件功能与官方提供的slider功能类似,但是官方的不支持竖向滑动,所以该插件支持两个方向:横向、竖向。uniapp插件市场下载:https://ext.dcloud.net.cn/plugin?id=6538git地址:https://g原创 2021-10-28 17:08:36 · 9311 阅读 · 3 评论 -
开源项目推荐:推荐5款前端的开源项目,vue、uniapp、react学无止境用无止境_
vue开源项目1. vue-element-admingit地址:https://gitee.com/panjiachen/vue-element-admin.git这是一款基于vue2.x+element后台管理系统开源项目,开箱即用。但是首次使用的话最好是分析下源码思路,对后期开发效率才有更大的帮助。我现在做管理系统就是用的这款开源代码,对我对vue的提升也有很大的帮助,里面的思想甚至可以用到小程序开发之中。2. vue-vben-admingit地址:https://gitee.com/原创 2021-10-26 15:12:53 · 6255 阅读 · 0 评论 -
HBuilder X运行uniapp之app真机调试控制台console不打印,多种原因分析解决,亲测有效
本描述属于本人亲身经历,亲测有效。公司的APP从开发到维护都是我在负责,所以对遇到的问题都会一一记录下来。就在最近在修改一个功能的时候,运行app到手机上,突然发现hbuilderX的控制台不打印了,这肯定就没法进行调试,作为一名前端人员,你懂的。那么接下来我就简单说说我的解决思路:方案一: 首先遇到问题的第一反应就是重新打开手机USB调试和选择USB配置为MTP(多媒体传输),之前我遇到这个问题的时候,确实这个办法有效果。所以大家在遇到的时候,可以先这样试一下。但是这次遇到的问题不是这个原因。方案二:原创 2021-10-26 10:07:39 · 13672 阅读 · 1 评论 -
常用工具函数推荐:前端开发常用的工具函数(拷贝、排序、防抖、去重、合并、时间处理、DOM操作...).md
在闲暇之余,总结出来一部分前端常用的工具函数,后面几个操作DOM的适用于h5项目(eg:vue),其余适用于所有项目(vue、小程序等)。/** * 递归方式深拷贝数据 * @param {Object|Array} source 需要拷贝的对象 * @returns {Object|Array} * 使用示例:deepClone([1,2,3,4]) */export function deepClone(source) { if (!source && typeof so原创 2021-10-18 09:32:34 · 266 阅读 · 0 评论 -
小程序权限设置:小程序下载图片保存到相册拒绝权限后,再次打开权限的解决方案
小程序下载图片保存到相册功能,首次操作会提示:保存图片或视频到你的相册,有‘拒绝’和‘允许’两个选项,如果选择了拒绝就会保存失败:saveImageToPhotosAlbum:fail auth deny,那么后续想打开该权限又该怎么操作呢?这里示例运用的是uniapp框架,如果是用微信小程序官提供的框架,就把uni替换成wx知识点: uni.openSetting(OBJECT) 调起客户端小程序设置界面,返回用户设置的操作结果。具体可以参考官网说明:https://uniapp.dcloud.i原创 2021-10-09 10:26:42 · 6264 阅读 · 0 评论 -
页面传值:uni-app的vue3中uni.navigateTo怎么传值
在之前的文章中也提到了vue3的新特性,前不久uni-app也开始支持vue3。于是初体验uni-app的vue3,总体来说用法与vue3差不多,但是我发现一个问题:vue3中uni.navigateTo怎么传值?我去官方文档中逛了一圈,并没找到相关说明。也去社区的问答中逛了一圈,确实看到很几个开发者在问相关的问题,但是并没有确切的答案。于是我研究了下代码,暂时做出了一个解决方案,后续希望官方能出更好的方案。话不多说,直接贴代码:<script> import { onMount原创 2021-09-24 18:17:31 · 3159 阅读 · 2 评论 -
【夜神模拟器运行app】uniapp将app运行到夜神模拟器
下载模拟夜神器,下载地址:https://www.yeshen.com/下载之后直接安装就还是了安装完成后,找到模拟器的安装路径Nox/bin,进入bin文件夹,直接在顶部路径栏中覆盖输入cmd弹出黑窗口:输入下面两个命令,只要输入后的结果如图所示就成功了一半了:nox_adb connect 127.0.0.1:62001nox_adb devices进入HbuilderX安装目录,找到adb.exe的安装路径并复制进入HbuilderX,在顶部菜单找到 【工..原创 2021-09-23 11:57:38 · 3106 阅读 · 1 评论 -
【那些年遇到的坑】app-nvue纯原生渲染开发中遇到过的问题总结
【坑1】原生导航栏自定义的按钮不生效的坑原生导航栏自定义的按钮基座运行毫无问题,但是云打包出来的不显示害得我打包了无数次,才检查出是该页面使用了uni.preloadPage预加载的原因如果使用了就是因为预加载影响了,这可能是官方的bug最终解决方案:放弃使用预加载,整体不影响【坑2】关于使用阴影box-shadow的坑问题描述:我用的华为mate30pro手机测试的,就是打开应用内的页面的时候,还会有上个页面的内容,还不时的乱闪烁最后还是在社区看到有大佬总结出来的这个问题 ,安卓不支持原创 2021-09-18 16:01:37 · 1720 阅读 · 0 评论 -
【web-view加载h5】小程序中web-view加载uni-app H5如何使用postMessage方法的解决方案
一、前言小程序web-view访问一个非uniapp制作的h5页面的相互通信,这个我在之前的文章中已经写得很清楚了,也没有太多的坑,具体可查看:uniapp中使用web-view相互通信小程序中web-view加载uni-app H5其实思路是一样的,只不过这里有一些坑,而且我在社区去搜相关问题,确实有好些人提问,但是下面回答的也不太靠谱,于是我在这里综合起来总结下:二、解决方案【坑1】怎么在uniapp H5中嵌入uni sdk?根据官方提供的,h5配置中有个index.html模板路径,原创 2021-09-16 15:26:12 · 4213 阅读 · 1 评论 -
uniapp多端插件:Tabs标签页 灵活配置 多端兼容 简单易用(与element-ui的Tabs 标签页使用一致)
在做项目的过程中用到了tab切换,本想着去插件市场找一个直接现用,后面发现找到的tab切换并不是我想要的那种使用方式,于是我结合了element-ui中Tabs标签页的方式写了该组件原创 2021-09-15 11:04:33 · 4138 阅读 · 0 评论 -
【支付】uniapp之app中的支付宝、微信支付的实现及orderInfo的说明
App平台支付流程流程:支付平台功能申请 -> manifest.json 里配置支付参数 -> uni-app 里调用 API 进行支付。具体参考uniapp官方提供的app平台支付流程支付平台功能申请支付宝App支付功能申请创建应用(获取appid)开通App支付功能配置密钥(获取公钥、私钥)具体可参考支付宝官方文档(支付宝官方->开放能力->接入准备): App支付快速接入微信App支付功能申请到微信开放平台申请移动应用并开通支付功能,申请应用后可以原创 2021-09-13 14:14:37 · 3686 阅读 · 0 评论 -
uniapp开发:uni.request基于async+await的二次封装,兼容vue2、vue3、及多端
概要只需要封装一次,就可以不用再改动代码功能参数化,更加灵活async+await和promise的思想,执行效率更高代码更简洁,更像同步代码只适合uniapp中使用核心代码及使用思路request.js/** * uniapp之请求封装(利用async+await和promise的思想) * options {Object} 参数 * options.url {String} 请求地址 * options.data {Object} 请求参数 * options.method原创 2021-09-01 17:39:10 · 5759 阅读 · 1 评论 -
全局弹窗:uniapp之app可覆盖原生组件的全局调用弹窗
一、前言本插件只适用于nvue/app项目。只要条件满足,全局任何地方都可以直接调用,不用单独引入,还覆盖页面的所有原生组件。需要自定义样式等可以自行到源码中修改。由于小程序自身不支持自定义动画,所以目前暂时无法实现。二、使用说明将demo中pages/popup/popup页面复制到自己项目中在page.json中注册页面{ "path": "pages/popup/popup", "style": { "disableScroll": true, "app-plu原创 2021-08-24 15:41:55 · 8496 阅读 · 1 评论 -
uniapp之安卓APP权限说明
uniapp部分权限说明android.permission.INTERNET 允许程序访问网络连接,可能产生GPRS流量android.permission.WRITE_EXTERNAL_STORAGE 允许程序写入外部存储,如SD卡上写文件android.permission.READ_PHONE_STATE 允许程序访问电话状态android.permission.ACCESS_NETWORK_STATE 允许程序获取网络信息状态,如当前的网络连接是否有效android.permis原创 2021-08-24 15:34:50 · 4670 阅读 · 0 评论 -
【web-view加载h5】uniapp中使用web-view相互通信+uniapp向webview中实时通信
uniapp中使用webview相互通信概要uniapp打包成的小程序、app,在某些场景下需要访问第三方或其他上线的h5页面,并要实现交互通信,一般就是h5页面点击某个按钮,需要通知应用做出下一步的操作。注意:根据官方文档提供的例子,APP、微信小程序、H5都没问题,但是百度小程序必须添加业务域名通信功能才能生效。下面的代码还实现了应用向h5页面即时通讯,关键词:‘#’。uniapp页面<template> <view> <web-view src="h原创 2021-08-24 15:24:01 · 12742 阅读 · 9 评论