Uni
  • 2024-09-29uni-app小程序项目使用iconfont字体图标
    前情uni-app是我比较喜欢的跨平台框架,它能开发小程序/H5/APP(安卓/iOS),重要的是对前端开发友好,自带的IDE让开发体验非常棒,公司项目就是主推uni-app。为什么要这么做?借助字体图标,我们可以如同操作文字一样操作字体图标。如,颜色的切换、大小的改变对字体图标进行放大不会出现失
  • 2024-09-27uniapp开发——使用uni.chooseImage调用摄像头功能
    1.前端调用代码://获取摄像头权限失败的处理asyncfunctionrequestAndroidPermission(permisionID){varresult=awaitpermision.requestAndroidPermission(permisionID)if(result==-1){//被永久拒绝权限"letmsg='您还没有开启摄像头权限,无法拍照,是
  • 2024-09-27天地图移动端部署(一):创建一个基础地图服务(uni-app环境)
    前言:在一家测绘公司上班,接手了一个移动端APP项目,用uni-app开发的,地图服务用天地图底层支持,嗯,测绘用天地图十分合理。“这地图看起来糊糊的,你给换成XX地图吧。”老大某天跟我说。圣谕下达,开始拉代码,读代码。嗯,依旧是一坨的“清朝”项目代码,一堆的log,一堆的警告,一堆的if,就
  • 2024-09-26页面底部"上拉加载更多"
    [前两天发烧感冒头痛,所以没有更新,现在恢复更新了]本套程序使用uni-app,语法为vue,可以编写在多个平台上运行的程序首先我们完成最下面的"下拉刷新更多",放在底部<viewclass="d-flexa-centerj-centertext-light-mutedfont-mdpy-3"> 下拉刷新更多</view>再在给scroll-v
  • 2024-09-25jenkins 搭建 uniapp h5部署服务
    项目中需要适用jenkins搭建uniapph5部署服务,初次接触,踩了很多坑,记录下主要分为两步骤:1.创建uniapp打包环境由于创建打包环境的步骤有手动确定项目,所以不能通过jenkins自动创建,需要先到目录中手动配置环境2.搭建jenkins自动化部署步骤任务把jenkins工作目录配置为刚才的环
  • 2024-09-25uni-app开发微信小程序时,有哪些性能优化的技巧
    大家好,我是威哥,在使用uni-app开发微信小程序时,性能优化是提升用户体验的关键。今天的内容,整理了以下13个有效的性能优化技巧,供你在开发中参考:1.减少页面层级和组件嵌套:减少页面层级和组件嵌套是前端性能优化中的常见做法,它有助于减少浏览器的渲染负担,提高页面的响应速度。我们通过
  • 2024-09-249.24学习
    转载,非原创,写在这记录用的聊一聊我最近使用的uniCloud是个什么玩意?-腾讯云开发者社区-腾讯云(tencent.com)什么是uniClouduniCloud是DCloud联合阿里云、腾讯云,为开发者提供的基于serverless模式和js编程的云开发平台。到底是怎么一回事?听我给你简单说一下对架构演
  • 2024-09-23uniapp uni-push2.0,iOS、Android的在线离线的推送
    本次是后端服务的苹果和安卓手机FCM的推送说明:ios在线的时间可以监听到服务端推送的数据ios离线是监听不到推送的数据,只能在消息栏点击后才能监听到数据android在线可以监听到服务端数据android离线同样不能监听到,点击打开后可监听android(FCM)离线需要连接外网才可收到消息
  • 2024-09-20HBuilderX如何高效开发UniApp的技巧
    我们在用HBuilderX开发UniApp的时候,需要去掌握一些输入的技巧,才能事半功倍。为提升开发效率,HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块,如在 template 标签内输入 ulist 回车,会自动生成如下代码:注意:需确保uni-list组件已保存在项目的components目录下。
  • 2024-09-20unity调用java静态方法
    在uni-app中使用NFC功能,可以通过调用微信小程序的NFCAPI(目前只在微信小程序中有效)。uni-app是多平台框架,而NFC功能的具体实现依赖于微信小程序的NFCAPI。以下是如何在uni-app中使用NFC功能,包括发现NFC设备、连接以及写入数据的详细步骤。​前置条件确保已经
  • 2024-09-20uni-app上架ios语言设置
    客户反馈了一个问题,日文的应用上架后在商店中,却显示了其他语言,解决方案如下1.添加要设置的语言2.最重要的一步,在 app-plus中添加下述代码name是app名称"app-plus":{"locales":{"ja":{"name":"xxx","a
  • 2024-09-19uniapp 封装请求方法
    目录uni.request()封装uni.showLoading()封装使用request() 方法uni.request()封装//request.jsconstBASE_URL='https://tea.qingnian8.com/api';//请求函数exportconstrequest=(option={})=>{ //解构并赋初始值 let{ url, data={},
  • 2024-09-19uni-app在微信小程序、H5 和 App 中实现扫码功能
    在uni-app中实现扫码功能,可以通过调用不同平台提供的扫码API来实现。下面分别介绍在微信小程序、H5和App中如何实现扫码功能。1.微信小程序在微信小程序中,你可以使用wx.scanCode接口来实现扫码功能。示例代码在你的.wxml文件中,添加一个按钮:<buttonbindtap
  • 2024-09-18uni-app生命周期
    目录一、页面生命周期1、onLoad【常用】2、onShow【常用】3、onReady【常用】4、onHide【常用】5、onPullDownRefresh【常用】6、onReachBottom【常用】二、应用生命周期1、onLaunch【常用】2、onShow【常用】3、onHide【常用】三、组件生命周期1、beforeCreate
  • 2024-09-15uniapp+vue2中 uni-datetime-picker 安卓正常显示,ios系统被遮挡
    先上图,安卓正常显示,ios弹出层被遮挡。最后发现,是uni-datetime-picker的父层级元素scroll-view造成的,将scroll-view改为view,就显示正常了。
  • 2024-09-14HbuilderX 小随笔
    在使用uni.showModal过程中,在确认回答后,进行接口操作this.$api.xx时提示this.$api不存在,应该在进行showModal前设置_this=thisuni.showModal({                   title:'请注意',                   content:'确认要删除该成绩吗?',
  • 2024-09-13uniapp业务实现
    uni.requset添加异常判断提示,以及加载动画 /** *该函数用于发送网络请求获取数据 *请求失败时会弹出相应的错误提示 *请求成功时会检查返回的数据是否存在错误,并根据错误代码做出相应处理 *如果数据请求成功且无错误,则将返回的数据赋值给pets变量 */ functi
  • 2024-09-13uni-app vue3获取 小程序胶囊最新的方法
    1.第一步app.vue<scriptsetup> import{onLaunch}from'@dcloudio/uni-app'; onLaunch(()=>{ //获取胶囊按钮的位置 constbuttonPositon=uni.getStorageSync('buttonPositon') if(!buttonPositon){ constres=uni.getMenuButtonBoun
  • 2024-09-13uniCloud
    https://doc.dcloud.net.cn/uniCloud/什么是uniClouduniCloud推出了opendb,包含了大量的开源数据库模板,常见数据表无需自己设计uniCloud推出了JQL(JavascriptQueryLanguage),会js即可掌握数据库查询,更对联表查询、Tree查询提供了非常简便的操作封装在数据库的schema中定义两个
  • 2024-09-12uniapp调安卓原生功能实现蓝牙通信
    uniapp开发的APP要接入三方厂商SDK功能,通过蓝牙连接控制手持设备。我采用uniapp调用原生aar包接口的方式。方式一是调用uni接口我们看官网是有提供APIuniapp.dcloud.net.cn/api/system/…使用例子很多,如blog.csdn.net/weixin_4710…markdown代码解读复制代码**初始
  • 2024-09-11wx-xcx ad.js
    varinterstitialAd=null;module.exports={ //激励视频广告 showRewardVideoAd(adId,closeEnd,closeNotEnd){ letpages=getCurrentPages() letcurrentPage=pages[pages.length-1] letrewardVideoAd=currentPage[adId] if(!rewardVideoAd){ //初始化
  • 2024-09-11css常用方式
     常容器用的样式:position:relative|absolute;/*相对定位|决定定位*/display:flex;/*浮动*/line-height:0px;/*div撑开问题*/对 rpx 详细说明:设计师在提供设计图时,一般只提供一个分辨率的图。严格按设计图标注的px做开发,在不同宽度的手机上界面很容易变
  • 2024-09-11uni-app开发微信小程序
    Uni-app是一个使用Vue.js开发跨平台应用的框架,支持构建微信小程序、H5、iOS、Android等多种平台的应用。以下是使用Uni-app开发微信小程序的基本步骤和一些实用技巧。1.环境准备安装HBuilderXHBuilderX是DCloud提供的IDE,支持Uni-app的开发。你可以从HBui
  • 2024-09-11uniapp 将数据存储在本地缓存setStorage及从本地缓存中异步获取getStorage
    一、uni.setStorage(OBJECT)将数据存储在本地缓存中指定的key中,会覆盖掉原来该key对应的内容,这是一个异步接口。HarmonyOSNext兼容性HarmonyOSNextHBuilderX4.23OBJECT参数说明参数名类型必填说明keyString是本地缓存中的指定的keydat
  • 2024-09-11新出的uni-app高颜值组件库爆了! 转载
    wot-design-uni组件库基于vue3+Typescript构建,参照wotdesign的设计规范进行开发,提供70+高质量组件,支持暗黑模式、国际化和自定义主题,旨在给开发者提供统一的UI交互,同时提高研发的开发效率。WOTDesignUNI的组件不仅种类齐全,颜值更是超高。每个组件都采用现代化的设计风格,兼顾