vite主题 资源vue3
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
C#测试内存溢出时使用的可实时释放资源的GC方法
WPF测试某控件内存溢出问题,代码如下 for (int j = 0; j < 1000; j++) { for (int i = 0; i < 100; i++) { UserControl1 AdvancedMMenuCtrl = new UserControl1(); } Console.Wr ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......
获取 app 内部的资源图片文件
一、获取Assets.car：https://www.jianshu.com/p/7710c68f38cf 首先 去Mac上的App Store下载Apple Configurator 2。 然后把iphone连接上Mac，点击Apple Configurator 2 菜单中->账户->登陆（用连接 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
C#中的.net6 WebAPI + Vue3
ShoopingWeb没有控制器，普通api有控制器，ShoopingWeb是直达型，精简了很多中间代码，广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行，也可以自由分类封装 namespace ShoopingWeb { public static c ......
vue3 搜索关键字变颜色
let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
VUE3请求数据接口，将时间戳转换为时间案例
<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
vue2和vue3的区别有哪些
一、生命周期 vu3在组合式API（Composition API）中使用生命周期钩子时需要先引入，vue2在选项API（Options API）中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
vue3 使用脚手架创建应用
1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令： vue create learn_vue3 选择安装vue3： 3.运行 npm run serve ......
从资源管理角度认识 K8S
https://developer.aliyun.com/article/778848 简介： 笔者认为应用开发者为了适应云原生趋势，需要掌握必要的K8S基础知识点，详细介绍在《从应用开发角度认识K8S》： https://developer.aliyun.com/article/778441。 作 ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
博客园主题皮肤汇总记录（持续更新...）
1、SimpleMemory# 作者：BNDong - 博客园 (cnblogs.com) 美化博客地址：关于本博客样式 - BNDong - 博客园 (cnblogs.com) GitHub地址：GitHub - BNDong/Cnblogs-Theme-SimpleMemory: 🍭 Cnbl ......
一些好看的博客园主题
转载自：安利几款好看的博客园主题 Next-theme主题 博客地址 是基于Next主题修改的，在不同设备上自适应。简洁明了，在置顶上面也有该主题的安装教程。 Atum 主题 博客地址 基于Vue的主题博客，页面跳转采用局部刷新，观感特别棒。而且提供了三个主题可供切换，支持二次开发。置顶也给出了安装 ......
VUE3
1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
vue3的ref、reactive、toRef、toRefs
用处：用于在setup中创建响应式变量 导出：import { ref, reactive, toRef, toRefs } from 'vue' 区别： ref 用来定义基础数据类型，String, Number, Boolean, Symbol；通过 Object.defineProperty( ......
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-RabbitMQ配置
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-RabbitMQ配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/lenve/vhr 今天我们采用可靠更安全、智能不卡 ......
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-项目本地配置
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-项目本地配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/lenve/vhr 今天我们采用可靠更安全、智能不卡顿、价优 ......
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-Redis配置
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-Redis配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/lenve/vhr 今天我们采用可靠更安全、智能不卡顿、价 ......
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-mysql配置vhr数据库准备
华为云耀云服务器L实例-微人事前后端分离人力资源管理系统-mysql配置vhr数据库准备 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/lenve/vhr 今天我们采用可靠更安全 ......
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node Add fsevents to your optimizeDeps exclude in your ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
vue3引入使用svg图标
vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
多开工具在人力资源管理中的应用研究
多开工具在人力资源管理中的应用研究 摘要： 随着科技的快速发展，多开工具作为一种新兴的技术手段，在人力资源管理领域得到了广泛的关注和应用。本文通过对多开工具在人力资源管理中的应用进行研究和探讨，旨在为企业提供更高效、便捷和灵活的人力资源管理解决方案。 引言： 人力资源管理是企业运营中至关重要的一环， ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......
vue3+lottie实现动画
1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......