教程npm vue

一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......

有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......

本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......

直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> ​ 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......

直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......

可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......

计算机系统基础知识 1.数据表示 对于任何一种进位计数制，都可以多项式展开； 1. 10进制转2进制：整数部分“除2取余”，小数部分“乘2取整” 2.二进制，十六进制，八进制之间的对应关系： 3.数值型数据表示： 无符号数：全部二进制位表示数值，没有符号位 有符号数：最高位0表示正数，1表示负数，其 ......

cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......

解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......

git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......

powershell中使用npm命令弹出提示使用什么应用打开npm，在vscode中使用npm命令不生效。首先考虑了一下环境变量，看了一下设置的没有问题，在cmd命令行中npm都是可以正常运行的。然后打开powershell试了一下其他全局命令如pnpm等都可以用。这就很奇怪了，考虑到可能是npm这 ......

Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......

1、查看cuda版本 which cuda12、在确定cuda版本之后，注册并登录英伟达官网，查找指定cuda版本的NCCL软件； 管网链接：https://developer.nvidia.com/nccl/nccl-legacy-downloads 指定版本为：不确定系统，本地安装 3、下载到本 ......

默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......

Swagger Editor是一个用于编写OpenAPI规范的开源编辑器。它提供了一个可视化的界面，使得用户可以更加方便地编写和管理API文档。 Swagger Editor 远程访问的好处是您可以随时随地访问和编辑您的 Swagger API 文档，而不需要在本地安装 Swagger 编辑器。此外 ......

实验拓扑如下，实验环境搭建参考https://www.cnblogs.com/romin/p/17825779.html 实验前提条件： 1、拥有类似拓扑一样的实验环境； 2、搭建简单的web服务器，比如上图的172.16.128.0、172.16.128.1、172.16.128.2三台服务器可以 ......

<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start：拖拽开始 end：拖拽结束 imageLists：需要展示图片的数组--> ......

Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......

在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入，首先我们使用 elementUI 也好，原生的 ......

进程状态
Linux中的进程有多种状态，包括：● 运行（Running）：进程正在执行● 睡眠（Sleeping）：进程处于可执行状态，等待某事件发生，如I/O操作完成● 阻塞（Blocked）：进程因等待某资源而暂停执行● 僵死（Zombie）：进程已经执行完成，但其父进程尚未回收它的资源● 停止 ......

前言 allure可以输出非常精美的测试报告，也可以和pytest进行完美结合，不仅可以渲染页面，还可以控制用例的执行。本文我们将介绍Windows系统中如何配置allure环境。 第一步：配置Java环境 因为allure的运行依赖于Java环境，所以我们需要先配置好Java环境，allure需要 ......

Pyecharts绘制热力图 当涉及可视化数据时，热力图是一种强大的工具，它可以帮助我们直观地了解数据集中的模式和趋势。在本文中，我们将学习如何使用 Python 中的 Pyecharts 库创建热力图，以便将数据转化为可视化的形式。 什么是热力图？ 热力图是一种用于显示数据密度的二维图表，其中颜色 ......

我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题 使用的环境是nodejs，vue2@cli脚手架 因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......

父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。 子组件 const props = ......

今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......

<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......

最近开发过程中，有一个大文件分片上传的功能，借鉴于网上的思路，结合自己后端的逻辑，完成了这个功能，在此记录如下： 界面展示： 一、将大文件分片上传写为一个组件，可以全局注册该组件，也可以在使用的页面注册该组件，使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传，所以我是在App.v ......

build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......

1、npm指定版本更换 npm -g install npm@6.14.11 2、更换最新版本 npm install -g npm 3、加载依赖报错 npm install --force ......

目录 TortoiseGit-使用教程（图文详细版） 前言 介绍 Git 常用操作 一、基本操作 1、建立仓库 2、提交代码 3、更新代码 4、回滚版本 5、显示日志/修改日志 6、创建分支 7、解决冲突 8、设置beyondcompare作为比较工具 9、忽略文件上传 前言 介绍 ​ Git是目前 ......