效果echarts项目vue
创建Spring Boot+Spring MVC+Mybatis Demo项目
参考资料 IDEA搭建Springboot+SpringMVC+Mybatis+Mysql（详细、易懂） 创建项目 创建多个目录 把application.properties改成yml格式并补充配置 mysql中创建数据库和表 create database db1; use db1; creat ......
vue中$set和$forceUpdate强制更新视图层的区别
$forceUpdate 原理：调用 notify（） 强制视图更新 $set 原理：defineReactive(this.data数据, 要劫持得数组索引或对象键, 默认值) 建立响应式依赖 指定数据更新 使用场景： 如果data数据的层级过深(比如数组或者对象无法直接监听到数据变化)，导致无法 ......
vue3项目组织方式总结
## api 1. 放在 `src/api`目录下，如果模块很多，把各个 api 文件根据模块划分 2. （推荐）放在 `src/views/modules/module/api.ts` 中，每个模块的 api 分别放在不同的目录下，这种方式适合模块很多，多人合作的项目 ## components ......
Maven多模块项目架构配置介绍和实战
中大型项目中，我们都会把项目结构划分多个模块。它清晰的定义，便于项目结果维护，同时在日常代码变更时，各个模块的隔离也一定程度上保证了变更质量…… ......
vue3 为什么使用 hooks？
目的 为了解决在组件中共享逻辑和状态的问题。 hooks 提供了一种更简洁和直观的方式来共享逻辑和状态。 vue3 中的 hooks 是基于函数的组件模型，通过在函数组件内部使用特定的 hook 函数来实现。 每个 hook 函数都有特定的用途，例如：useState 用于创建和管理状态，useEf ......
Spring Boot项目集成OpenFeign
1. 在pom.xml文件中加入openfeign依赖 ```xml org.springframework.cloud spring-cloud-starter-openfeign ``` 2. 定义Feign接口，使用`@FeignClient`注解指定服务提供方服务名称（如果使用nacos,就 ......
Angular 应用里产品列表行项目点击后跳转到产品明细页面的实现
需求如标题所示，下面是详细步骤介绍。 首先，你需要确保你的环境中已经安装了Angular CLI。如果没有，可以通过以下命令安装： ```bash npm install -g @angular/cli ``` 然后你可以创建一个新的Angular项目： ```bash ng new product ......
Angular Schematics 实战 - 项目根目录新建一个文件
Angular Schematics 是一个由 Angular 团队提供的工作流工具，用于在 Angular 应用程序中自动化开发过程。Schematics 可以创建一个新的 Angular 应用，生成简单或复杂的代码片段，或者修改现有代码以添加新功能或行为。它提供了一个可扩展的方法，允许开发者以一 ......
如何将Maven项目快速改造成一个java web项目(方式二)
原始的maven项目，使用IDEA打开后，目录结构如下所示 删除pom.xml文件，删除resource目录，将java目录下的代码放到项目根目录下， 将webapp目录放到项目根目录下。如下图所示 开始配置项目，首先配置Project，配置好之后点击Apply,如下图， 接下来配置Facets 这 ......
如何将Maven项目快速改造成一个java web项目(方式一)
因为实际需要，需要将一个maven项目改造成原生的java-web项目，写这边博客 来记录整个改造的过程。原始的maven项目，使用IDEA打开后，目录结构如下所示 直接通过文件夹查看项目结果如下 首先删除一些文件，只保留sql和src两个目录，如下 使用IDEA打开后的目录结构如下 继续删除tes ......
nginx与vue路由
nginx代理方式 server { listen 80; server_name localhost; location /order/{ proxy_pass http://localhost:8080/order } 表示监听80端口，将请求反向代理到后端服务器。 例如：当浏览器请求的路径是 ......
SpringBoot项目优雅停机+Pid暴力停机
# bootstrap.yaml配置项目的pid输出位置 ```yaml spring: pid: file: F:/cloud-nacos/cloud_gateway/application.pid ``` # springboot项目修改启动类启动方式 > 原始启动类 SpringApplica ......
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 来实现元素切换的时候，如果切换前后含有相同类 ......
ToB产品从0到1：从项目中走出来
研发产品和项目交付是两条线，目标和行动路径是不一样，如果没有任何区分的混在一起了，实际执行起来会特别的别扭。初心是既能满足交付又能沉淀产品，但也有很大可能就是两边都做不好。 虽然说可复制的项目具备成为产品的基础，产品交付的过程其实就是项目的体现，但是项目转化产品并不容易，最重要的决定因素是什么？ 我 ......
效果控件——平移旋转缩放时间重映射
 ctrl+单击这个东西可以切换表示时间的方式 ![image](https://img2023.cnbl ......
学科知识图谱学习平台项目 ：技术栈Java、Neo4j、MySQL等超详细教学
# 学科知识图谱学习平台项目 ：技术栈Java、Neo4j、MySQL等超详细教学 # 0.效果展示 ![](https://ai-studio-static-online.cdn.bcebos.com/6375eba65cef4a4399077e5177b22137ab44c70350254db5 ......
微信小程序项目案例
项目目录 BIJIAN app.json { "pages":[ "pages/home/home", "pages/category/category", "pages/shopcar/shopcar", "pages/center/center", "pages/detail/detail", ......
论文日记四：Transformer(论文解读+NLP、CV项目实战)
# 导读 重磅模型**transformer**,在2017年发布，但就今天来说产生的影响在各个领域包括NLP、CV这些都是巨大的！ Paper《[Attention Is All You Need](https://arxiv.org/pdf/1706.03762.pdf)》,作者是在机器翻译这个 ......
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 ......
dwm.exe 是 Windows 操作系统中的一个进程，它代表桌面窗口管理器 (Desktop Window Manager)。桌面窗口管理器是 Windows 中负责处理图形渲染和用户界面效果的组件之一。 具体来说，dwm.exe 负责管理桌面环境的显示、窗口合成、窗口动画、透明效果等任务。它使用硬件加速技术来提供流畅的桌面体验，并使用户能够进行窗口的拖放、最小化、最大化等操作
dwm.exe 是 Windows 操作系统中的一个进程，它代表桌面窗口管理器 (Desktop Window Manager)。桌面窗口管理器是 Windows 中负责处理图形渲染和用户界面效果的组件之一。 具体来说，dwm.exe 负责管理桌面环境的显示、窗口合成、窗口动画、透明效果等任务。它使 ......
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 ......