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 网络请求
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 - 内置组件样式修改无效问题
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小程序uni.createAnimation动画效果快速上手教程
在实现某个功能的时候，因为基础不够只能拆分2个步骤来学习，第一个学习uni-app小程序uni.createAnimation动画效果，第二个在思考在这基础上实现某个功能，于是…..
写了3小时，出了3个bug
建立动画
建立动画有2个方式，为了学习就简单点：
1.直接在点击的行数中去建立（如果一个界面只有一个动画那就随意）；
2.onShow函 ...
使用uni-app 地图组件
首先，官方文档：https://uniapp.dcloud.io/component/map.html
so，easy
但是没什么用~——~，太简单了
uni-app一般内置的使用的是腾讯地图，这个组件使用的地图也是一样的
很坑爹的是，我们看到的地图是
{功能：
带自动定位的
解析地址的
文字性质的
可以查找，筛选的
}
对你没有猜错，这些内容统统没有
但是，这些可以自 ...
Uni-app极速入门(二) - 登录demo
需求
背景
1、进入小程序，默认页面判断用户是否已经登录，已经登录则进入首页，没有登录则进入登录页面
2、首页为tabbar，包括首页和设置页，设置页可以退出登录，回到登录页面
页面流转
graph TD
A[Index Page] --> C{isLogin}
C -->|true| D[HomePage]
C -->|false| E[LoginPage]
D --> |logout| A
E --> |login| D
技术 ...
Android Studio运行、离线打包uni-app项目
首先需要下载Android Studio下载HBuilderX下载Android离线打包SDK(https://nativesupport.dcloud.net.cn/AppDocs/download/android)
创建android项目
2. 配置项目
&nbs ...
uni-app页面栈
uni-app框架用栈的形式管理页面，当发生路由切换的时候，页面栈的表现如下
路由初始化的时候（即uni-app打开的第一个页面），新页面入栈
打开新页面，调用 uni.navigateTo 使用组件<navigator open-type="navigate"/>，类似于vue的route.push()。路由后可以带参数，若跳转地址为tabBar则不可带参数
页面重定向：当前页面出 ...
uni-app app生成带二维码海报保存图片 + 分享到微信
html代码 <view style="padding-top: 100rpx;">
<!-- <view class="tips">
<image src="../static/fingerprint.png" mode=""></image>
<text></text>
</view> -->
<view class="posterImgBox">
<view id="poster">
...
uni-app实现select可输入下拉框
1、一般uni-app下拉框
<view class="uni-form-item uni-column">
<picker @change="examinationType" :range="examinationTypeArray">
<label class="">{{ examinationTypeArrayType }}</label>
</picker>
</view>
//下拉框初始数据
examinationTypeArray: ['请选择', '11111', '22222', '33333', '44444 ...
uni-app、Vue3 + ucharts 图表 H5 无法渲染
当学习成为了习惯，知识也就变成了常识。感谢各位的 点赞、收藏和评论。
新视频和文章会第一时间在微信公众号发送，欢迎关注：李永宁lyn
文章已收录到 github，欢迎 Watch 和 Star。
简介
从问题定位开始，到给框架（uni-app）提 issue、出解决方案(PR)，再到最后的思考，详细记录了整个过程。
前序
当你在业务中不幸踩了开 ...
