随笔分类 - uniapp
uniapp开发常见问题
摘要：微信小程序基础库大于2.9.0后，canvas(画布)支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染，原有接口不再维护。在这种情况下使用原有接口会报错，报错例如： 1、使用ctx.draw()会报错：draw is not a function，原因：新版 Canv
阅读全文
摘要：uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur
阅读全文
摘要：未自动导入Vue3(ref,reactive...)的API和uniapp生命周期，需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow
阅读全文
摘要：uniapp Vue2使用webpack打包配置 根目录下创建vue.config.js文件 const path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpac
阅读全文
摘要：安装snowflake-id插件 npm i snowflake-id 页面导入雪花插件 import SnowflakeId from "snowflake-id"; 方法内使用雪花算法 const snowflake = new SnowflakeId(); let id = snowflake
阅读全文
摘要：把uniapp从Vue2版本选择到Vue3版本编译开发 改用到Vue3使用： var jweixin = require('jweixin-module') 会编译报错：require is not defined,没有require模块. 改成import的话，由于jweixin-module不支
阅读全文
摘要：普通数组使用 new Set 去重 let List = [1,2,3,1,2,3]; let newList = new Set(List); console.log(newList); 对象数组使用 reduce 去重 let List= [ { key: 1, value: 'value1'
阅读全文
摘要：uniapp升级到Vue3自定义封装的js文件导出方式与Vue2的格式不一样 封装js的 export 导出和 在其他页面使用import引入的方式导致的报错 Vue2 /** * 消息框,错误框,确认框,等待框等封装 */ import base from '@/common/js-base.js
阅读全文
摘要：uniapp Vue 2升级到Vue 3时候报警告[Vue warn]: A plugin must either be a function or an object with an "install" function. 解决方法： 在main.js中使用的 app.use存在问题 个人是因为引
阅读全文
摘要：<template> <view> <uni-nav-bar leftIcon="arrowleft" :status-bar="true" fixed="true" color="#ffffff" bgImage="linear-gradient(45deg, #ec008c, #6739b6)"
阅读全文
摘要：在插件市场下载 md5插件 使用HbuilderX导入md5插件,把md5.min.js复制到common文件夹下，然后把js_sdk文件夹删除 页面引入 import md5 from '@/common/js-md5/md5.min.js'; js使用 md5(value)
阅读全文
摘要：实现微信小程序分享用到 uniapp 的uni.showShareMenu（小程序的原生菜单中显示分享按钮）、onShareAppMessage（发送给朋友） 、onShareTimeline（分享到朋友圈） <template> <view> 页面内容 </view> </template> <s
阅读全文
摘要：在 manifest.json 源码视图下修改 h5 的节点代码 manifest.json —— 源码视图 —— h5 修改代码 代码： "h5" : { "title" : "页面标题", //页面标题，默认为应用名称 "router" : { "mode" : "history", //路由模
阅读全文
摘要：uniapp运行微信小程序(使用分包机制)，主包vendor.js过大导致主包的文件大小超过2M,以至于程序无法真机调试和上传发布 原因是子包的组件和js文件会被打包时，合并到了主包的vendor.js文件中 1.微信开发者工具代码依赖分析 详情 —— 基本信息 —— 本地代码 —— 代码依赖分析
阅读全文
摘要：小程序发布新版本因为发版本是异步执行，所以要再一段时间后新版本才会覆盖旧版本。 小程序的启动方式分为两种，冷启动与热启动： 冷启动：用户首次打开或小程序被用户删除后再次打开时小程序需要重新加载启动。热启动：用户已经打开过某小程序，然后在一定时间内再次打开该小程序，不会重新加载启动，只是将后台状态的小
阅读全文
摘要：官网地址 获取当前的地理位置、速度(uni.getLocation)和查看位置(uni.openLocation) uni.getLocation({ type: 'wgs84', geocode:true, altitude:true, success: function (res) { cons
阅读全文
摘要：使用uni.downloadFile、uni.previewImage、uni.openDocument实现文件预览 uni.openDocument(OBJECT)官网描述 新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx。 平台差异说明 App
阅读全文
摘要：uni.saveImageToPhotosAlbum(OBJECT)官方说明 平台差异说明：这个API不支持H5 AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序 √ x √ √ √ √ √ √ OBJECT 参数说明 参数名类型必填说明 filePath S
阅读全文
摘要：1. 获取字符串长度(length) string Str="abcd"; int long=Str.length; //long=4 2.字符串分割成字符串数组(split) var str = 'a|b|c|d'; console.log(str.split('|')); // ["a", "b
阅读全文
摘要：uni.makePhoneCall(OBJECT) 参数名类型必填说明 phoneNumber String 是 需要拨打的电话号码 success Function 否 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束
阅读全文
