多个vue-cli版本vue
【前端VUE】Vue3条件渲染指令（v-if、v-else、v-else-if、v-show、v-for）
新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......
mysql多个字段最大最小值
转自 : https://www.jb51.net/article/263686.htm 1、语法 最大值： GREATEST(expr_1, expr_2, ...expr_n) 最小值： LEAST(expr_1, expr_2, ...expr_n) 2、说明 GREATEST(expr_1, ......
Vue3 - Teleport 传送门
前言 对比 Vue2 ，引出并展开 Vue3 。 本文讲述了 Teleport 传送门是什么，以及使用方法和代码示例。 介绍 学过 React 的同学可能知道， Portal 也提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀方案，当然咱们大名鼎鼎的 Vue3 也做到了，关于这方面的功 ......
vue脚手架的练习1
<template> <div class="project"> <first-page></first-page> <second-page></second-page> </div> </template> <script> import FirstPage from './FirstPage1 ......
vue小练习之记事本
<div id="Book" style="background-color: cornflowerblue;"> <h2 style="text-align: center;">记账本</h2> <div style="text-align: center;"> 支出:<input type="t ......
表格里面，多个列的宽度要求不一样，如下图
同一个表格必须实现如下效果，第二行的列和第三行的列不能一样宽，核心代码如下：colspan的总列数最好一样，需要反复测试。 <table border="1" style="width: 100%;"> <tr class="messageTrU"> <td width="10%">物流</td> ......
Java基于协同过滤算法开发的springboot+vue服装商城
演示视频 https://www.bilibili.com/video/BV1oH4y127fq/?share_source=copy_web&vd_source=11344bb73ef9b33550b8202d07ae139b 主要功能：用户可以浏览商品和特价商品，加入购物车，直接下单支付，在我的 ......
vue ztree 的使用
ztree 是一个很经典的基于jquey开发的树结构编辑展示UI组件库。 https://gitee.com/zTree/zTree_v3 gitee上有一个很适合vue使用的ztree封装库， https://gitee.com/astinlee_admin/Vue-Giant-Tree/tree ......
vue font awasome 的使用
font awasome 是一个很经典的图标库。 目前已经更新到了V6版本。 但是从V5开始，这个库就已经闭源收费了。 所以开源库里面最新版本是V4.7。 https://www.npmjs.com/package/font-awesome/v/4.7.0 那么怎么使用呢？ main.js impo ......
前端框架vue路由hash模式与history模式的区别
hash模式会在页面初始化的时候，url后面会带上/#的hash值，后面是路由组件加携带参数，缺点是看起来不太美观，但相比于history模式来说，它具有用户在页面各种点击操作后，点击刷新后数据不丢失，也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观，但问题就是项目部 ......
C语言编程技巧 全局变量在多个c文件中公用的方法
在使用C语言编写程序时，经常会遇到这样的情况：我们希望在头文件中定义一个全局变量，并将其包含在两个不同的C文件中，以便这个全局变量可以在这两个文件中共享。举个例子，假设项目文件夹"project"下有三个文件：main.c、common.c和common.h。在这种情况下，我们希望声明一个字符型变量 ......
【VMware vCenter】使用cmsso-util命令进行链接、删除、修改多个vCenter Server(VCSA)的SSO域。
VMware vCenter Server 支持新安装的时候选择将vCenter SSO域加入到另外一个现有的SSO域中，同时也支持使用cmsso-util命令将现有的两个或多个vCenter SSO域进行链接，或者将已经进行链接的多个vCenter的进行拆开加入到其他的SSO域，还可以将vCent ......
如何利用多个环境光传感器联合判别光线方向
最近遇到一个有趣的问题，如何实现对于光线方向的判别？一般来说，环境光传感器只能感受到光的强度，无法获得光线的方向。但是经过调查，环境光传感器输出的数值除了与光照强度有关，还与照射传感器的方向有关。 如下图所示，垂直照射传感器接收平面时响应最大，而光线平行于平面时，则没有读数。可以利用这个特性，将多个 ......
Linux 中 一次同时复制多个文件到一个目录
001、测试目录及文件 (base) [root@pc1 test01]# ls a.txt b.txt c.txt (base) [root@pc1 test01]# pwd /home/test/test01 002、同时复制a.txt 和 b.txt 到/home/test/test02目录中 ......
Vue element 关于下拉框输入模糊查询
最近又一个新的需求，在输入框实现输入框下拉模糊查询 开始对elementui还不熟悉，不知道怎么用，不过通过网上查阅资料发现使用 <el-col :span="12"> <el-autocomplete v-model="form.name" :fetch-suggestions="querySea ......
版本对比的库
compare-versions 6.1.0 • Public • Published 4 months ago Readme Code Beta 0 Dependencies 1,322 Dependents 36 Versions compare-versions Compare semver ......
Vue2纯前端导出
//导出 exportExcel() { //构造数据 const data = [ ['姓名', '手机号码', '卡号', '身份等级'], ...this.list.map((item) => [item.clientName, item.clientPhone, item.card, ite ......
Windows-Xshell对多个终端同时执行命令
方法1：使用查看中的撰(zhuàn)写栏 （1）、查看→撰写→撰写栏。 （2）、底部可以看到“撰写栏”，选择全部会话。 （3）、在撰写栏输入命令，回车后就会发送到所有会话窗口。 方法2：使用工具中的发送键输入到所有会话 （1）、工具→发送键输入到(K)→所有会话(A)。 （2）、在当前会话中输入命令 ......
Vue3实现九宫格抽奖效果
需求与效果 需求： 1、礼品根据后台配置生成 2、跑马灯转动效果 3、结果后台生成并且每个礼物概率不一样（概率这里不讨论） 注意点： 1、布局如何排列，是按照跑动排列还是从左至右自上而下排列 2、点击按钮如何插入，DOM结构如何生成 3、跑马效果如何实现，速度如何控制 4、接口如何处理，包括接口报错 ......
Vue3实现转盘抽奖效果
1、实现转盘数据动态配置（可通过接口获取） 2、背景色通过分隔配置 3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始 4、当动画停止后在对应事件中自定义生成中奖提示。 5、本次中奖概率随机生成，也可自定义配置 实现代码 html <template> <div class="gra ......
手写线程池——C和C++版本
内容参考：爱编程的大丙 (subingwen.cn) C语言版 大致思路 采用生产者——消费者模型： 生产者：用户向任务队列添加任务，是生产者。 消费者：线程池里面的线程从任务队列中取出任务是，是消费者。 任务队列： 单个任务结构：使用结构体封装，其中包含一个函数指针，用于指向要处理的具体任务函数。 ......
遇到了vue3 刷新问题
index.d762f427.js:3 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https ......
pageoffice6 版本实现word 文件添加水印
在很多场景下，Word文档正式发文之前，或者说形成最终文档之前，常常需要往Word文件中添加水印，并且会根据文件类型或内容的不同，需要添加的水印也不一样。 添加水印是Word软件里的一个简单功能，直接点击Word工具栏中的水印按钮就可以手动添加，但是在Web项目开发过程中，时常会遇到通过调用程序接口 ......
Linux如何查看系统版本
https://baijiahao.baidu.com/s?id=1780057482158241756&wfr=spider&for=pc 在Linux系统中，查看系统版本是非常重要的，因为它可以帮助我们了解系统的基本情况，包括内核版本、发行版类型等等。以下是几种常见的查看Linux系统版本的方法 ......
5.mysql8.0以上版本，ProxySQL 监控/连接账户，要以 mysql_native_password 形式创建，否则会连接拒绝
CREATE USER 'monitor'@'%' IDENTIFIED BY '123456';grant all privileges on *.* to 'monitor'@'%' with grant option;flush privileges; ALTER USER 'root'@'% ......
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起：https://blog.csdn.net/weixin_43991241/article/details/126319259?ops_reque ......
vue获取手机GPS定位信息
<div id="demo"> <div @click="getPosition">你的定位</div> </div> <script> let app=new Vue({ el: "#demo", data() { return { } }, methods: { getPosition(){ v ......
Vue实现动态路由导航
Vue实现动态路由导航：https://blog.csdn.net/weixin_65950231/article/details/128983010?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170080675716800186 ......
Vue中页面访问拦截
页面访问拦截 目标：基于全局前置守卫，进行页面访问拦截处理 说明：对于一个项目来说，大部分的页面，游客都可以直接访问，如遇到需要登录才能进行的操作，提示并跳转到登录，但是：对于支付页，订单页等，必须是登录的用户才能访问，游客不能进入该页面，需要做拦截处理 路由导航守卫-全局前置守卫 所有的路由一旦被 ......