教程npm vue
vue keepAlive 三级菜单缓存
需求：缓存跨二级三级菜单。 原来项目是二级路由，现在增加一个层级。这种情况菜单展示是没有问题的，只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
win10系统之U盘安装教程
win10系统之U盘安装教程 一.安装准备 1.一个容量大于等于8G的U盘，用来制作win10官方U盘 2.一台可用电脑，若是新电脑，则直接分区安装，若是重装系统，需要备份电脑重要文件（个人文件、浏览器书签等） 二.微软工具制作win10启动盘的制作 请看上一篇博文，链接如下： https://ww ......
为vue程序多环境部署设置动态路由
问题的提出 Vue前端+springboot后端的开发架构很普遍，一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时，由于环境不一致，需要不断改变vue前端的配置，导致一些不必要的重复工作。具体见下表， 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
vue-router往router component传props如果是named-views的话必须为每个named-view都定义props
在ssr改造时发现往Index.vue传props死活传不了，组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......
Qt Qt-Advanced-Docking-System介绍及使用教程
一.概述 1.控件描述 QT自带的Dock布局管理大家都用过，中规中矩，但是满足不了现在ui强大的人机交互需求。而Qt-Advanced-Docking-System在Dock的基础上进一步完善功能，具有更高的自由度、灵活性和可扩展性，满足程序员对人机交互的自由定义。这个开源控件类似于Devexpr ......
《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(12)-Charles如何使用Repeat功能进行简单压力测试
1.前言 李四：“今天好累啊，点的我手指都疼了。我一直被要求给后端接口的同事重复发送请求来调试接口。” Charles：“哎呀，李四同学，你怎么能一条一条的手动发送呢 我可是有超级工具：负载测试。” 2.简介 Repeat英文的意思就是：重复，顾名思义：就是重复请求接口，可以单次请求，一次只请求一次 ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识：Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
安装 npm 包时无法解决 Angular 中的依赖树错误
转载:https://www.angularjswiki.com/angular/unable-to-resolve-dependency-tree-error-in-angular-while-installing-npm-packages/ 修复 Unable to resolve depend ......
npm源切换nrm
使用命令： nrm ls 查看所有源，显示结果包括：npm 源名称、源地址等信息； ‘nrm’ 默认为：npm源，地址为：https://registry.npmjs.org/ 切换 npm 源地址的操作及命令为： (以 ‘taobao’ 为例) 其一、命令为：npm use taobao，然后再通 ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw：与视口的宽度有关，1vw 就是视口宽度的 1% vh：与视口的高度有关，1vh 就是视口高度的 1% vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个 vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
centos7 Linux 安装及升级node、npm
centos7 初始版本 node 6 npm 3 更新升级node版本 # 安装 nnpm install -g n# 查看版本n --version// v9.0.1 # 把当前系统的 Node 更新成最新的 “稳定版本” n stable # 长期支持版 n lts # 最新版 n lates ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
MS SQL服务器教程_编程入门自学教程_菜鸟教程-免费教程分享
教程简介 IT宝库整理的MS SQL Server入门教程 - 从基本概念开始，简单易学地MS SQL Server，其中包括概述，版本，安装，体系结构，管理工作室，登录数据库，创建数据库，选择数据库，删除数据库，创建备份等示例，还原数据库，创建用户，分配权限，监控数据库，服务，HA技术，报告服务， ......
npm修改为国内源增加速度，可以用镜像毛
1、查看默认源 命令：npm config get registry 输出：https://registry.npmjs.org/ 2、修改为国内淘宝源 - 这里可以在镜像毛看可选地址 https://jingxiangmao.com/ npm config set registry https:/ ......
专业、免费、超好用的软件测试题库《柠檬班》使用教程（二）--搜索题目答案
功能介绍：题目搜索 位置：“首页”、“题库”导航菜单进入的主页 适用场景：大家在面试的时候，遇到了不会的题目，可以掏出手机，在搜题这里输入关键字，搜索答案。 ......
vue适配移动端
vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem 下面我们分别将这两个工具 ......
专业、免费、超好用的软件测试题库《柠檬班》使用教程（一）--题库下载安装/使用
关于我们的app/小程序 免费使用，8000+题目，全部免费 目前app已上架终端平台：华为、小米、oppo、vivo、苹果 安卓平台：官方应用市场/商店 苹果平台：app store 当前版本：1.2 安装与使用 安卓手机 找到手机的应用市场，查找”柠檬班“进行下载安装。 以华为手机为例： 苹果手 ......
Vue中使用 vue-i18n 进行国际化支持
前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
vue前端导出excel
<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
vscode npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
管理员身份运行vs code 在终端执行：get-ExecutionPolicy，显示Restricted（禁止状态） 更新Powershell策略，在终端执行：set-ExecutionPolicy RemoteSigned 再次查询策略状态，在终端执行：get-ExecutionPolicy，显 ......
如何创建electron-vue项目？
简介 electron是一个开源的桌面端框架，上手快，界面美观，跨平台，但由于是封装的网页，性能一般，适用于一些追求外观，对性能要求不高的项目，此处记录基于electron-vue创建项目的全流程，前端使用vue，后端使用python，方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 产生原因： 项目下的node_modules文件损坏。 解决方案： 第一步：删除图片中的文件 第二步：在Terminal中运行yarn install或者npm install； 可能会报缓存问题： 清缓存：yarn cac ......
vue设置input不可编辑切换
<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
Vue3中KeepAlive的使用
我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......
vue2的全屏插件--"screenfull": "^4.2.0",
安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......