多个vue-cli版本vue
vue 适配
## vue 适配 1.amfe-flexible amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 2.[postcss](https://so.csdn.net/so/search?q=postcss&spm=1001.2101.3001.7020) ......
[Vue] 使用pdf-lib和@pdf-lib/fontkit 报错 fontkit.create is not a function
描述： pdf-lib注册了@pdf-lib/fontkit后 （ pdfDoc.registerFontkit(fontkit) ），内部调用了fontkit的create方法，但是这个方法不存在。 我在控制台打印了下fontkit对象，发现fontkit包了一层default , 即 fontk ......
vue自动去掉html双引号的问题
解决vue项目打包后index.html标签属性没有双引号的问题 问题:编译发布后html中的双引号丢失 在vue.config.js 中 查看网上的写法,编译发布可以,但是本地调试执行报错 1 chainWebpack: config => { 2 config.resolve.alias 3 . ......
less 使用 vue 变量
vue3 const width = '500px' div { width: v-bind(width); // 也可以用引号引起来 } ......
spring-boot-plus2.7.12版本重磅发布，三年磨一剑，兄弟们等久了，感谢你们的陪伴
Everyone can develop projects independently, quickly and efficiently！ ### spring-boot-plus是一套集成spring boot常用开发组件的后台快速开发框架 > Spring-Boot-Plus是易于使用，快速，高 ......
大话西游手游之纵横大话龙族版本龙吟端Win服务端源码+客户+GM后台
游戏端说明： 大话西游之纵横大话龙族版本龙吟端_附带客户端源码_经典大话动作回合剧情手游_Win服务端_GM网页后台工具 演示地址：www.runruncode.com/shouyou/19454.html 游戏演示图： ......
前端编程开发 --- Vue3 事件处理
监听DOM事件，执行js代码 格式： v-on:click="methodName" 或 @click="methodName" 示例： 写js代码 <div id="app"> <button @click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ c ......
前端Vue自定义精美商品订单星级评分组件 星级评分 爱心评分
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
Django4+Vue3全新技术实战全栈项目
第1章 课程介绍 1 节｜12分钟第2章 前端工程开发：环境搭建 5 节｜43分钟第3章 前端工程开发关联技术：webpack 构建工具 7 节｜85分钟第4章 前端工程开发关联技术：Axios 网络请求库 8 节｜42分钟第5章 前端工程开发关联技术：Vue 脚手架 4 节｜34分钟第6章 后端工 ......
vue2-生命周期-初步了解组件创建的过程
# 生命周期图示 可以参考vue官方文档给出的”生命周期图示“，进一步理解组件生命周期执行的过程： 生命周期图示：https://v2.cn.vuejs.org/v2/guide/instance.html ......
vue2-生命周期-了解生命周期和生命周期函数的概念
# 1.生命周期&生命周期函数 `生命周期`（Life Cycle）是指一个组件从`创建`->`运行`->`销毁`的整个阶段，`强调的是一个时间段`。 `生命周期函数`：是由vue框架提供的`内置函数`，会伴随者组件的生命周期，`自动按次序执行`。 ![image](https://img2023. ......
vue-router
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 1.基本使用 1. 安装vue-router，命令：npm i vue-router 2. 应用插件：Vue.use(VueRou ......
vue3 图片懒加载
使用vue第三方库 useIntersectionObserver 创建文件 directives/index.js 导入第三方库 import { useIntersectionObserver } from '@vueuse/core' export const lazyPlugin = { i ......
在 Windows 11 中，桌面上的右键菜单已经更新为全新设计。但如果你希望使用类似旧版本的右键菜单，可以尝试以下方法
在 Windows 11 中，桌面上的右键菜单已经更新为全新设计。但如果你希望使用类似旧版本的右键菜单，可以尝试以下方法： 使用注册表方法： 按下 Win + R 组合键打开“运行”对话框，输入 "regedit" 并按 Enter 键打开注册表编辑器。 在注册表编辑器中，导航到以下路径：HKEY_ ......
vue和servlet 前后端分离 （复习）
# 一、vue复习 ## 1.vue的使用步骤: （1）导入vue.js （2）创建除body以外最大的div标签，给定id值 （3）创建vue对象 ```bash new Vue({ el:"#app", data:{}//定义变量 methods:{} //定义方法 ``` ## 2.vue语法 ......
springboot+vue前后端分离项目发布上线
首先呢不用多说就是买阿里云服务器，但是呢，学生免费一个月。 前端呢就是配置与后端端口 然后呢就是要打包：npm run build 把你的dist文件东西进行上传到服务器。 后端springboot呢就是要打jar包上传。 然后服务器是先去下载配置jdk，然后就是点击网站选择springboot项目 ......
Vue无感刷新当前页面
使用 Vue 选项/组合 Api provide / inject Api 地址，此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 html 复制代码 <template> <div id="app"> <router-view v-if="routerAl ......
记录--你知道Vue中的Scoped css原理么？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 追忆Scoped 偶然想起了一次面试，二面整体都聊完了，该做的算法题都做出来了，该背的八股文也背的差不多了，面试官频频点头，似乎对我的基础和项目经验都很是满意。嗯，我内心os本次面试应该十拿九稳了。 突然，面试官说：「我的主技术栈是Rea ......
Vue基础复习
一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后，你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API，我们可以用包含多个选 ......
Vue3 实现点击菜单实现切换主界面组件
子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能：在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
Vue bug from backend
# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
vue2 + elementUI + sortablejs 实现可行拖拽排序表格
需要实现表格 (可以新增行, 表格中直接编辑数据，行可上下拖动重新排序) 实现效果（整行上下拖动之后，序号变化为1，2，3.......，可根据名称看效果哦）： 初始表格： 拖拽后： 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
Vue3 子组件 调用 父组件的函数
子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
Vue3 动态切换组件component
在 vue3 开发中 经常会遇有 动态切换组件 的需求，下面简单写个例子，当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
v3.3+使用 defineOptions 定义组件命名、版本、注册子组件
在v3.3+版本中，可以使用defineOptions方法，定义组件命名、版本、注册子组件 ``` ``` > 注册组件是为了在 template 中使用 component 标签 ``` ``` ......
Windows系统使用Nginx部署Vue
# Nginx是什么？ Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改
1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
多个git项目库之间的cherry-pick操作
https://blog.csdn.net/qq_40102178/article/details/123378200?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault% ......
vue 任务队列
taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......