Uni-App Http请求
该插件适用于一般的请求场景,
只支持post、get、put和delete请求,目前不适用于其他的请求形式,比如上传,下载等。插件定位为 小而美,而不是大而全,目标是切合实际,开箱即用。
平台差异说明
AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序
√
√
√
√
√
√
√
由于某些小程序平台的限制:
delet ...
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期
Vue 实例有一个完整的生命周期。
也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期
二、vue2生命周期(钩子函数)
(1)钩子函数:
在特定阶段或特定事件发生时被执行的函数
在钩子函数中可以编写逻辑
【初始化操作、发送请求、处理 ...
基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案
前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起,页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。
如上图:支持h5+小程序+App端markdown解析渲染。
上面则是演示了在App端+小程序端键盘弹起,整体页面及自定义导航条不会被顶跑 ...
uni-app开发的APP跳转到微信小程序
uni-app开发的APP跳转到微信小程序需要调用H5+的原生界面控件。
注意事项:
用到了分享功能,在打包原生应用时,需要注意:首先勾选权限配置,manifest.json->App 模块权限配置->Share。然后,manifest.json->App SDK 配置->分享,按照提示填写微信 ...
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目,但都是基于vue2开发。随着vite.js破局出圈,越来越多的项目偏向于vue3开发,就想着uniapp搭配vite4.x构建项目效果会如何?经过一番尝试果然真香~
版本信息
HBuilderX: 3.8.4
Vite: 4.2.1
uView-Plus: 3.1.31
创建 ...
uni-app开启消息通知
场景:uni-app开启移动app,如果用户没开启消息通知提示开启因为uni-app升级到androidx,之前的android.support.v4.app.NotificationManagerCompat 已经找不到了,androidx中采用androidx.core.app.NotificationManagerCompat
判断是否开启了消息通知
var main = plus.android.runtimeMainActivity();var pkName = m ...
uni-app 介绍及使用
一、什么是uni-app
uni-app由dcloud公司开发的多端融合框架,是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。最 ...
uni-app:app:锁定屏幕方向禁止屏幕旋转(hbuilderx 3.7.3)
一,第一种方法:js代码:
App.vue
<script>
export default {
onLaunch: function() {
console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!')
console.log('App Launch');
// #ifdef APP-PLUS
plus.screen.lockOrien ...
两个小时完成一个简单项目——新闻App、新闻小程序,循序渐进的掌握uni-app
效果图
一、创建项目
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详 ...
uni-app px与rpx的转换
uniapp尺寸单位 px转rpx
uniapp尺寸单位uni-app 支持的通用 css 单位 包括 px、rpx。px即屏幕像素rpx(responsive pixel) 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx实际显示效果会等比放大,但在APP端和H5端屏幕宽度达到960px时,默认按照 375px 的屏 ...
uni-app云开发入门
云函数
首先创建一个uniapp项目,创建项目时选择启用uniCloud云开发。
创建项目成功后,按照下面的步骤进行开发。
创建云函数
1.关联云服务器
2.创建云函数
一个云函数可以看成是一个后台接口
云函数实现
'use strict';
exports.main = async (event, context) => {
//event为客户端上传的参数
console. ...
towxml支持代码复制功能(支持uni-app)
uni-app中使用towxml
步骤见: https://www.cnblogs.com/chuan2021/p/17223663.html
在微信小程序中的效果:
展示的css可自行调整
支持代码复制:
towxml先用mardown.js把mardown转换成html, 然后再解析html,最后渲染到towxml/decode.wxml页面中, 代码会渲染到
item.tag == "view" 一段中, 这里先在par ...
(转)uni-app使用markdown组件(亲测可用)
目前2023/3/16日测试, 可以正常使用
环境:uni-app中Vue版本是3.0Towxml版本:3.0
Towxml 是一个让小程序(微信/QQ)可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。
github地址:https://github.com/sbfkcel/towxml
下面介绍如何使用Towxml:
第一步:首先,需要构建Towxml(常规步骤,按照操作步骤 ...
uni-app 实现图片主题色的获取
uni-app 实现图片主题色的获取
<canvas canvas-id="getImageThemeColorCanvas" id="getImageThemeColorCanvas">
</canvas>
canvas 元素默认宽为 300,高为 150。需要注意的是,上述代码不可或缺。
/**
* 获取图片主题色
* @param path
* 图片的路径,可以是相对路径,临时文件路径,存储文件路径,网络图片路径
* @par ...
uni-app使用蓝牙的坑
前言
在以前的一篇博客中,我记载了给公司写蓝牙锁连接的代码,然后后面我优化了一下代码,想节省一下时间,而这个节省时间让我遇到了问题。
https://www.cnblogs.com/weiyanei/p/17039919.html
问题点
服务发现保存蓝牙缓存
用户扫码获取车锁信息,然后点击开锁按钮,车锁打开。
这里的开锁按钮就是需 ...
uni app 问题记录
一、当我在调用store时报错: Cannot read property 'state' of undefined
具体代码如下图
解决过程:
各种尝试有点无计可施,感谢网友哪种分享,给了我解决的思路,所以我把我的解决过程及最终方案也分享给大家,希望能帮忙到别人。
1、新建简单test页。先test页直接引用store.js
先是报错,发现原来 vue3&n ...
uni-app:使用uni-transition动画(hbuilderx 3.6.18)
一,官方文档地址:
https://uniapp.dcloud.net.cn/component/uniui/uni-transition.html
二,代码:
<template>
<view>
<view class="animation-element-wrapper">
<uni-transition :duration="1500" ref="ani" custom-class="transition" :mode-class="modeClass" :styles="styles"
...
记录--『uni-app、小程序』蓝牙连接、读写数据全过程
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
本文简介
这是一次真实的 蓝牙收发数据 的全过程讲解。
本文使用 uni-app + Vue3 的方式进行开发,以手机app的方式运行(微信小程序同样可行)。
uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ,和微信小程序提供的 api 是一样的,所以本文的讲解也适用于微信 ...
uni-app + .NET 7实现微信小程序订阅消息推送
微信小程序的订阅消息是小程序的重要能力之一,为实现服务的闭环提供更优的体验。订阅消息我们应该经常见到,比如下单成功之后的服务通知,支付成功后的支付成功通知,都属于小程序的订阅消息。
本文只实现一次性订阅的功能,至于长期订阅与设备订阅,有机会碰到再进行研究。
目录功能介绍消息类型基本流程注意事项获取模板 ...
记录--uni-app App端半屏连续扫码
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
本文用一个简单的 demo 讲解 App端 半屏连续扫码 的实现方式,包括(条形码、二维码等各种各样的码)。
我会从实现思路讲起,如果你比较急可以直接跳到 动手实现 章节获取代码。
开发和运行环境
开发工具:HBuilderX
前端框架:uni-app 我用了 vue3 的模 ...