uni-app renderjs通信 与具体例子
一、renderjs使用
renderjs是一个运行在视图层的js。它只支持app-vue和h5。
renderjs的主要作用有2个：
1.大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力
2.在视图层操作dom，运行for web的js库
使用时的注意事项
1.目前仅支持内联使用。
2.不要直接引用大型类库，推荐通过动态创建 script 方式 ...
uni-app 从0 到 1 制作一个项目，收藏等于学会
uni-app 是使用 vue.js 开发的所有前端应用框架，开发者编写的一套代码，可以发布到 ios、android、web ，以及各种小程序平台。
一、创建uni-app
1、hBuilderX 可视化创建
最便捷的就是使用 hbuilder 可视化创建项目，在点击工具栏里的文件 -> 新建 -> 项目：
选择uni-app类型，输入工程名，选择模板，点击创建， ...
黑马-uni-app
####uni-app的基本使用
参考视屏：03-项目目录和开发规范简单介绍_哔哩哔哩_bilibili
笔记：2022.08.01~2022.08.10
1.~~~Uni-App从入门到实战-黑马程序员杭州校区出品视屏地址 ：https://www.bilibili.com/video/BV1BJ411W7pX?p=1&vd_source=d0acf1b50d58a251fbd395d941b1268c2.~~~ 配置环境；hbuilderx和微型小程序开发2. ...
如何在uni-app中选择一个合适的UI组件库
如何在uni-app中选择一个合适的UI组件库
https://blog.csdn.net/qq_47443027/article/details/119734230
火兰
于 2021-08-16 15:27:13 发布
4782 收藏 3分类专栏： uniapp版权
uniapp专栏收录该内容2 篇文章0 订阅订阅专栏uni-app框架转眼已经发布了一年多，使用uni-app的开发者也是与日俱增。因为uni-app是一个跨端 ...
Uni-app全局弹框提示插件
Uni-app全局弹框提示插件
由于uni-app端不支持dom操作，像下面这种方式在app端就无法实现
https://www.cnblogs.com/Plume-blogs/p/16348462.html
Uni-app端实现全局弹框插件
1.创建initPrompt.js文件（名称可以自定义，不过后面对应位置的名称要注意换过来）
代码如下：
import Vuex from 'vuex'
export default function ...
uni-app面试题
1. uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？
通过 #ifdef、#ifndef 的方式
H5 ： H5
MP-WEIXIN ： 微信小程序
2. uniapp的配置文件、入口文件、主组件、页面管理部分
pages.json 配置文件
main.js 入口文件
App.vue 主组件
pages 页面管理部分
3. uniapp上传文件时用到的api是什么？格式 ...
Uni-app开发App和插件以后如何开通广告盈利：uni-AD
Uni-app 作为近些年国内逐渐兴起的跨平台开发架构，一次开发就可以完成小程序、iOS APP、安卓 APP、 H5等平台的打包是受到关注的原因。于此同时，很多开发者也开始关注Uni-app架构之外的东西，比如说如何加入广告功能让自己的软件能够实现变现。
其实 Uni-app 的开发团队 DCloud 早就推出了一款名为 uni-AD 广告联盟的产 ...
uni-app 实现路由拦截
1、auto.js
/** * @description 权限存储函数 */const authorizationKey = 'accessToken'
export function getAuthorization() { return uni.getStorageSync(authorizationKey)}
export function setAuthorization(authorization) { return uni.setStorageSync(authorizationKey, authorization)}
export function remove ...
uni-app 和H5页面视频播放flv格式视频监控
本文章向大家介绍uniApp 实现微信小程序和app视频播放flv格式视频监控，主要包括uniApp 实现微信小程序和app视频播放flv格式视频监控使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。
video 支持
App平台： 支持本地视频(mp4/flv)、网络视频地址（mp4/flv/m3u8）及流媒体 ...
uni-app 蓝牙传输
最近在做一个项目，要求app通过蓝牙连接设备并将报文传输至设备中，在这个过程踩过了几个坑，总结如下：
根据uni-app官网API主要涉及到“蓝牙”和“低功耗蓝牙”两个部分。
主要步骤：
步骤1：初始化蓝牙模块 openBluetoothAdapter
$openBluetoothAdapter(){
uni.openBluetoothAdapter({
...
uni-app 获取手机连接的WiFi信息和wifi列表
最近在做个项目要求app获取当前连接的wifi信息和可用WiFi列表。
uni.getNetworkType({
success: function (res) {
console.log(res.networkType);
if(res.networkType != "wifi"){
uni.showToast({
icon:'none',duration:2000,
...
uni-app App 下集成 xgplayer
uni-app APP 下集成 xgplayer
uniapp 使用 uni-upgrade-center
前言
如果是 Web 下集成 xgplayer 是很方便的，直接按照官方文档就可以，这里就不做讨论。
之所以是讲 app 下，原因在于 uni-app app 下调用这类 JS 库涉及到操作 dom 的就需要特殊出来。
在最开始按照 web 方式集成进来一直报错，一点头绪没有，经过几 ...
uni-app 网络请求
uni-app 网络请求uni-app中的网络请求是通过 uni 这个对象中的request({ })来完成的，类似于微信小程序中通过 wx.request({ }) 来完成网络请求
OBJECT 参数说明
参数名 类型 必填 默认值 说明 平台差异说明url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 App（自定义组件编译模式 ...
uni-app上传图片和文件
如图所示：
上传图片,使用的是uni.chooseImage这个官方api，count 数量根据自己的需求来，我们是最多只能上传9张
uploadImgEvent(){
uni.chooseImage({
count: 10 - this.uploadImgsList.length,
success: (res) => {
...
uni-app本地安卓打包
1、下载sdk——Android-SDK@3.1.13.80836_20210517
https://nativesupport.dcloud.net.cn/AppDocs/download/android
2、复制sdk包中的demo工程HBuilder-HelloUniApp到任意目录，使用android studio打开HBuilder-HelloUniApp
3、将Android-SDK@3.1.13.80836_2021051 ...
记录：uni-app 开发原生组件视频通话的总结
由于本人不会原生，因此原生的东西整起来十分费劲，但最终还是好了 URTC视频通话，由于之前同事整的URTC版本较低 ，导致视频通过过程大多数情况是没有声音的，和客服沟通后让我升级sdk试试
如下部分代码可见 Uni-app官网原生插件开发可见.
一、Uni-app的配置如下：
1、 图中common-2.12.4.arr,libuvccamera-release.arr,u ...
uni-app 蓝牙扫码适配
1.前言
蓝牙设备扫码的效率要高于手机摄像头
App需要进行对蓝牙扫码枪进行适配才能正常使用蓝牙设备枪，并兼容之前的摄像头扫码
适配的关键在于：扫码枪进行扫码时，需要对其进行事件监听，并拿到条码的值
2.注意事项
蓝牙模块是可选项，默认应该是关闭状态，需要时再手动开启
蓝牙模块的运行状态需要存储至全局变量中（ ...
uni-app - 内置组件样式修改无效问题
uni-app - 内置组件样式修改无效问题
全局样式中修改
在app.vue中
//设置圆角
checkbox.round .wx-checkbox-input,
checkbox.round .uni-checkbox-input {
border-radius: 100upx;
}
//设置背景色
checkbox.red[checked] .wx-checkbox-input,
checkbox.red.checked .uni-checkbox-input{
background-color: # ...
UNI-APP 自定义微信小程序底部导航栏
本文只针对于微信小程序的自定义底部导航栏；
PS：可能在进入小程序后，首次点击tabBar会出现闪烁的情况；不能接受的就还是乖乖的用回默认吧！
需求
在开发记账APP时，感觉微信小程序默认的tabBar功能很简单，而且不能进行美化，作为强迫症的我，不能忍，直接搂它；
我需要达到的效果如下：
中间的按钮凸起；
中间的按钮点 ...
uni-app使用Canvas绘图
一、初始化canvas画布
通过createCanvasContext方法来创建画布
var _this = this;
_this.ctx = uni.createCanvasContext('canvasid', this);
const C_W = 650; //canvas宽度，使用的手机屏幕
_this.canvasW = C_W; //
_this.canvasH = 420; // 设置画布高度
_this.ctx.setFillStyle('#545a7a'); //canvas背景颜色
_this.c ...
