Rudon滨海渔村的博客

升级uniapp项目dcloudio整体依赖npx @dcloudio/uvm@latest alpha，其中uvm = uni-app version manager = 版本管理器

uniapp大菠萝pinia存在延迟生效的问题 - url带参访问页面直接登录不生效的解决办法：vue-router路由守卫beforeEach拦截to.query.xx并在next()前写入userStore参考导航守卫 | Vue RouterVue.js 的官方路由。

起步 | Axios中文文档 | Axios中文网基于promise可以用于浏览器和node.js的网络请求库。

Vue专题vue2vue3React专题next.js

可选box-sizing: border-box;下，width = border + padding + 内容的宽度width  >> 不包括marginheight = border + padding + 内容的高度height  >> 不包括margin

SubMenuType的popupClassName是子菜单样式 = hover弹出二级菜单的dom外部类名

页面跳转、AntD组件等。React官网力荐Next.js：为何它取代了Create-React-App？

诀窍是首先在括号中放入要从参数对象中选择的键，对于任何默认值都使用key=value。使用:和类型声明来跟随它。这与您尝试执行的操作略有不同，因为您没有使用完整的params对象，而是使用了解除引用的变量。如果您想将任何内容传递给函数，可以为该类型的所有键添加?，并在类型声明后添加默认值={}：

Next.js是一个用于构建全栈Web应用程序的React框架。可以使用React组件来构建用户界面，使用Next.js来实现额外的功能和优化。Next.js基于文件系统的路由器，构建在服务器组件之上，支持布局、嵌套路由、加载状态、错误处理等。

Tailwind CSS是utility-first(功能类优先)的CSS框架，功能类优先是指在一组受约束的原始功能类的基础上构建复杂的组件，Tailwind CSS内置了很多CSS类，直接放在HTML class属性中，以代替CSS。 项目中安装配置Tailwind CSS很简单，这里不再赘述，看官网文档即可。使用Tailwind CSS后，我们不再去写内联样式或者css文件，而是在html标签的class属性中写一连串类名就行了。

地址栏输入 chrome://net-internals/#hsts在Delete domain 栏的输入框中输入要http访问的域名，然后点击“delete”按钮最后在Query domain 栏中搜索刚才输入的域名，点击“query”按钮后如果提示“Not found”即可！

* wx 微信好友 [uni.share图文=线上图+文字 || 纯图=本地base64图]* pyq 朋友圈 [uni.share图文=线上图+文字， || 纯图=本地base64图]* qq QQ [uni.share图文=线上图+文字， || 纯图=本地base64图]* tt 抖音 [uni.shareWithSystem调用系统分享组件的纯图模式=本地base64图 || 抖音自己的sdk方法]

​1.先确定apk地址有效，浏览器中手动下载可安装2.确保已添加离线打包AndroidStudio的“android.permission.INSTALL_PACKAGES”权限 参考https://uniapp.dcloud.net.cn/tutorial/app-permission-android.html

2) 看到安装完成提示 + 预览地址 Local: http://localhost:5173/2) nvm list [列出本地已安装版本]4) nvm install latest [安装最新版本的nodejs]3) nvm install 21.0.0 [安装指定版本的nodejs]> vue的vite、vue-cli、create-vue的区别。0.打开cmd，运行nvm -v检查是否已经安装nvm。

2) 看到安装完成提示 + 预览地址 Your application is running here: http://localhost:8080。3) nvm install 21.0.0 [安装指定版本的nodejs]4) nvm install latest [安装最新版本的nodejs]5.全局安装vue-cli脚手架 [旧版，新版是create-vue]> vue的vite、vue-cli、create-vue的区别。0.打开cmd，运行nvm -v检查是否已经安装nvm。

JS判断是否对象类型 - val instanceof Object在安卓中不成立的问题

最简单方法：npm i element-ui -S后提取包即可。或者在github中搜索对应的库zip包，不过和unpkg.com结构不一样。

问题2：H5环境下的webview无法捕捉hybrid/html文件的uni.postMessage消息 - 一点反应都没有；问题1：纯H5版vue页面中的uni.postMessage报错未定义 - js文件引用、npm引用都不行；2.H5环境下的webview无法捕捉hybrid/html文件的uni.postMessage消息？webview中的vue页面先通过window.location.href。1.纯H5版vue页面中的uni.postMessage报错未定义，那就。

官方组件editor除了“微信小程序”，其他小程序想要实现富文本编辑，很难.vue3项目 + 官方组件editor，在初始化时有点麻烦，建议搭配第三方组件wangeditor内容另存为editor-icon.css即可 - 来自uniapp插件市场的editor的完整实例important;

tt.getUserProfile前端直接获取用户线上头像。上传文件到后台，与昵称一起提交，更新到用户信息。使用默认头像创建新账户后，依据“id服务，附带用户微信头像地址。”强制用户手动选择微信头像（前端直接获取用户线上头像。前端直接获取用户线上头像。无法同步获取线上头像。文件，不提供线上头像。

