多个vue-cli版本vue
centos7安装zookeeper-3.7.2版本
1、文件下载 本文档演示安装zookeeper-3.7.2版本。 进入官网下载:https://downloads.apache.org/zookeeper/zookeeper-3.7.2/ 使用wget命令下载: su root mkdir /data/zookeeper cd /data/zoo ......
vue实现会议室拖拽布局排座
会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件,可以在组件里拖动排序,也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件,可以随意拖 ......
解放VSCode+Vue的完整组件库智能提示(包括ant-design-vue、element-plus等)
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code,首先感受到的就是组件库没有智能提示了: 这能忍吗?根本不可能!接下来,我带你花三分钟找回遗失的智能提示~ 首先,本篇文章适用于通过unplugin-vue-components自动引入组件的项目;也就 ......
Windows中安装nvm管理node版本
1. 将nodejs卸载,删除node相关文件 2. 下载nvm并安装 https://nvm.uihtm.com/nvm1.1.7-setup.zip nvm -v 查看版本 3. 更换镜像源 不然下载速度过慢 找到nvm的安装路径 找到settiings.txt 在settiings.txt文件 ......
vue3路由重定向失效
页面刷新时遇到路由重定向无效的问题,可能是因为路由重定向是在客户端进行的,而页面刷新会重新加载整个应用程序,导致重定向逻辑丢失。 为了解决这个问题,你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案: 在服务器端配置,确保所有请求都返回应用程序的入口页 ......
vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......
获取App Store线上应用版本信息
热烈欢迎,请直接点击!!! 进入博主App Store主页,下载使用各个作品!!! 注:博主将坚持每月上线一个新app!! 【 注意:中国大陆区用/cn/,如果是其他地区,请把链接改成对应的地区代码。】 1、通过App ID:AppStore搜索对应的应用,点击右上角分享按钮,点击拷贝链接,复制到浏 ......
SpringBoot + vue2.0查询所用功能
导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
nvm切换node版本出现node不是内部命令,npm不是内部命令
nvm是一款强大的node多版本管理器,可以轻易选择你需要的node版本 nvm安装有一个巨大的坑点:nvm use 版本号以后,并没有生效,nvm ls以后,版本号前面没有星号 解决办法: 1. 首先下载nvm: nvm官方下载地址 2. 开始安装: 3. 查看settings文件 并添加 nod ......
手撕Vue-Router-提取路由信息
前言 好了经过上一篇的学习,我们已经知道了如何监听 Hash 的变化,如何监听路径的一个变化,本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢,在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
vue自定义指令按enter键触发事件
directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
先锋版N100-N200-N305老版本(四个M.2转接板)使用教程
N100-N200-I3-N305先锋版专用四个M.2接口转接板。4M.2-BIOS下载地址刷机前请确认是不是如下产品,其它主板或拓展板不对情况下勿刷!PS:拓展上面的拔码预留给USB切换的,本次版本不支持USB,所有拔码开关暂时用不上,请勿操作。 刷BIOS教程,请安装Ventoy制作U盘启动盘工 ......
Android系统开发 Android10版本自定义系统版本号
前言 此博客基于Android10版本,实现自定义系统版本号 找到修改位置 需要修改的关键文件是buildinfo.sh 搜索一下文件 找到要改的目标文件 这里建议将这个文件拷贝出来修改,各自的编译环境不同,拷贝或者传输文件的方式不同,这里各自发挥。下面是我在wsl里把文件拷贝出来 zhou@DES ......
Vue自定义创建项目
基于VueCli 自定义创建项目 顺序: 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint:Standard & Lint on Save 配置文件 dedicated c ......
nvm--node.js的多版本管理
背景 接触的项目有点多,其中有些项目对node的版本有一定的要求。 比如有个项目没有用npm或者yarn,而是用了pnpm。 而pnpm8要求的node必须是大于等于v16.14,而且node v17+目前是不兼容webpack v4, 该项用用的是webpack v4,所以node的版本只能是大于 ......
第六章、Vue3高级
目录二十四、项目实战细节(二)1、组件设置name属性 二十四、项目实战细节(二) 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
Vue公共loading升级版(处理并发异步差时响应)
公共loading是项目系统中很常见的场景,处理方式也不外乎三个步骤: 1.通过全局状态管理定义状态值(vuex、pinia等)。 2.在程序主入口监听状态值变化,从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异,但在第三步中,网上很多博文分享的方法是 ......
在 C# 中如何将多个空格替换为一个空格?
内容来自 DOC https://q.houxu6.top/?s=在 C# 中如何将多个空格替换为一个空格? 如何在 C# 中将字符串中的多个空格替换为一个空格? 示例: 1 2 3 4 5 转换为: 1 2 3 4 5 string sentence = "This is a sentence w ......
『开源资讯』JimuReport积木报表 v1.6.5 版本发布—免费报表工具
项目介绍 一款免费的数据可视化报表,含报表和大屏设计,像搭建积木一样在线设计报表!功能涵盖,数据报表、打印设计、图表报表、大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报表设计。 秉承“简单、易用、专业”的产品理念,极大的降低报表开发难度、缩短开发周期、节省成本、解决各类 ......
vue 创建项目流程
1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否,具体需要,后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了,就需要进行下一步,手动打开刚刚的目录文件 并且在该目录下,运行cmd,并输入,n ......
清除多个文件内的内容
echo dump-7000.rdb dump-7001.rdb dump-7002.rdb dump-7003.rdb dump-7004.rdb dump-7005.rdb | xargs -I {} sh -c '> {}' TRANSLATE with x English Arabic He ......
java版本的智能合约部署到fabric区块链测试网络
开发智能合约并进行部署和更新操作 在之前的文章中我们可以成功启动测试网络并进行了相关测试,现在我们需要进行智能合约的编写操作,并将其部署到测试网络中进行相关测试。本节智能合约代码采取Java语言进行编写,代码及相关部署参考(https://www.bilibili.com/video/BV1DR4y ......
用Electron+vue+ffmpeg开发一个视频处理的工具
前端时间用electron+ffmpeg开发了一个视频压缩软件,然后越熟悉ffmpeg越觉得它的牛叉,以前觉得视频处理需要高深莫测的技术,ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具,包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印,先上效果图。 上一篇文章介绍 ......
Vue中的路由
概念 1)理解: 一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理 2)前端路由:key是路径,value是组件 3)作用:设定访问路径,并将路径和组件映射起来(就是用于局部刷新页面,不需要请求服务器来切换页面) Route(路由) Route ......
阿里云 ecs绑定辅助网卡,一个ECS服务器绑定多个IP ,用于centos,其他系统可以参考
1、进入实例详情,选择网络与安全 -> 弹性网卡 2、创建网卡 3、然后创建好之后,绑定实例,我图1的是已经绑定好了的 4、进入弹性公网IP : https://vpc.console.aliyun.com/eip/ap-southeast-1/eips 5、购买ip,建议选择按量付费,没有带宽限制 ......
uniapp vue可以通过mixins混入代码,可以通过下面方法混入template
vue全局混入template方法:在根目录vue.config.js(没有就新增)里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
微信小程序版本低提示去升级
当微信版本过低,基础库较低,导致部分功能无法正常使用时,需要微信升级 App({ globalData: {}, onLaunch: function () { this.compareVersion(); } compareVersion() { //校验小程序版本 let systemInfo ......
vue2+element+vue-quill-editor实现富文本框组件(使用链接引入视频+上传本地视频+上传本地图片)
参考文档:https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述,npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue: <template> <div class=""> <!-- 富文本框 --> <qui ......