随笔分类 - uniapp
uniapp开发常见问题
摘要：1. uni.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。 参数类型必填默认值说明平台差异说明 url String 是 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分
阅读全文
摘要：设置page背景色不起作用 <style lang="scss" scoped> page{ background-color: #FFFFFF; } </style> 原因是在使用scss的时候在style标签上加了scoped导致的page的样式无效，去掉之后就会生效 因此新增一个style标签
阅读全文
摘要：页面生命周期 uni-app 支持如下页面生命周期函数： 函数名说明平台差异说明 onInit 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad 百度小程序 onLoad 监听页面加载，其参数为上个页面传递的数据
阅读全文
摘要：uniapp小程序分包使用的是subPackages分包加载机制 subPackages是分包加载配置，此配置为小程序的分包加载机制。 因为小程序有体积和资源加载限制，各家小程序平台提供了分包方式，优化小程序的下载和启动速度。 所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需
阅读全文
摘要：1.银行卡 /^([1-9]{1})(\d{11}|\d{12}|\d{13}|\d{14}|\d{15}|\d{16}|\d{17}|\d{18}|\d{19}|\d{20}|\d{21})$/ 2. 税号 /^[A-Z0-9]{15}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$
阅读全文
摘要：uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点： 支持 base64 格式字体图标。 支持网络路径字体图标。 小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。 网络路径必须加协议头 https。 从 http://w
阅读全文
摘要：HBuilderX编辑器更新到最新后sass报错了，切到上一个版本就没有报错了 报错信息： Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Invalid CSS after " }": ex
阅读全文
摘要：使用uni封装API uni.scanCode 调用扫码功能 // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型：' + res.scanType); //扫描出来的扫码类型 console.log('条码
阅读全文
摘要：uni打包发布的H5，新用户在浏览器打开能浏览到新页面，但是旧用户在浏览器打开页面会存在缓存问题，浏览到的还是旧页面，使用浏览器强制刷新后，可以浏览到页面的新样式更改了 发现编译打包成H5版本的时候，打包出来的js文件默认都没有包含hash，原有的js文件名称是一样的 JS缓存问题 在项目manif
阅读全文
摘要：uniapp H5打包发布后在部分手机字体无故变大，导致页面错乱，字体都是使用upx(rpx)单位的(这个不是问题原因)，在电脑的浏览器和微信开发者工具上各种机型测试页面都是正常的。 最后使用多个手机型号测试后，发现这个与手机型号无关，与微信设置的字体大小有关系。字体无故变大，导致页面错乱的手机都是
阅读全文
摘要：upx(rpx)转换px var value = uni.upx2px(20); //20是20upx/20rpx,在iPhone 6的机型时，value为10px px转换upx(rpx) var value= 10/(uni.upx2px(100)/100);//10是10px的值
阅读全文
摘要：1. 使用prevPage.$vm 页面A data() { return { content:'' } } 页面B 把以下代码写在需要修改上一页面的方法里面，若需要一进入B页面就修改A页面的值，把下面代码的uni.navigateBack()去除后，写在onLoad方法里面 let pages =
阅读全文
摘要：把以下代码放在methods里，在需要的地方调用就行 UrlTobase64(url) { const imgData = uni.getFileSystemManager().readFileSync(url, 'base64'); const base64 = 'data:image/jpeg;
阅读全文
摘要：npm安装微信JS-SDK npm install jweixin-module --save 通过网址下载： https://unpkg.com/browse/jweixin-module@1.6.0/lib/index.js //微信js-sdk引入 var jweixin = require(
阅读全文
摘要：在 manifest.json 的 App SDK 配置里，勾选微信消息及朋友圈，并填写 appid，在iOS平台使用还需要配置通用链接。 参考文档 微信 appid 申请步骤：https://ask.dcloud.net.cn/article/208。 iOS平台微信SDK配置通用链接：https
阅读全文
摘要：uni-app使用uqrcode实现二维码生成 需要使用 uqrcode页面引入该依赖： import uQRCode from '@/components/js-uqrcode/uqrcode.js' html代码： <view class="qrcodebg"> <canvas canvas-i
阅读全文
摘要：解决方案： html: <input type="number" @blur="Input()" placeholder="请输入数字" /> JS: Input(){ setTimeout(function() { var scrollHeight = document.documentEleme
阅读全文
摘要：npm安装微信JS-SDK npm install jweixin-module --save 通过网址下载： https://unpkg.com/browse/jweixin-module@1.6.0/lib/index.js 需要用到微信JSSDK页面，引入微信JSSDK //微信js-sdk引
阅读全文
摘要：uni使用new image()报ReferenceError: Image is not defined或者获取不到对象 JS代码： var img = new Image(); // 创建对象 img.src = getBase64List; // 改变图片的src img.onload = f
阅读全文
摘要：使用 qrcodejs2 实现二维码生成 下载 qrcodejs2 依赖： npm install qrcodejs2 -S 需要使用 qrcodejs2 页面引入该依赖： import QRCode from 'qrcodejs2' // 引入qrcode html代码： <div class="
阅读全文
