草庐IT

uni-app动态开启VConsole控制台调试,太方便了!

需求背景使用uni-app开发h5应用有时需要排查线上发生的问题。npm安装好vconsole后:npminstallvconsole会在H5页面上一直显示VConsole的开关,关闭需要注掉代码后重新打包发布,比较繁琐且不够灵活。解决方案方法比较简单,就是增加一个参数例如debug来控制调试面板的初始化,接收并在本地缓存参数动态控制调试模式的启停用,缺省时默认不开启。App.vue文件中增加引用:importvconsolefrom'vconsole';程序启动回调函数onLaunch中增加判断:onLaunch:function(e){ if(e.query.debug){ if(e.q

ADS-B接收机Radarcape

1.设备简介     Radarcape是一款便携、高性能、功能强大的ADS-B地面接收机。Radarcape的设备清单包含:ADS-B接收机主机,专业级ADS-B天线,GPS天线,电源线,网线。2. 功能特点Ø Radarcape可以通过网口输出飞机的原始数据DF17,并且可以同时输出明文格式报文,如经纬度,高度,速度,航班等信息,非常适合二次开发。Ø Radarcape可以输出报文的GPS时标,可以用于多点定位。Ø Radarcape可以接收并输出A/C模式和S模式雷达应答信号。Ø 体积小,重量轻,放在背包里即可,可用充电宝供电,携带使用方便Ø Radarcape易于扩展,可以方便的组网,

uni-app 微信小程序vendor.js 过大的处理方式和分包优化

小程序工具提示vendor.js过大,已经跳过es6向es5转换。这个转换问题本身不用理会,因为vendor.js已经是es5的了。关于体积控制,参考如下:使用运行时代码压缩HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码cli创建的项目可以在package.json中添加参数–minimize,示例:“dev:mp-weixin”:“cross-envNODE_ENV=developmentUNI_PLATFORM=mp-weixinvue-cli-serviceuni-build--watch--minimize”分包优化subPackages里的pages

uniapp路由—— uni-simple-router

要在uniapp中使用路由守卫,uniapp原生的api是比较欠缺的,所以要用‘uni-simple-router’插件包安装 //项目根目录执行命令行npminstalluni-simple-router//根据pages.json总的页面,自动构建路由表npminstalluni-read-pages配置vue.config.js注:如果根目录没有vue.config.js文件,要手动创建//vue.config.jsconstTransformPages=require('uni-read-pages')const{webpack}=newTransformPages()module.e

uniapp路由—— uni-simple-router

要在uniapp中使用路由守卫,uniapp原生的api是比较欠缺的,所以要用‘uni-simple-router’插件包安装 //项目根目录执行命令行npminstalluni-simple-router//根据pages.json总的页面,自动构建路由表npminstalluni-read-pages配置vue.config.js注:如果根目录没有vue.config.js文件,要手动创建//vue.config.jsconstTransformPages=require('uni-read-pages')const{webpack}=newTransformPages()module.e

uni-app的三种操作数据库方法

欢迎关注b站:小淼前端有更多的视频讲解+源代码可领取哦~欢迎关注b站:小淼前端有更多的视频讲解+源代码可领取哦~目录前端与后端(云端)分离实现数据库的操作1.使用云函数来操作数据库2.使用云对象来操作数据库前端与后端(云端)结合实现客户端操作数据库3.使用DBSchema结构规范实现客户端对数据库的操作 欢迎大家关注:b站:小淼前端我会不定时的更新教程哦~前端与后端(云端)分离实现数据库的操作1.使用云函数来操作数据库第一步:创建一个云函数并部署第二部:在云函数中写入数据库的操作代码:constdb=uniCloud.database();exports.main=async(event,co

Azure基础:什么是Azure AD ?(23)

在谈论标识和访问时,你需要了解两个基本概念:身份验证(AuthN)和授权(AuthZ)。身份验证和授权支持出现的其他一切情况。它们在标识和访问过程中按顺序发生。让我们简单了解一下身份验证和授权。什么是身份验证?身份验证是确定要访问资源的个人或服务的标识的过程。这涉及向一方提出合法凭证质询的行为,并为创建用于标识和访问控制的安全主体提供基础。身份验证可确定用户身份是否正确。什么是授权?身份验证确定用户的身份标识,而授权是确定经过身份验证的人员或服务具有的访问级别的过程。它指定了允许其访问哪些数据及其可以使用这些数据做些什么。身份验证和授权是什么关系?下图显示了身份验证和授权之间的关系:标识卡代表

在uni-app使用vue3进行store全局数据共享

文章目录前言一、工程准备二、使用步骤1.在项目目录中新建一个store目录,并且新建一个index.js文件2.配置main.js文件3.在自定义组件中引用4、效果前言在uni-app中使用vue3进行store的全局数据共享,网上文章太杂了,记录一下自己写的一个最简单易懂的例子,以供自己后面需要用到时候可以最直观的知道到底怎么实现一、工程准备二、使用步骤1.在项目目录中新建一个store目录,并且新建一个index.js文件在index.js中写入代码如下(示例):uni-app好像内置vuex,不需要额外下载,如果记错了的话就得先去下载好import{createStore}from'vu

AD/Allegro:0603、0805、1206尺寸封装设计资料

AD/Allegro:0603、0805、1206尺寸封装设计资料前言攀登的过程也许是漫长,但巅峰的风景是值得的一、具体含义是什么?封装尺寸是长x宽,0805,0603,1206这些单位是英制,0805代表0.08英寸*0.05英寸,而1英寸=25.4毫米(注意:封装尺寸是实物封装的尺寸,不是焊盘的或者PCB封装图的尺寸,PCB封装图的尺寸会稍微大些)0402实际尺寸:1mmx0.5mm_______0.04英寸x0.02英寸_________04020603实际尺寸:1.6mmx0.8mm______0.06英寸x0.03英寸_________06030805实际尺寸:2mmx1.25mm_

图文详解uni-app PC端宽屏适配方案

图文详解uni-appPC端宽屏适配方案随着互联网的发展,iOS、Android、H5以及各种小程序快应用层出不穷,随之而来的问题就是如何用一套代码,适配多个平台,其中uni-app表现优异,已经实现了手机端全覆盖,支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序,并且在各端均有优异的运行性能。并且从2.9版本起,uni-app进一步提供了PC等宽屏的适配方案,完成了大统一。具体怎么用,我们下面用一个简单的案列让大家直观感受:比如现在的需求是,一个列表卡片,点击卡片进入卡片详情页,在小程序,ios,Android,以及h5上