{"code":0,"show":1,"msg":"输入源“/body/xml/out_trade_no”映射到值字段“商户订单号”字符串规则校验失败，字节数 35，大于最大值 32","data":{"from":"order","order_id":"76","pay_way":"2"}}out_order_no 最大长度32 格式要求https://mp.qpay.tenpay.com/buss/wiki/38/1191。out_order_no 最大长度32 只能是数字、大小写字母_-*

uni-app,uniCloud,serverless,分享,uni.share(OBJECT),分享到微信聊天界面示例代码,分享到微信朋友圈示例代码,uni.share 在App端各社交平台分享配置说明,uni.shareWithSystem(OBJECT),plus.share.sendWith。分享 | uni-app官网。

自用前端总结

8.若按上诉步骤配置后，不能切换，可能是path里%JAVA_HOME%\bin没有上移到最顶端，path路径默认oracle\java\javapath里找，即一直是之前的jdk版本，进而不能切换。增加垃圾回收器功能。Android问题记录 - Unable to make field private final java.lang.String java.io.File.path accessible（持续更新）_crasowas的博客-CSDN博客。3）如何在电脑上配置多个版本jdk并实现版本切换。

【代码】uniapp 土法 瀑布流 - vue3。

Flutter环境安装、IDE配置、离线打包、真机测试

打开Android Studio，新建空项目打开项目的“Project”模式等待gradle完成更新复制需要转换.9的图片到project任意位置对着图片右键，“Create 9-Patch file..”,ok!

//cdn.staticfile.org/spark-md5/3.0.0/spark-md5.min.jsspark = new SparkMD5();spark.appendBinary(e.target.result)spark.end()

工具 > 代码块设置 > JavaScript代码块。双美元符号 = 输出单美元符号，自定义代码块中，输入爽美元符号。

async + 函数名 = 允许使用await。let xx = await + 同步方法。

1.准备好此uniapp项目的iOS端的专用universal links2.准备好此uniapp项目的Android端的专用url scheme (设置好后一定要云打包一次才能生效)，另外，安卓AndroidStudio离线打包中需要单独修改\src\main\AndroidManifest.xml3.前端：拼接回调URL+商家APPID，通过H5方法调起支付宝APP，并授权4.后端：当用户授权成功后，自动跳转回调页面（还是在支付宝内置浏览器中），参数包括auth_code（GET请求方法）5.后

支付宝的universal link-支付宝iOS启动命令-URL Schemes一键打开支付宝-uniapp支付宝登录授权。

怎么下载更多的android版本？没有爬墙的梯子，就别想了。修改\simpleDemo\build.gradle，从。没有android33？关掉AS再打开，飞起！

然后通过manifest.json -> 源码视图 -> app-plus -> distribute -> sdkConfigs -> oauth -> weixin -> 添加appsecret。打开HBuilderX项目中的manifest.json，勾选“App模块配置”项的“OAuth(登录鉴权”下的“微信登录”，填入AppID。微信登录”，在AndroidStudio启用“微信登录”模块。没来得及截图.....What a shame....准备完毕，开始Rebuild并打包apk！

上传配置文件到https://公司域名/.well-known/apple-app-site-association。在HBuilderX中打开此项目，填写manifest.json中的源码，填入UniversalLinks，保存。登录Apple开发者账号，找到需要配置的app，并打开Associated Domains功能，最终获得"https://公司域名/.well-known/apple-app-site-association。https://公司域名/appBpath/

密码支付组件rudon-payWithPasswordv1.1.0因HBuilderX发布uni_modules插件存在Bug，无法更新我的插件，特在此手动发布，待HBuilderX不抽风时再更新。

运算很准.jpg【js】小数浮点数计算不准确问题 - 三行代码 - 博客园1）uniapp项目引入decimal.js2）在页面中使用数学库方法进行运算 uniapp使用decimal.js处理js的加减乘除的计算精度问题 - 赵永强 - 博客园npm i decimal.js import { Decimal } from 'decimal.js';//引入 let num1 = 351921.8; let num2 = 3https://www.cnblogs.com/xiaozhua

HBuilderX项目开启权限（按照手册选择对应支付服务商需要的权限）手册：https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/pay支付宝支付：

uni-file-picker显示之前已上传的图片。uni-file-picker显示之前已上传的图片。头像图片原地覆盖上传（不显示删除按钮）头像图片原地覆盖上传（不显示删除按钮）

完整教程 https://blog.csdn.net/qq285744011/article/details/126649091离线打包配置： 资源来自：UNI-APP安卓本地打包详细教程（保姆级）_高级API调用攻城狮的博客-CSDN博客_uniapp本地打包UNI-APP安卓本地离线打包图文详解保姆级教程https://blog.csdn.net/PIOnly/article/details/125196697... 4）生成本地打包APP资源打开最新版HBuilderX，点击界面上方的发