element ali-oss方式vue3
React框架的基本运行原理与组件定义方式
React框架的基本运行原理 React的本质是内部维护了一套虚拟DOM树，这个虚拟DOM树就是一棵js对象树，它和真实DOM树是一致的，一一对应的。 当某一个组件的state发生修改时，就会生成一个新的虚拟DOM，让它和旧的虚拟DOM通过Diff算法进行对比，生成一组差异对象。 然后变量差异对象， ......
Chromium 通过IDL方式添加扩展API
基于chromium103版本 1. 自定义扩展API接口 chromium默认扩展api接口中有chrome.runtime.*,和chrome.send.*等，现在我们就仿照chrome.runtime方式来定义自己的接口，供给插件或者网页使用。 其实chromium 增加自定义 api 接口， ......
创建线程的三种方式：继承Thread、Runnable 接口、Callable 接口
当在Java中创建线程时，有以下3种方法：1. 通过实现Runnable接口：这是Java中创建线程的推荐方式，因为它允许你分离线程的任务（run 方法）与线程的执行。以下是创建线程的步骤： 创建一个实现Runnable接口的类，该接口包含一个run方法，这个方法将定义线程要执行的任务。 class ......
Ubuntu Server LTS 修改网卡ip地址方式
Ubuntu Server LTS 修改网卡ip地址方式、固定IP。 18.04 之前版本通过修改/etc/network/interfaces 方式，18.04 版本开始通过netplan 方式： 0 、备份sudo cp /etc/netplan/00-installer-config.yaml ......
Vue3 typescript script setup获取范型组件的ref
原博客地址： https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下，如果想获取带类型的组件模板引用，官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
vue3解构defineProps失去响应式解决办法
先看下面的代码 const props = defineProps({ showName: { type: String, default: "123", }, }); const { showName } = props; 我们发现这个东西虽然可以展示到页面但是它失去了响应式。 那么正确的使用姿势 ......
如何使用 GoGoCode 一键 Vue2 转换 Vue3
前言 从今年年初开始，项目开始升级优化，将之前的 Vue2 旧版本整体升级到 Vue3 版本。在重写了几个 Vue 文件后，我发现做的都是一些机械性的工作，效率低且重复性大。于是就试着搜索了一下有没有什么能够批量转换代码格式的工具，发现了阿里的这个基于 AST 的 JavaScript/Typesc ......
三种格式化的输出的方式
三种格式化的输出的方式 格式化输出：符合某种规范的print 这种规范叫做：格式化 第一种格式化方式 3.0 s1 = 'nick' # name s2 = 'ugly' # qizhi s3 = '180' # height 'name:nick, qizhi:ugly, height:180' ......
vue3 hooks使用watch监听注意事项
当我们再vue3 写了一个通用hooks的里面使用watch来执行某些操作要注意！！！ 一个页面只能再根路由去创建实例，也就是调用 对呀hooks,如果子路由也需要使用 则由根路由 provide() 子路由inject，如果子路由都创建实例，会造成多次执行监听例如 我们由一个useSearch,来 ......
element-plus 源码调试
1. 从github上克隆代码到本地 git clone https://github.com/element-plus/element-plus.git 2. 安装pnpm npm install pnpm -g 3. 使用pnpm安装依赖包 pnpm i 4. 安装好以后运行项目 pnpm ru ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
vue3实现一个通用的右键菜单组件
1、新建一个名为ContextMenu.vue的文件 <template> <div ref="containerRef"> <slot></slot> <Teleport to="body"> <Transition @beforeEnter="handleBeforeEnter" @enter= ......
安卓Intent跳转的几个方式
1、显示跳转 Intent intent=new Intent(); intent.setClass(MainActivity6.this, MainActivity6son1.class); startActivity(intent); 2、隐式跳转 Intent intent=new Inten ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......
Web应用实现读取写入剪贴板功能几种方式
Clipboard 接口实现了 Clipboard API，如果用户授予了相应的权限，其就能提供系统剪贴板的读写访问能力。在 Web 应用程序中，Clipboard API 可用于实现剪切、复制和粘贴功能。 参考: https://developer.mozilla.org/zh-CN/docs/W ......
通过Lambda函数的方式获取属性名称
前言: 最近在使用mybatis-plus框架, 常常会使用lambda的方法引用获取实体属性, 避免出现大量的魔法值. public List<User> listBySex() { LambdaQueryWrapper<User> wrapper = new LambdaQueryWrapper ......
记一次在服务器上运行node.js程序时无法通过nohup xxx & 方式挂起的问题
由于业务需求 每天要在服务器上整理一组数据，为了方便就用node.js来写了。但是运行的时候发现了一个问题 明明使用了nohup main.js &的方式后台运行了程序 但是一旦我关闭了shell控制台 这个后台运行的程序也会跟着终止掉，不知道是什么原因，于是采用forever.js的方式来运行项目 ......
vue3+elementplus实现侧边栏收缩折叠图标(SVG)显示异常
1.背景 没有使用elementPlus自带的icon图标，而是自己使用的全局svg图标组件。 2.目前情况 侧边栏的结构有一级菜单，二级菜单多样性。 3.目前问题 当侧边栏涉及到收缩的时候，svg图标就显示不正常。 展开： 折叠： 4.解决方法 自己的图标用<el-icon></el-icon>包 ......
oracle TDE使用(mkstore方式)
环境: Os:Centos 7 DB:11.2.0.4 1.先要创建一个"wallet钱包",这个钱包里面保存着密钥,Oracle就是通过这个密钥对列进行加密和解密的.su - oracle[oracle@rac01 ~]$ mkdir $ORACLE_BASE/wallet[oracle@rac0 ......
代码检查的方式有哪几种?
代码检查是软件开发过程中的关键环节，可以帮助发现和纠正潜在的错误和问题。以下是几种常见的代码检查方式： 1. 人工代码检查： 这是最基本和常见的方式，由开发人员手动检查代码。这种方式依赖于开发人员的经验和专业知识，通过逐行检查代码并查找潜在的错误和问题。 2. 代码审查（Code Review）： ......
Vue3(开发前的准备 ，了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令：npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入：cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
Linux-shell脚本使用ssh远程执行命令通过密码的方式登录
1. sshpass简介 sshpass 是一个在非交互式 ssh 会话中自动输入密码的工具。它可以直接在命令行中指定密码，因此可以用于 Shell 脚本等自动化场景。在 Red Hat 系统中，可以通过 epel-release 源安装 sshpass。 epel-release 源是 Extra ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
深入学习C#系列文章01---C#3 革新写代码的新方式
C#3 几乎所有的新特性都是为LINQ服务的，但他们单独使用也非常有用，接下来我们来简单看看C#3 的几个新特性吧。 一、自动实现的属性 编写由字段直接支持的简单属性，不再显得臃肿不堪。 之前写属性时是大至是这样： private string name; public string Name { ......
【Vue3响应式入门#01】Reactivity
接下来，我们将会用 Vue3 建造响应式的方法，从头开始制造一个响应式引擎，让我们一步一步的来解决这个问题！ ......
glibc方式安装mysql
cd /usr/local/src mkdir mysql useradd mysql 下载wget https://repo.huaweicloud.com/mysql/Downloads/MySQL-5.7/mysql-5.7.33-linux-glibc2.12-x86_64.tar.gz 解 ......
TS 踩坑笔记: 箭头函数添加泛型报错(Error: JSX element ‘T’ has no corresponding closing tag.ts(17008))
前言 今天给大家分享一个在 React 项目中使用 TypeScript 遇到的错误 项目背景 React + TS 的项目配置，项目中关于 React 组件的使用 .tsx 后缀，其他单纯的文件使用 .ts 后缀 问题描述 在 React 组件附近定义泛型的箭头函数时产生 TS 报错警告，原本以为 ......
vue3文件导入导出
导入： // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 / ......