m0_37588079的博客

原创 vue3 添加onShow,每次显示都执行

有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。vue3的生命周期没有onShow, uniapp 有提供onShow.

原创 智能合约：Solidity（基于以太坊或兼容链，如 Polygon、BSC）(仅供学习区块链知识，不可进行违法开发应用)

开发工具：Hardhat 或 Truffle（编译、部署合约），OpenZeppelin（安全合约模板）

原创 el-select 添加icon

【代码】el-select 添加icon。

原创 Vue 3 与 Tauri 集成开发跨端APP

2、安装 Node.js 与 npm 或 pnpm ，如果已经安装，可以忽略。安装时选择 Vue3 和 TypeScript 模板。1、打包h5 yarn run build。安装完成后，在命令行里运行: rustup。4、创建 Vue 3 + Tauri 项目。配置 Vue 3 环境。

原创 UnoCSS 的作用与特点

UnoCSS 提供了一套简洁、按需加载和高性能的样式框架，兼容 Tailwind CSS，同时提供更灵活的配置和自定义规则，非常适合现代 Vue 3 项目。可以将类名语法改为属性写法，代码更简洁。支持 SVG 图标库，例如。

原创 在 CentOS 上安装 MySQL 8

如果安装失败,例如Error: GPG check FAILED。首先，更新系统软件包以确保安装的最新版本。

原创 安装 Nginx 1.24.0

通过源码编译和安装 Nginx 1.24.0 并启用 HTTPS 支持，您需要按照以下步骤操作。HTTPS 支持依赖于 OpenSSL，所以您需要安装 OpenSSL，并在编译 Nginx 时启用 SSL 模块

原创 浏览器要求用户确认 Cookies & Privacy（隐私相关内容）是基于隐私法规的要求,VUE 实现，html 代码

浏览器要求用户确认 Cookies & Privacy（隐私相关内容）是基于隐私法规的要求,VUE 实现，html 代码

原创 区块链dapp 开发详解(VUE3.0)

因为最初是react 版本，所以在VUE版的官方文档有很多地方在 import 用的是 wagmi,需要改为 @wagmi/vue。2、使用封装的工具包: wagmi .1、安装metamask 插件。

原创 Cloudflare Turnstile一种替代 CAPTCHA 的验证工具

非常好用的真人验证工具

原创 音频人声分离，合成工具Audacity ，多轨音频编辑器

Audacity 是个开源的 音频编辑工具，可以实现合成，音轨分离, 操作简单。

原创 视频 wmv 转MP4

【代码】视频 wmv 转MP4。

原创 视频截断，使用 FFmpeg

使用 FFmpeg 截取视频并去掉 5 分 49 秒后的内容

原创 图片生成视频-右进

【代码】图片生成视频-右进。

原创 前端高能组件库 Shadcn-UI

你是不是用 element-ui 或者 ant-design ，然后，开发时常常遇到需要匹配设计稿时调样式的痛苦。Shadcn-UI 结合tailwindcss ，即可与让你享受组件同时随意的设置样式。

原创 @Transactional注解事务,内层事务,事务嵌套

嵌套事务一个非常重要的概念就是内层事务依赖于外层事务。一个新的事务将被启动，如果存在当前事务，在该方法执行期间，当前事务会被挂起（如果一个事务已经存在，则先将这个存在的事务挂起）。NOT_SUPPORTED表示该方法不应该运行在事务中，如果存在当前事务，在该方法运行期间，当前事务将被挂起。REQUIRED是常用的事务传播行为，如果当前没有事务，就新建一个事务，如果已经存在一个事务中，加入到这个事务中。SUPPORTS表示当前方法不需要事务上下文，但是如果存在当前事务的话，那么这个方法会在这个事务中运行。

原创 Vue3+vite+Tailwindcss 构建自适应页面 暗黑 高亮 主题(带源码)

2）页面配置：修改{project}/index.html, 在1）修改tailwind.config.js,修改后如下。3、这样，就完成了VUE3项目引入tailwindcss 动态样式了。1、安装tailwindcss。

原创 CMS 后台管理系统多国语言设计

5、前端内容显示需要在请求头添加语言，接口要到i18n_fields表检查是否有语言需求，有，抓取i18n对应语言的数据，重构返回请求的响应数据。在每个管理功能数据维护页面识别是否需要多国语言(接口读表ssp_i18n_fields.table_name).多国语言对于前端来说很容易的事，添加locals/语言文件，引入i18n库。1、维护语言枚举，这个可以直接数据表里加，也可用个系统维护功能维护。2、维护需要多国语言的表和字段。4、这样可以全覆盖系统需要多语言的表。

原创 芋道源码的Springboot 项目打包，配置和依赖包分开

Springboot 项目，把依赖包和开发的应用都打在一个jar 里很简单，但有个问题是，修改点东西就要再次全量更新。这里介绍如何用assembly 来实现不打依赖包。linux 启动shell脚本。

原创 uniapp android 原生插件封装--入门篇

