u010227042的博客

前言Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。React Native、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。uni-app: 如何高效开发uni app?" />现在我们就从uni-app运行原理上，了解一下，在哪些方面存在性能折损问题？运行原理逻辑层和视图层分离，非H5端

<button open-type="contact" style="border-radius: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;"> <image src="../../static/retail_server.png" mode="widthFix" style="height:46rpx;width: 42rpx ;margin-botto...

最近使用swiper组件时，遇到的问题，点击swiper内任何地方animationfinish事件都会触发，导致写在animationfinish事件中的代码不断被执行，影响操作，因为我的操作就是需要在current改变的时候执行，翻看文档uniapp文档链接后发现swiper有change事件（current改变的时候触发），所以我的解决办法是将原来在animationfinish中执行的代码转移到change事件中。解决<view class="tab"> <u-tab..

uni.getAccountInfoSync().miniProgram.appId

官方文档中给出的配置选项为<hbuilder debug="true" syncDebug="true">这个选项是用于开发时的非正式包，内部的js文件只有在hbuilderX中运行时才会自动更新。打正式包的时候需要将debug相关配置去除，就可以覆盖安装自动更新js文件了。......

1.拷贝本地library库,setting.gradle配置library库2.app 的gradle引入library库3.dcloud_control.xml 修改appid 以及assets相关目录名称4.dcloud_uniplugins.json 增加本地原生插件5.app gradle android脚本中增加： compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targe.....

