文章目录前言一、安装开发工具二、导入uni插件原生项目三、开发Module四、开发Component五、合并原生代码到uniapp项目中总结前言当HBuilderX中提供的能力无法满足App功能需求，需要通过使用Andorid/iOS原生开发实现时，可使用App离线SDK开发原生插件来扩展原生能力。这里举两个例子来说明具体的流程。官网文档地址：https://nativesupport.dcloud.net.cn/NativePlugin/README一、安装开发工具JAVA：jdk1.8AndroidStudio：下载地址AndroidStudio官网ORAndroidStudio中文社区A
微信小程序获取用户头像和昵称一个开放接口是wx.getUserInfo，2021年4月5日被废弃，原因是很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗，如果用户点击拒绝，无法使用小程序，这种做法打断了用户正常使用小程序的流程，同时也不利于小程序获取新用户，后面新添加的一个开放接口wx.getUserProfile，也是用于获取用户头像和昵称。下面是调整公告但如果我们现在再使用类似的方法时，往往无法得到自动获取用户头像昵称的效果。微信小程序开发现已不支持使用wx.getUserProfile接口获取用户头像,同时也无法使用wx.getUserInfo接口获取用户头像和昵称，
nextTick：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。 asyncgetList(){ awaitDeitalNew({ id:2 }).then(res=>{ if(res.code==200){ this.dataList=res.data this.pageScrollTo() } }) }, //滚动条滚到最底部 pageScrollTo(){ this.$nextTick(()=>{ //调用方法 uni.pageScrollT
✨问题最近在工作中使用uniapp来进行开发页面，在使用uniapp执行打包字节跳动小程序命令时，发现同样的一套代码打包后，字节跳动小程序的包体积将近是微信小程序打包后的体积3倍多😨。🎃字节跳动小程序打包后的体积🎃微信小程序打包后的体积当然如果只在编辑器中去调试小程序，体积增大并没有太多的影响，但是一旦使用真机预览或者是真机调试，就会因为包体积太大而导致打包失败，也就无法真机预览与调试。✨推想为了验证自己的推想。分别执行运行字节跳动小程序（npmrundev:mp-toutiao）、微信小程序（npmrundev:mp-weixin）查看两个小程序打包后的产物。通过比对发现，问题好像出在.so
在uniapp转微信小程序过程中经验总结：总体来说对于小一点并且功能不复杂的页面，相对于使用微信小程序语法制作小程序uniapp制作还是相对快捷，uniapp在功能组件方面大于微信小程序自带组件。uniapp在语法校验没有微信小程序严格。在自作过程中遇到的问题总结如下：1.icon不支持部分格式，最好引入全部格式，转微信不报错。2.v-if在编译的时候在小程序那边是变成display：none\block来控制的，所以使用定位会造成盒子错乱，距离尺寸不好把控，所以在使用v-if的时候尽量多套一个盒子去适配好一点。v-show在使用这个的时候小程序那边虽然也用display：none\bloc
在最近的uniapp社区中发现一个很多人没有解决的一个问题，就是报错：reportJSException>>>>exceptionfunction:createInstanceContext,exception:whitescreencausecreateinstanceContextfailed,checkjsstack->UncaughtSyntaxError:Unexpectedtoken','有时候可以有时候不行，并且报错就是一片空白，其实这个问题很好解决，就是uniapp的this指向问题，废话不多说直接放代码ces(){ //把this给test变量 lettest=t
一、新建api文件夹在项目目录下创建api文件夹，内放files跟index.js文件夹，files文件夹内放每个页面对应的js请求接口1、index.js/***api接口的统一出口*/constapi={};constrequireComponent=require.context('./files',false,/\.js$/)requireComponent.keys().forEach(fileName=>{constcomponentName=fileName.replace(/^\.\/(.*)\.\w+$/,'$1')constcomponentConfig=requireCo
文章目录一、打包环境1.环境版本2.搭建环境二、创建项目2.1.HBuilderX创建项目2.2.cli创建项目2.3.H5项目移植2.4.项目运行2.5.打包个性化配置2.6.项目打包三、项目开发3.1.开发模式运行项目3.2.验证实时编译四、异常汇总4.1.node-sass报错一、打包环境1.环境版本软件版本nodejsv14.17.5vue/cli4.5.15vue2.x2.搭建环境安装nodejswin：https://nodejs.org/download/release/v14.17.5/node-v14.17.5-x64.msilinux：https://nodejs.org/
一、base64图片保存相册功能提示api：that.$refs.uToast.show用的是uview2.0的toast，可以根据具体引入的ui库去更换；saveBase64ImageToPhotosAlbum(){ letthat=this vartimestamp=newDate().getTime(); letbase64=this.userInfo.jumpAddFriendQr.replace(/^data:image\/\w+;base64,/,"");//去掉data:image/png;base64, letfilePath=wx.env.USER_D
目录声明项目背景界面功能和数据交互互通硬件部分第一步，将h5导入到app/src/main/assets/h5第二步，app/src/main/res/layout/activity_main.xml在根节点下加入webview节点 第三步，配置MainActivity。onCreate中配置如下代码 用以下代码将安卓端写的方法暴露给h5调用安卓端方法配置：方法需要加上注解@JavascriptInterface声明前端开发，之前未接触过硬件，这次项目紧急要实现一个医院挂号机的项目，需要实现apk，因为紧急，所以就直接上手用unipp开发界面，对接接口了。项目背景医院自助挂号机，实现对接医院H