这个版本默认的SDK是17，官方的例子是旧项目。3、代码需要添加gradle 配置：uniplugin_richalert ->build.gradle。4、把打包的文件拷贝到 安卓开发的app/assets/apps/{appid}下。申请过程需要 sha1 sha256 可以从目录下的这个文件提取：test.jks。6、需要配appKey 不然运行会提示没有配，这步需要导dcloud官网。3、下载最新的 android sdk .2023-3-1。3、发行--》原生app本地打包--》生成本地资源。

原创 uniapp H5 开发，公众号时请求跨域了,要用proxy

这个要注意，如果你请求后端时，请求methed=OPTIONS 时，表示跨域了，这个是安全验证。需要配置 {}/manifest.json 用代理模式。

原创 AI大模型与开源项目列表-持续更新

1、Open-Sora 动图生成。

原创 VUE tinymce editor 配置手册-封装组件

封装的完整组件代码：tinymce-editor。

原创 Uncaught runtime errors:Redirected when going from

路由跳转时出这个错了，有些同学说降router版本，其实没必要。简单直接粗暴的解决方案，在你login.vue 或者其他跳转的事件地方，加个 catch 就解决了。

原创 npm ERR! request to https://registry.npm.taobao.org/autoprefixer failed, reason: certificate has exp

npm ERR! request to https://registry.npm.taobao.org/autoprefixer failed, reason: certificate has exp

原创 VUE3 开发宝典--数据定义

VUE3 开发宝典, 数据定义, ref reactive

原创 javacv FFmpeg 剪辑音频文件

javacv FFmpeg 剪辑音频文件

原创 Flutter 第一次运行,卡在Running Gradle task ‘assembleDegug‘,然后就提示错误的解决方案。

需要修改您的项目 ：/{you Project}/android/gradle/build.gradle文件。

原创 El-table 表头添加全选按钮

2、添加 渲染方法renderHeader()，并且添加onChange() 事件的方法changeSelAll。可以带变量给到调用的方法,修改数组所在列的值。如下图，我们要在自定义的列添加个checkbox,也可以是button 等其他组件。使用： :render-header 动态渲染方法实现。1、在需要的列，添加。

原创 node js 升级后，项目运行出错了 （例如:16.0升到18.0）

添加运行设置：set NODE_OPTIONS=--openssl-legacy-provider。不用慌，只要修改 package.json。再运行旧的项目，出现如下错误了。

原创 VUE 跳转路由带参数

VUE 跳转路由带参数

原创 VUE设置全局的 table 自适应窗口高度

/* 全局TableHeight */ Vue.prototype.$baseTableHeight = (formType) => { let height = window.innerHeight let paddingHeight = 400 const formHeight = 50 if (layout === 'vertical') { paddingHeight = 365 } if ('number' == t...

原创 elemenu ui table 设自适应高度

1、绑定动态高度 :height="tableHeight" <el-table ref="refsTable" v-loading="loading" :data="typeList" @selection-change="handleSelectionChange" @row-click="handleEdit" :height="tableHeight"> </el-table>2、获取当前高度mounted(){ this.$nextTic

原创 按条件 import （‘’）

mounted() { this.pictureType ? this.tableData.limit = 30 : this.tableData.limit = 10 if (this.$route && this.$route.query.field === 'dialog') import('../../../public/UEditor/dialogs/internal.js') this.getList() this.getFileList()..

原创 vue 动态执行方法

如果你要在脚本里动态的调用方法，而且可能的入口条件还会依据用户的输入值影响到。如何解决呢。1、事件发起 <el-button icon="el-icon-video-play" type="text" @click="run"> 运行 </el-button> <el-button icon="el-icon-view" type="text" @click="showJson"> 查看js

原创 vue 动态背景图轮播

1、纯CSS 的实现，那样你的图片是固定的，那如果要后台管理系统来配，那如何实现呢？ @-webkit-keyframes perimeter { 0%{ background-image: url("../assets/image/zgf03.jpg");background-size: 100% 100%;background-repeat: no-repeat; } 25%{ ..

原创 前端框架Vue 之vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

原创 css 样式锦集

背景透明背景background: rgba(255,255,255,0.0);透明：opacity: ;0.0------0.9边框：下边框 border-bottom:1px solid #09BB07;

原创 开源协议是否可以商业

商用 传染性 MIT OK BSD OK Apache OK Mulan OK LGPL 具有传染性。产品对外分发或销售时静态链接的相关代码要开源，因此商用时需要动态链接使用 Mozilla 具有传染性。产品对外分发或销售时链接的相关代码要开源，因此商用时要进程隔离 GPL...

原创 vscode 快捷输入 代码片段 snippets

1、手动添加 代码片段file-->首选项--》用户片段--》新建如下，我建了个 myvue 的快捷输入，注意快捷键是由：prefix 定义的。保存的文件名你可以谁便。{ // Example: "Print to console": { "prefix": "myvue", "body": [ "<template>", " <div class=\"wrapper\">$0</div>", "</templa