export function uploadVideo() {return new Promise(resolve => {uni.chooseVideo({sourceType: ["album", "camera"],success: path => {// console.log(path);const tempFilePath = path.tempFilePath;showLoading("视频上传中...", 20000);uni.uploadFile({url:.

只需要修改dcloud_control.xml 文件的<hbuilder>标签添加debug 和 syncDebug 如图所示:<hbuilder debug="true" syncDebug="true"><apps> <app appid="__UNI__6702574" appver=""/></apps></hbuilder>...

官方demo下载后，修改了应用的包名出现了离线打包 uni.chooseImage无法使用的问题。大概率是Manifest.xml中： <provider android:name="io.dcloud.common.util.DCloud_FileProvider" android:authorities="${apk.applicationId}.dc.fileprovider" android:exported="false" androi.....

问题描述：当前页面跳转至 非 tabbar 页面【uni.navigateTo】，底部会出现全面屏导航 tabbar的占位，并且透明显示，会看到上个页面的底部内容。分析：这个问题和webview.show中的动画参数有关系，如果指定有动画入场效果就会出现。我拍了一个入场很慢的视频，可以看出是动画结束处理出现的问题，入场过程中是正确的。由此也可以侧面证明无动画时正常的原因。转为竖屏再转为横屏的确可以恢复正常，因为Android转屏是会重绘的，应该是plus在重绘时调整了过来。不过转回横屏后再有动画入场的

晴天霹雳，之前一直用uview 开发手机版，一般都是竖屏，这种模式一直没有问题。新公司接到新需求要开发定制Android系统pad版本，由于前期一直使用模拟器开发，强制横屏适配一直没有问题，可是采购后，当拿到工业机，分辨率超级低。。直接已运行，直接懵了，样式全乱了。。。冷静思考了下，修改为竖屏后，样式正常，于是乎得知一定是uview对竖屏的宽度做了适配，改为强制横屏宽度很宽，而高度低，导致适配紊乱。。。。没办法适配吧，单独适配样式。。。懵了一上午冷静了记录一下！！！......

1、单排横向滚动html<scroll-view scroll-x="true" class="kite-classify-scroll"><view class="kite-classify-cell"></view><view class="kite-classify-cell"></view><view class="kite-classify-cell"></view></scroll-view&

nginx配置

使用uni.getFileSystemManager().writeFile去下载base64图片<view class="share-btn" @click="saveAlbum()">保存相册分享</view>//保存相册 saveAlbum(){ uni.getSetting({//获取用户的当前设置 success:(res)=> {...

这个也是我在做uniapp混合app时遇到的问题，也是困惑了几天，网上也有很大相关文章，但是有些地方有些不清晰，让新手很困惑。问题原因我在项目中碰到两个问题如果只需要用定位功能获取到经纬度坐标的，可以不用在manifest.json --> App SDK配置中勾选定位和地图服务（注意：部分国产Android手机可能必须勾选才能获取位置，看下图），但是项目中的地图功能却没法用 我在高德地图申请了key，也在manifest.json --> App SDK中填写了，但是却并没有生效

本地uni-app 版本2.5.1，编译器版本2.5.1，最近在远程打包apk，自定义打包出的apk，装到真机上无法正常运行，再反复尝试多个uni-app版本及编译器版本后，经过反复对比，返现我本机编译器版本2.5.1，与服务端编译器版本2.7.5版本存在不兼容性问题（之前远程打包是正常的，可能是远端编译器版本升级，不兼容旧的），如果要适配2.7.5的话，需要做好多工作，所以果断放弃远端打包，采用本地离线打包并且制定编译器版本2.5.1进行离线打包。...

1. 安装相关工具及下载文件1)Android studiohttps://developer.android.google.cn/studio/2)Hbuilder官方SDKhttp://ask.dcloud.net.cn/article/1032. Android本地打包1. 打包步骤1) 解压官方sdk，内容如下图：2) 使用Android Studio作为项目打开Hbuilder-Hello3) 切换为项目视图，选中如下文件夹4) 右键该文件夹，点..

现象如下： 1 android远程打包，打包的apk 安装后一直在闪屏界面，无法进入业务界面 2 真机调试，运行安装好调试基座好，程序也同步成功，但是无法显示业务界面，直接无法调试问题原因分析： 再确认程序无误后，反复多次远程打包，真机调试都无果后，开始怀疑是uni-app的编译器的编译版本导致，翻看了之前保存的编译版本是再检查下当前远程打包及真机调试编译的版本是2.5.1，恍然大悟，将编译版本切换回到2.4.2，一切ok了！！！...

比较简单的就是全部升级，保持HBuilderX、自定义基座、cli项目编译器都是最新版。 wgt升级时遇到这个问题，首先你可以自测，看老的运行引擎和新版编译器编的wgt是否搭配，如果测试有问题，那不能使用wgt升级，请使用整包升级。如果测试正常，可以在manifest中配置忽略这个提醒，方式如下：HBuilderX1.9.0及以上版本新增以下配置避免弹出提示框 复制代码//... "app-plus": { "compatible": { "ignoreVersion": true

uni-app logcat，读取日志出现如题目异常，这个是因为日志缓冲区爆了，如下设置就行开发者选项 ---》日志记录器缓冲区大小 -->设置为最大

uni.canvasToTempFilePath({ x: 0, // 起点坐标 y: 0, width: 600, // canvas 宽 height: 200, // canvas 高 canvasId: 'c1', // canvas id success(res) { const savedFilePath = res.tempFilePath //相对路径 const path = plus.io.convertLo...

执行param.replace(/\s+/g,"") 后控制台报找不到replace方法。解决办法if（typeof(param)=='string'）{ param.replace(/\s+/g,"") }

自动启动且自动编译配置如下：

其一。今天在用HBuild编译别人的开源项目到微信小程序的时候，出现“uni_app 微信开发工具 调试 小程序 启动开发工具失败”的问题。后来去DCloud社区看了一下，也有人有这个问题，有人提出一种曲线救国的解决方案：如果不配置 appid的话，或者打开失败的话，尝试手动打开 ，打开小程序开发工具–>新建项目-- >选择项目目录–>打开项目源码目录–>unpackage–>dist–>dev–>mp-weixin --> 完成。其..

//#ifdef APP-PLUS ...

chooseImage(){ let that =this uni.chooseImage({ sizeType: ['original','compressed'], //可以指定是原图还是压缩图，默认二者都有 count: 9,//默认9 success: (rem) => { console.log(rem) that.tempFilePaths = rem.tempFilePaths; //#ifdef MP-WEIXIN .

radio组件的样式大小太大了，和我的文字大小不匹配，看起来很难看于是给radio设置了width和 height ，然而并不起作用最后是使用transform:scale(0.7);完美解决问题...

用微信原生代码应为：使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。<button form-type="submit" open-type="getUserInfo" bindgetuserinfo="getUserInfo"></button>1bindgetuserinfo:用户点击该按钮时，会返...

先说在前头，最近忙，随想随记，所以有些博客写了一半就发了，后续会慢慢补齐的。抱歉！前端使用uniapp开发，后台挂在阿里云。选uniapp开发的原因是我这边人手不够，同时也不想维护这么多客户端，故选之。新建一个uniapp工程，选择hello demo，找到pages/API/upload-file.vue文件<template> <view> ...

之前一直是在pages.json里配置"permission":{"scope.userLocation":{"desc":"你的位置信息将用于小程序位置接口的效果展示"}},一直提示‘getLocation需要在app.json中声明permission字段’，最后找到解决办法是在manifest.json里的mp-...

HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例750设计稿 - 比例750/750 = 1350设计稿 - 比例 350/750 = 0.5640设计稿 - 比例 640/750 = 0.85设置完成后，在代码中写 100px时，会自动提示转换成相应数值设置位置在：...

css样式如下： display: inline-block; white-space: pre-wrap; word-wrap: break-word; width: 100%; height: auto;另课外学习如下：今天碰到了个问题，view并不能让文本自动换行看看官方定义的view组件，原本的view定义的disp...

在page.json页面做入下配置,这样每次保存代码时候可以刷新指定页面,每个开发者必备技能~复制代码 "condition": { //编译模式配置，仅开发期间生效 "current": 0, //当前激活的编译模式（list 的索引项） "list": [{ "name": "课程", //模式名称 ...

UNIAPP 自带的原生导航尽管流畅度非常好，但是在具体项目中有的时候需要动态设置以及特殊样式的 底部菜单 这个时候就需要自己去写一个自定义的底部tabbar项目地址 https://github.com/gek6/fr_uni_app1、比如需要特殊的图标 多出来一部分的2、根据登陆帐号的身份加载不同的tabbar动图预览...

首先需要3个新认知：传统vue的库，只是for web的，不能跨多端。 而微信小程序的库，虽然也可以用于app，但不能跨到h5和百度支付宝等其他小程序。 比如element-ui、mint-ui只能用于h5；比如vant ui、iview ui则分h5版和小程序版，h5版只能用于h5，而小程序版（vant weapp）只能用于微信和App。并且，它们的小程序版的功能不如h5版。 原生小程...

1.uButton<button type="primary"></button>2.uCheckbox<label class="checkbox"> <checkbox value="" checked= /></label>3.uList<uni-list> &...