Web前端
文章平均质量分 62
Rudon滨海渔村
我就是我,简单的我。
展开
-
Chrome清除nslookup解析记录 - 强制http访问 - 如何禁止chrome 强制跳转https
地址栏输入 chrome://net-internals/#hsts在Delete domain 栏的输入框中输入要http访问的域名,然后点击“delete”按钮最后在Query domain 栏中搜索刚才输入的域名,点击“query”按钮后如果提示“Not found”即可!原创 2024-10-11 21:10:40 · 326 阅读 · 0 评论 -
vue项目 - uniapp分享配置 - 不同环境下的分享按钮梳理
* wx 微信好友 [uni.share图文=线上图+文字 || 纯图=本地base64图]* pyq 朋友圈 [uni.share图文=线上图+文字, || 纯图=本地base64图]* qq QQ [uni.share图文=线上图+文字, || 纯图=本地base64图]* tt 抖音 [uni.shareWithSystem调用系统分享组件的纯图模式=本地base64图 || 抖音自己的sdk方法]原创 2024-09-11 16:17:01 · 476 阅读 · 0 评论 -
uniapp离线打包热更新失败-AndroidStudio离线打包apk后无法下载打开-热更新失败-plus.runtime.install失败
1.先确定apk地址有效,浏览器中手动下载可安装2.确保已添加离线打包AndroidStudio的“android.permission.INSTALL_PACKAGES”权限 参考https://uniapp.dcloud.net.cn/tutorial/app-permission-android.html原创 2024-08-08 17:36:26 · 789 阅读 · 0 评论 -
win10中从零开始创建vue3+ElementPlus项目
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。原创 2024-05-31 02:56:13 · 757 阅读 · 0 评论 -
【怀旧版】win10中从零开始创建vue2+ElementUI项目
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。原创 2024-05-31 02:18:17 · 1288 阅读 · 0 评论 -
JS判断是否对象类型 - val instanceof Object在安卓中不成立的问题
JS判断是否对象类型 - val instanceof Object在安卓中不成立的问题原创 2024-05-18 20:57:02 · 346 阅读 · 0 评论 -
ElementUI从unpkg.com完整下载到本地的方法 - 解决unpkg.com不稳定的问题 - 自建镜像站 - 不想打包只想cdn一下
最简单方法:npm i element-ui -S后提取包即可。或者在github中搜索对应的库zip包,不过和unpkg.com结构不一样。原创 2024-05-03 11:51:11 · 1030 阅读 · 0 评论 -
uniapp纯h5的vue页面和上级webview通信 - window.postMessage方式 - 纯H5版vue页面中的webview无法捕捉html文件的uni.postMessage消息
问题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报错未定义,那就。原创 2024-04-03 20:41:29 · 2475 阅读 · 0 评论 -
uniapp富文本编辑-editor-vue2-vue3-wangeditor
官方组件editor除了“微信小程序”,其他小程序想要实现富文本编辑,很难.vue3项目 + 官方组件editor,在初始化时有点麻烦,建议搭配第三方组件wangeditor内容另存为editor-icon.css即可 - 来自uniapp插件市场的editor的完整实例important;原创 2024-03-08 14:46:01 · 2821 阅读 · 0 评论 -
【前端】小程序登录、公众号登录 - 头像储存
tt.getUserProfile前端直接获取用户线上头像。上传文件到后台,与昵称一起提交,更新到用户信息。使用默认头像创建新账户后,依据“id服务,附带用户微信头像地址。”强制用户手动选择微信头像(前端直接获取用户线上头像。前端直接获取用户线上头像。无法同步获取线上头像。文件,不提供线上头像。原创 2024-02-21 11:47:17 · 247 阅读 · 0 评论 -
微信抖音快手QQ小程序 - 预支付接口参数out_trade_no长度限制 - jsapi统一下单接口
{"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 只能是数字、大小写字母_-*原创 2023-12-13 18:00:47 · 688 阅读 · 0 评论 -
uniapp各种小程序分享 share - 主要流程 - 微信、抖音、快手、qq
uni-app,uniCloud,serverless,分享,uni.share(OBJECT),分享到微信聊天界面示例代码,分享到微信朋友圈示例代码,uni.share 在App端各社交平台分享配置说明,uni.shareWithSystem(OBJECT),plus.share.sendWith。分享 | uni-app官网。原创 2023-12-09 10:29:17 · 1085 阅读 · 0 评论 -
【自留地】前端 - uniapp - Vue - React - Flutter
自用前端总结原创 2023-11-17 08:40:18 · 306 阅读 · 0 评论 -
Android Studio升级后离线打包笔记-Android Gradle插件版本和Java版本不兼容、jdk多版本切换、android:exported报错、javax.crypto.BadPad
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并实现版本切换。原创 2023-10-05 21:18:42 · 213 阅读 · 0 评论 -
uniapp 土法 瀑布流 - vue3
【代码】uniapp 土法 瀑布流 - vue3。原创 2023-07-15 18:15:25 · 1832 阅读 · 0 评论 -
Flutter私人笔记
Flutter环境安装、IDE配置、离线打包、真机测试原创 2023-05-04 18:37:38 · 547 阅读 · 1 评论 -
通过Android Studio自制.9.png启动页图片 - uniapp启动界面设置Android启动图片设置
打开Android Studio,新建空项目打开项目的“Project”模式等待gradle完成更新复制需要转换.9的图片到project任意位置对着图片右键,“Create 9-Patch file..”,ok!原创 2023-04-14 14:46:27 · 1504 阅读 · 1 评论 -
js获取文件md5散列值 - HTML+JS方法
//cdn.staticfile.org/spark-md5/3.0.0/spark-md5.min.jsspark = new SparkMD5();spark.appendBinary(e.target.result)spark.end()原创 2023-03-06 10:16:38 · 979 阅读 · 0 评论 -
如何在HBuilderX的自定代码块中输出$符号 - 带$符号输出this.$store.getter
工具 > 代码块设置 > JavaScript代码块。双美元符号 = 输出单美元符号,自定义代码块中,输入爽美元符号。原创 2023-02-16 16:34:35 · 790 阅读 · 0 评论 -
uniapp同步读写缓存 - 解决uni.setStorageSync、uni.getStorageSync数据不同步的问题 - async/await异步同步
async + 函数名 = 允许使用await。let xx = await + 同步方法。原创 2023-02-09 14:54:34 · 346 阅读 · 0 评论 -
uniapp获取支付宝user_id - 支付宝提现 - 登录授权 - APP支付宝登陆 - H5支付宝授权
1.准备好此uniapp项目的iOS端的专用universal links2.准备好此uniapp项目的Android端的专用url scheme (设置好后一定要云打包一次才能生效),另外,安卓AndroidStudio离线打包中需要单独修改\src\main\AndroidManifest.xml3.前端:拼接回调URL+商家APPID,通过H5方法调起支付宝APP,并授权4.后端:当用户授权成功后,自动跳转回调页面(还是在支付宝内置浏览器中),参数包括auth_code(GET请求方法)5.后原创 2023-01-31 11:27:36 · 2006 阅读 · 0 评论 -
支付宝的universal link-支付宝iOS启动命令-URL Schemes一键打开支付宝-uniapp支付宝登录授权
支付宝的universal link-支付宝iOS启动命令-URL Schemes一键打开支付宝-uniapp支付宝登录授权。原创 2023-01-31 10:21:37 · 9843 阅读 · 0 评论 -
Android Studio一直在download - 修改Gradle使用国内源 - 阿里云Maven镜像仓库地址 - 报错platform ‘android-30‘ not found.
怎么下载更多的android版本?没有爬墙的梯子,就别想了。修改\simpleDemo\build.gradle,从。没有android33?关掉AS再打开,飞起!原创 2023-01-16 15:27:26 · 1183 阅读 · 0 评论 -
uniapp获取微信openid - 微信提现 - 登录授权 - AndroidStudio离线打包微信登陆
然后通过manifest.json -> 源码视图 -> app-plus -> distribute -> sdkConfigs -> oauth -> weixin -> 添加appsecret。打开HBuilderX项目中的manifest.json,勾选“App模块配置”项的“OAuth(登录鉴权”下的“微信登录”,填入AppID。微信登录”,在AndroidStudio启用“微信登录”模块。没来得及截图.....What a shame....准备完毕,开始Rebuild并打包apk!原创 2023-01-16 15:04:42 · 1381 阅读 · 0 评论 -
解决多个app共用一个universal links的问题 / apple-app-site-association / 不想用uniapp提供的云服务 / iOS唤起自家App
上传配置文件到https://公司域名/.well-known/apple-app-site-association。在HBuilderX中打开此项目,填写manifest.json中的源码,填入UniversalLinks,保存。登录Apple开发者账号,找到需要配置的app,并打开Associated Domains功能,最终获得"https://公司域名/.well-known/apple-app-site-association。https://公司域名/appBpath/原创 2023-01-12 09:53:43 · 1971 阅读 · 0 评论 -
密码支付组件 rudon-payWithPassword v1.1.0.20230109
密码支付组件rudon-payWithPasswordv1.1.0因HBuilderX发布uni_modules插件存在Bug,无法更新我的插件,特在此手动发布,待HBuilderX不抽风时再更新。原创 2023-01-09 15:25:53 · 2174 阅读 · 0 评论 -
解决“0.1 + 0.2 = 0.30000000000000004” - uniapp中JS浮点运算精度问题 - uniapp引入decimal.js、math.js等数学库
运算很准.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原创 2022-12-07 16:34:45 · 2900 阅读 · 0 评论 -
uniapp开启微信支付、支付宝支付 + Android Studio离线打包APK文件 (前端部分)
HBuilderX项目开启权限(按照手册选择对应支付服务商需要的权限)手册:https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/pay支付宝支付:原创 2022-11-03 09:35:38 · 1121 阅读 · 0 评论 -
uniapp产品编辑页-图片上传后回显编辑-组件uni-file-picker显示之前已上传的图片 + 头像图片原地覆盖上传示例
uni-file-picker显示之前已上传的图片。uni-file-picker显示之前已上传的图片。头像图片原地覆盖上传(不显示删除按钮)头像图片原地覆盖上传(不显示删除按钮)原创 2022-10-20 10:01:14 · 7946 阅读 · 2 评论 -
AndroidStudio离线打包配置汇总
完整教程 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,点击界面上方的发原创 2022-09-29 09:25:14 · 2261 阅读 · 0 评论 -
解决vuejs无限死循环 - created、mounted重复不断执行
解决办法script、template两者分离,不要嵌套即可。vue v2 学习中。解决vuejs无限死循环 - created、mounted重复不断执行原创 2022-09-28 00:52:42 · 1975 阅读 · 0 评论 -
uniapp自用速查表 - 我的常用组件
uniapp项目登录退出、全局变量与状态、本地存储、Tabbar标签栏、顶部导航栏、下拉刷新、触底刷新、Ajax交互、内置组件样式修改、自定义图标、app图标设置、启动页、alert提示、confirm确认框、柱状图统计图、图片上传、文件选择 等原创 2022-09-24 09:06:54 · 2075 阅读 · 0 评论 -
uniapp省市区三级联动选择 - 纯本地json文件数据驱动 - openDB省市区opendb-city-china - 无需云端服务空间支持
简要步骤1.下载uniapp提供的省市区数据 json文件,到项目中2.app的页面中引入json文件3.一维数组转多维数组,树形结构,传给组件“uni-data-picker”4.点击、获取省市区原创 2022-09-23 16:34:02 · 6263 阅读 · 8 评论 -
Adobe XD文件转PDF、再转成一张大图的办法
PDF阅读器下载就选福昕阅读器。福昕阅读器是一款在全球流行的PDF阅读器,用户超越6.5亿!福昕阅读器能够快速打开、浏览、审阅、注释、签署及打印PDF文档,具有轻快、高效、安全等特性。Adobe XD没有该功能,我个人开发了一款免费插件“合并导出Merge Export”可以将所有画板导出为一张整图,也可以合并后自己添加标注后再导出,在XD插件管理器中安装即可使用。开发人员,看xd设计文件,放大要按着Ctrl+滚轮, 拖动要按着 空格+滚轮,麻烦死了。Adobe xd导出PDF只能导出2次,怎么解决?原创 2022-09-16 11:53:15 · 3126 阅读 · 0 评论 -
uniapp在线打包ipa - iOS篇
获得项目的ipa安装包, 再提交到App Store中审核通过即可上架。中创建APP,提交ipa审核。审核通过,获取app下载地址。中创建APP,提交ipa审核。审核通过,获取app下载地址。原创 2022-09-14 19:17:20 · 1611 阅读 · 2 评论 -
js逆向树操作 - 收集所有节点的父节点 (包括顶级根节点) - 递归
JS逆向树操作 - 逆向树操作 - 收集所有节点的父节点的集合 (包括顶级节点) - function get_list_parent_nodes (tree = {}, id = null) { // 预设返回值 let res = {} let deeper_list = [] let deeper_lists = {}原创 2022-09-06 17:13:26 · 1043 阅读 · 0 评论 -
js判断是对象还是数组的方法
其原理是一层一层查找__proto__,如果和constructor.prototype的值相等则返回true,否则返回false。我们都知道instanceof是用来判断对象的类型的,并且所有的对象 instanceof Object结果都是true。obj是待检测的对象,如果结果返回Array则整体返回true,否则该表达式返回false。很容易可以发现这个方法有个问题是无法判断对象是属于Object还是Array。内部机制是通过判断对象的原型链中是否能找到同类型的prototype。原创 2022-09-06 15:05:40 · 600 阅读 · 0 评论 -
【组件传参】返回e和传入的参数 - uniapp中this.$emit回传多个值 - uniapp组件中带事件参数event和多个参数
默认传参@change="xxx(obj)" 可以传对象参数,但是默认的e事件对象无法获取;或者不传参@change="xxx" 可以传回点击e事件,但无法传当前行的行信息。obj: {"name":"蔡先生","uid":"008"}uniapp中事件带事件参数event和多个参数。uniapp:slider组件的方法传多个参报错。uniapp 组件传参 事件 e 多个而参数。uniapp @change事件传多个参数。组件 @change="change(uniapp路由传多个参数。原创 2022-09-05 16:40:18 · 1673 阅读 · 0 评论 -
uniapp离线打包apk - 安卓篇
准备工作================================先大概看一下整体流程: UNI-APP安卓本地打包详细教程(保姆级)https://blog.csdn.net/PIOnly/article/details/125196697JDK安装配置;Android-SDK安装配置;https://blog.csdn.net/qq285744011/article/details/118164319安装Android Studiohttp://www.android-原创 2022-09-01 19:00:37 · 2048 阅读 · 0 评论 -
【官方回复】在安卓、iOS中从app内通过androidamap://等协议唤醒手机上的高德地图app进行导航,高德平台会收费吗?高德地图URI API调用(安卓、ios端)是否免费 - 商用5W一年
工单描述: 安卓、iOS中从app内通过androidamap://跳转到外部高德地图app,高德平台会收费吗?1.在APP内部使用高德SDK展示地图、计算路程等需要收费,是明确的。2.在安卓、iOS中从app内通过androidamap://等协议唤醒手机上的高德地图app进行导航,高德平台会收费吗?您好,高德开放平台很高兴为您服务,安卓和iOS已封装的基础服务是不限制配额的,您可以放心使用。1)APP内使用高德地图SDK进行导航、规划是需要商用收费的,5w每年;您的满意是我们永远的追求。...原创 2022-08-30 19:16:06 · 2634 阅读 · 0 评论