教程npm vue
[vue]精宏技术部试用期学习笔记 I
精宏技术部试用期学习笔记（vue） 什么是vue？ 我个人对 vue 的理解 是把 html\css\js 三件套融合起来的结构，同时用组件化的思维把一个页面装填起来 同时让页面形成树状结构 优点是方便多人员维护 提高代码复用性 如何创建一个 vue 项目？ 我这里使用的是 vite+vue 的轻量 ......
vue项目依赖包优化及漏洞解决
一：先删除没有用到的依赖包 安装depcheck依赖包：npm i -g depcheck 运行depcheck：depcheck （检测出哪些包没有用到） 开源安全扫描漏洞修复： 扫描的是package.json 文件 所以子组件版本太低的，直接升级package。json里面的父组件才可以 ......
【BSP视频教程】BSP视频教程第27期：CANopen协议栈专题，实战方式系统了解NMT，PDO，SDO，时间戳，同步报文，紧急报文等（2023-10-17）
视频教程汇总帖：https://www.armbbs.cn/forum.php?mod=viewthread&tid=110519 本期视频教程为大家分享CANopen协议栈相关知识内容，涉及到的内容非常多。 视频教程： https://www.bilibili.com/video/BV1Vw411 ......
Vue项目打包为桌面应用
vue项目首先使用 npm run build 打包为dist文件后，进入dist目录得到如下文件：就是打包后的html+css+js+static 新建一个deskapp文件夹，里面在新建一个App文件夹，把打包好的dist里面的所有文件拷贝到App文件夹里面： 然后我们需要用到一个安装包的jso ......
vue中使用download-js插件
使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
软件测试全套教程，软件测试自学线路图
本文从一个简单的登录接口测试入手，一步步调整优化接口调用姿势，然后简单讨论了一下接口测试框架的要点，最后介绍了一下我们目前正在使用的接口测试框架pithy。期望读者可以通过本文对接口自动化测试有一个大致的了解。 ......
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件，其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中，最终会在 vm 上; 3. methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了，直接指向 window; 4. meth ......
vue项目中添加全页水印
先看代码 1 /** 水印添加方法 */ 2 3 let setWatermark = (str1, str2) => { 4 let id = '1.23452384164.123412415' 5 6 if (document.getElementById(id) !== null) { 7 d ......
新手教程系列：群晖QuickConnect：最简单的群晖外网访问NAS工具
通过群晖Synology 免费提供的 QuickConnect 服务，您可在外部网络轻松连接到群晖 Synology NAS，而无需设置端口转发规则或其它复杂的网络设置。QuickConnect 可让您通过一个简单的可自定义地址（如 quickconnect.to/example）进行连接。这是一个 ......
新手教程系列：如何在Windows电脑上访问Synology群晖NAS
Synology群晖 NAS 经过专门设计，可快速简单地在本地网络中存储和共享文件，让您直接访问 Synology 群晖 NAS 上的文件而没有每次登录 DSM 的麻烦。例如，您可用 Windows 资源管理器将文件保存到 Synology 群晖 NAS，如同使用其它网络设备一样。 1、打开 Win ......
新手教程系列：如何在MAC电脑上访问Synology群晖NAS
Synology NAS 经过专门设计，可快速简单地在本地网络中存储和共享文件，让您直接访问 Synology NAS 上的文件而没有每次登录 DSM 的麻烦。例如，您可用 Finder 将文件保存到 Synology NAS，如同使用其它网络设备一样。 1、打开 Mac 计算机上的 Finder。 ......
新手教程系列：如何还原群晖 Synology NAS 意外删除或丢失的文件？
有多种工具可恢复从群晖 Synology NAS 意外删除的数据。首先建议为每个共享文件夹启用回收站选项。还有其他备份解决方案或第三方软件可用于替代回收站或与回收站结合使用。本文将指导您完成在群晖 DSM 上启用回收站，并向您介绍一些备选选项，以帮助您恢复已删除的文件。 使用回收站恢复已删除的文件 ......
Cerebro安装 Docker 教程
简介 在本教程中，我将向你展示如何在你的机器上安装 Cerebro，并使用 Docker 运行。Cerebro 是一个基于 Elasticsearch 的 Web 管理界面，它提供了一个直观的界面来管理和监控 Elasticsearch 集群。 步骤详解 步骤 1：安装 Docker Docker ......
cube.js oracle 新版本npm 包支持
cube.js 目前来说是越来越复杂了（不是代码多复杂，而且融合了不少三方语言,python,rust, node addon java）如果网络不是很好的情况下 编译cube.js 是极其痛苦的，而且不少依赖问题，cube.js 实际上很早就支持oracle，但是今天oracle 比较给力提供了基 ......
vue双端算法代码分析、数组转树（tree）结构
let oldArray = [1, 2, 3, 4, 5]; let newArray = [1, 2, 6, 4, 5]; function patch(oldArr, newArr) { let oldStart = 0; let oldEnd = oldArr.length - 1; let ......
Vue2和Vue3中的v-model的区别
Vue2：v-model是 :value和@input的简写 Vue3： v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
999 vue 小结
一、组件之间的数据传输 传递带有返回值的 js 值 (1)props： 既可以实现 父传子 ，也可以实现 子传父（不常用应该） (2)自定义事件，也叫 组件传递事件 ，$emit() 实现 子传父 传递 template 中的 HTML 内容 ：slot 插槽 ......
Vue3 element-plus el-cascader后缀图标更改（svg）
概述 今天用element-plus写通用表单的时候，发现了它的el-cascader组件竟然不支持改后缀图标，主要它的普通下拉el-select组件都能随便改suffix-icon，级联的下拉就不支持了，令人疑惑。 然后，找了好多办法，包括直接取原生的Component改它的arrowDown属性 ......
软件测试|Linux基础教程：cp命令详解，复制文件或目录
简介 在Linux系统中，cp命令是一个非常常用且强大的命令，用于复制文件和目录。cp命令允许我们在不同目录之间复制文件或目录，并可以根据需求对文件复制的行为进行调整。在本文中，我们将详细解释cp命令的用法以及一些常见的选项。 cp命令 基本语法 cp命令的基本语法如下： cp [选项] 源文件 目 ......
【Python入门教程】CV2报错：cv2.error: OpenCV(4.7.0) D:\a\opencv-python\opencv-python\opencv\modules\imgproc\s
OpenCV作为一个强大计算机视觉库被各个领域广泛应用，今天分享下cv2.error: OpenCV(4.7.0) D:\a\opencv-python\opencv-python\opencv\modules\imgproc\s报错信息以及解决办法。 ......
【2023最新教程】超详细！！！Python保姆式安装Python环境配置蓝奏云资源
目录1 Python简介2 Python下载2.1 Python3.10.11 蓝奏云资源安装包3 Python 安装3.1 验证环境是否配置完成4 Python环境配置 1 Python简介 python有两个版本，python 2.X和python 3,我们现在用的全部都是python3 版本 ......
（二）AppScan使用教程
一、为什么要做安全测试 一）背景概述 随着互联网应用的普及，软件安全性越来越重要了。公司的产品在线上有些小的功能性Bug，可能就是体验性不好，引发用户的一些吐槽，损失一点用户，问题不大，可以不断改进。 但是如果产品有高危漏洞，不小心被黑客袭击，导致服务器瘫痪或资金损失，重要数据泄露和丢失，或者服务器 ......
vue项目中axios的基本用法
1、get和post请求 //get：查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的，用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
SvgIcon全局组件---开发环境：vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件，使用全局组件前需要在Vus.js实例中注册，并将其挂载到实例中。全局组件是可复用的Vus ......
element-plus安装教程
项目场景： 前端vue3项目需要安装element-ui 问题描述 npm安装element-ui报错 npm i element-ui -S 报错 D:\javascript\fund-management\projects\node-demo\node-vue-ele-app\client>np ......
ad23Geber导出-官方教程（新版本-22.11版本后）
-本文章只适用于22.11之后的ad版本geber导出，适配于ad23版本；若需要查看22.11之前的geber导出教程，请查看下方连接- ad22旧版Geber导出（22.11版本前）（含官方教程）（含坐标文件）_ad20导出坐标文件-CSDN博客 ——2023.10.17编辑 1、AD生成geb ......
依照教程实现了动态的侧边栏（C#）
心得说明 原来C#的动态效果是通过timer组件的运用实现的（start、stop）； 真的直接发现了各个组件的属性的重要性，不然真的很难解决问题； 这里我觉得吧，先把组件的各个属性搞清楚，那么搭建系统就不会云里雾里了，首先逻辑就会很清晰了~ 后端具体代码 using System; using S ......
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 ： Vue 3 + antd for vue v3. X 样式问题 ：固定列背景色不生效，鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......