vue vue-cli-service min源码
SpringBoot+Vue3+MySQL集群 开发健康体检双系统
第1章 课程介绍 试看4 节 | 38分钟观看项目演示，熟悉大健康体检项目主要功能。掌握学习本课程的最佳方法，以及如何利用在线手册学习和答疑。第2章 大健康体检项目全栈环境搭建16 节 | 218分钟利用虚拟机或者云主机安装Linux系统和Docker环境，部署MongoDB、Redis、Minio ......
109.vue双向数据绑定原理
#### 109. vue 双向数据绑定原理？ ``` vue 通过使用双向数据绑定，来实现了 View 和 Model 的同步更新。vue 的双向数据绑定主要是通过使用数据劫持和发布订阅者模式来实现的。 首先我们通过 Object.defineProperty() 方法来对 Model 数据各个属 ......
146.Vue的生命周期是什么
#### 146. Vue 的生命周期是什么？ ``` Vue 的生命周期指的是组件从创建到销毁的一系列的过程，被称为 Vue 的生命周期。通过提供的 Vue 在生命周期各个阶段的钩子函数，我们可以很好的在 Vue 的各个生命阶段实现一些操作。 ``` ......
153.vue中key值的作用
#### 153. vue 中 key 值的作用？ ``` vue 中 key 值的作用可以分为两种情况来考虑。 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。因此当我们使用 v-if 来实现元素切换的时候，如果切换前后含有相同类 ......
CF1844F Min Cost Permutation
[题面传送门](https://www.luogu.com.cn/problem/CF1844F2) 先不考虑字典序的问题，只考虑最小值怎么求。 先考虑一个特殊情况：$c=0$，也就是说我想要相邻两项之差的绝对值最小。那么将其从小到大排序以后就满足要求。 我们猜想实际上更一般的情况不会和这个差太多。 ......
EaselJS 源码分析系列--第一篇
什么是 EaselJS ？  事儿还得从 Flash 说起，因为我最早接触的就是 Flash, 从 Flash ......
centos7上源码编译安装LAMP的多虚拟主机wordpress，discuz，用lamp.sh脚本实现
环境：centos7.4apr-1.6.3.tar.gz apr-util-1.6.1.tar.gz httpd-2.4.33.tar.bz2 mariadb-10.2.15-linux-x86_64.tar.gz php-7.1.18.tar.bz2wordpress-4.9.4-zh_CN.ta ......
Vue2或Vue3中实现页面锚点滚动（结合AntDesign a-steps
#### 核心代码 ``` onStepChange(current) { this.current = current; document.querySelector(`[id='${current}']`).scrollIntoView({ behavior: "smooth", // 定义过渡 ......
vue3项目 运行 报错 Cannot assign to "b" because it is a constant
### 环境依赖 ``` node 18.16.0 vite 4.4.4 vue 3.2.47 ``` ### 背景 当前错误与环境依赖关系不大,是由于我在打包的文件写的代码错误导致的，一般情况不会有这个错 ### 报错信息 X [ERROR] Cannot assign to "b" becaus ......
Vue路由跳转时携带参数
在方法中使用this.$router.push方法进路由跳转时，需要携带参数，可以使用上下文参数，这样携带的话参数会一直存在，具体携带方式如下 在跳转路径下，添加state对象属性，属性名是固定的，对象中填入自己需要传递的参数，ps：对象需要转化为字符串，不然传递不过去，JSON。stringify ......
vue前端异步请求，数据拿的太慢，页面无法渲染
vue中发送请求，拿到数据后打开弹窗进行页面渲染，问题：请求速度太慢，弹窗没有数据，解决：使用async和await进行同步请求 async用在方法上，await放在请求前，表示阻塞 ......
Vue3 webSocket收到消息改变响应式全局对象从而实时改变界面
需求在 main.js 中 创建一个 响应式全局对象 。通过WebSocket收到消息 改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMon ......
VUE接收后端传递的map，解析并遍历
后端传递map结果，前端接收时需要进行参数转化，转为前端的map，Object.entries方法进行转化，遍历时使用 for of 进行遍历，图中的item取出来的时一个数组对象，如{a:1,b:2}，map对象时这样，item遍历第一轮时取出来的格式是[a,1],所有使用item[0]就可以取出 ......
Vue3 响应式全局对象
需求在 main.js 中 创建一个 响应式全局对象 。改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMonitorData: [ { ti ......
vue进行页面跳转样式丢失问题
问题：vue使用 this.$router.push 方法进行页面跳转时样式丢失，如下图，图一为正常页面，图二为跳转后的界面 解决方法：并非样式丢失，而是样式背覆盖了，去跳转的原界面样式中加入scope，跳转之后问题解决 ......
vue3 组件之间的传递
## 组合式API父子通信 ### 1. 父传子 > 基本思想 > 1. 父组件中给子组件绑定属性 > 2. 子组件内部通过props选项接收数据 > 父组件 ```vue 父组件 ``` > 子组件 ```vue 子组件 {{ msg }} ``` 。 演示地址：www.runruncode.com/wxapp/19459.html ......
老杜 JavaWeb 讲解（十） —— HttpServletRequest接口源码分析
## (十二)HttpServletRequest接口源码分析 **对应视频：** > [21-HttpServletRequest接口](https://www.bilibili.com/video/BV1Z3411C7NZ?p=22&vd_source=d0ace4d790d5d2f0d4782 ......
vue 实现自定义主题切换+日夜切换
此处只参考 修改主题色， 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
Vue2的安装
Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途：用于不改动老项目源代码的二次开发。 使用方式：在html中嵌入vue.global.js的script标签的引入。 代码示范图： 2. npm 命令创建项目 前提：npm 是 Node.JS ......
ckeditor粘贴word图片且图片文件自动上传源码
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
vue 使用document.execCommand失效
document.execCommand 当一个 HTML 文档切换到设计模式时，document暴露 execCommand 方法，该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection（粗体，斜体等），当其他命令插入新元素（添加链接）或影响整行（缩进 ......
Vue 中处理跨层级组件通信
highlight: a11y-dark 对于A-B-C三个依此嵌套的组件，现在想把A的数据传递给C，C的事件被A捕获，可以这么实现： ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
vite+vue3+minio
之前h5用的minio上传文件，现在web端也需要用这个，但h5是用的vue2, web用的vue3，就出现了一些问题 架子是用的vite搭建的，但vite不支持require导入。用import的话minio不支持import引入，也会报错 一. 用vue2搭个项目，将minio通过require ......
vue 组件分享
应用场景是tab切换，上方显示五个标题，下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下： <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
Spring源码剖析-BeanFactory和ApplicationContext（其一）
1. 在Spring中，BeanFactory和ApplicationContext是两种容器，它们之间的关系是怎样的？我们使用的是哪个？它们的底层原理是什么？ 以一个SpringBoot的启动类为例： package com.example.demo3; import org.springfram ......
vue3使用component作为切换页面
文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE
基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
通过IDA分析智能指针源码
首先我们看一看智能指针的内存结构 ### `std::shard_ptr` ```c++ std::shard_ptr{ T * ptr; std::_Ref_count * Rep; } ``` **`ptr`** 对象的指针 **`Rep`** 引用计数对象的指针 ```c++ std::_Re ......