javaweb自用笔记：Vue
Vue
什么是vue
vue案例
1、引入vue.js文件
2、定义vue对象
3、定义vue接管的区域el
4、定义数据模型data
5、定义视图div
6、通过标签v-model来绑定数据模型
7、{{message}}直接将数据模型message展示出来
8、由于vue的双向数据绑定，当视图层标签input里的message发生变化，那么数据模型message也会发生变化
vue的常用指令
v-bind和v-model
v-on
v-if、v-show（条件不成立也会渲染，只是隐藏了）
v-for
生命周期
当完成某个阶段，自动执行
异步交互Ajax
Ajax的作用
同步与异步
同步：客户端需要等服务器响应后才能操作
异步：客户端在等服务器响应的同时还可以进行其他操作
原生Ajax
Ajax-Axios2
基于原生的Ajax封装起来的技术
案例
加载html页面时自动触发钩子函数mounted，在函数发送异步请求获取数据
前端工程化
前后端分离开发
YApi
vuej脚手架环境准备
安装nodejs和vue脚手架：Day03-04. 前端工程化-环境准备_哔哩哔哩_bilibili
vue项目目录结构
创建vue项目：Day03-05. 前端工程化-Vue项目_哔哩哔哩_bilibili
vue组件库element
快速入门
vue路由
打包
nginx部署
相关文章：
javaweb自用笔记：Vue
Vue 什么是vue vue案例 1、引入vue.js文件 2、定义vue对象 3、定义vue接管的区域el 4、定义数据模型data 5、定义视图div 6、通过标签v-model来绑定数据模型 7、{{message}}直接将数据模型message展示出来 8、由于vue的双向数据绑定，当视图层标签input里的…...
CSS Overflow 属性详解
CSS Overflow 属性详解 在网页设计和开发中，CSS Overflow 属性是一个非常重要的特性，它决定了当内容超出其容器大小时应该如何处理。本文将详细介绍 CSS Overflow 属性的相关知识，包括其语法、作用、常用属性值以及一些实际应用场景。 1. CSS Overflow 属性概述 CSS Over…...
沃丰科技结合DeepSeek大模型技术落地与应用前后效果对比
技术突破：DeepSeek算法创新，显著降低了显存占用和推理成本。仅需少量标注数据即可提升推理能力。这种突破减少了对海量数据的依赖，削弱了数据垄断企业的优势！ 商业模式颠覆：DeepSeek选择完全开源模式，迫使…...
突破光学成像局限：全视野光学血管造影技术新进展
全视野光学血管造影（FFOA）作为一种实时、无创的成像技术，能够提取生物血液微循环信息，为深入探究生物组织的功能和病理变化提供关键数据。然而，传统FFOA成像方法受到光学镜头景深（DOF）的限制&am…...
2.反向传播机制简述——大模型开发深度学习理论基础
在深度学习开发中，反向传播机制是训练神经网络不可或缺的一部分。它让模型能够通过不断调整权重，从而将预测误差最小化。本文将从实际开发角度出发，简要介绍反向传播机制的核心概念、基本流程、在现代网络中的扩展，以及如何利用自…...
机器学习校招面经二
快手 机器学习算法 一、AUC（Area Under the ROC Curve）怎么计算？AUC接近1可能的原因是什么？ 见【搜广推校招面经四】 AUC 是评估分类模型性能的重要指标，用于衡量模型在不同阈值下区分正负样本的能力。它是 ROC 曲线…...
Spring Boot如何利用Twilio Verify 发送验证码短信？
Twilio提供了一个名为 Twilio Verify 的服务，专门用于处理验证码的发送和验证。这是一个更为简化和安全的解决方案，适合需要用户身份验证的应用。 使用Twilio Verify服务的步骤 以下是如何在Spring Boot中集成Twilio Verify服务的步骤： 1.…...
毕业项目推荐：基于yolov8/yolo11的苹果叶片病害检测识别系统（python+卷积神经网络）
文章目录 概要一、整体资源介绍技术要点功能展示：功能1 支持单张图片识别功能2 支持遍历文件夹识别功能3 支持识别视频文件功能4 支持摄像头识别功能5 支持结果文件导出（xls格式）功能6 支持切换检测到的目标查看 二、数据集三、算法介绍1. YO…...
Linux的用户与权限--第二天
认知root用户（超级管理员） root用户用于最大的系统操作权限 普通用户的权限，一般在HOME目录内部不受限制 su与exit命令 su命令： su [-] 用户名 -符号是可选的，表示切换用户后加载环境变量 参数为用户名，…...
【Flink银行反欺诈系统设计方案】1.短时间内多次大额交易场景的flink与cep的实现
【flink应用系列】1.Flink银行反欺诈系统设计方案 1. 经典案例：短时间内多次大额交易1.1 场景描述1.2 风险判定逻辑 2. 使用Flink实现2.1 实现思路2.2 代码实现2.3 使用Flink流处理 3. 使用Flink CEP实现3.1 实现思路3.2 代码实现 4. 总结 1. 经典案例：短…...
HashMap的table数组何时初始化？默认容量和扩容阈值是多少？
HashMap 的 table 数组何时初始化？ 答案： table 数组在第一次调用 put() 方法时初始化。 为什么？ HashMap 为了节省内存，采用了“懒加载”机制。即使用 new HashMap() 创建对象时，只是计算了参数（如容量、…...
基于CURL命令封装的JAVA通用HTTP工具
文章目录 一、简要概述二、封装过程1. 引入依赖2. 定义脚本执行类 三、单元测试四、其他资源 一、简要概述 在Linux中curl是一个利用URL规则在命令行下工作的文件传输工具，可以说是一款很强大的http命令行工具。它支持文件的上传和下载，是综合传输工具&…...
docker学习笔记（1）从安装docker到使用Portainer部署容器
docker学习笔记第一课 先交代背景 docker宿主机系统：阿里云ubuntu22.04 开发机系统：win11 docker镜像仓库：阿里云，此阿里云与宿主机系统没有关系，是阿里云提供的一个免费的docker仓库 代码托管平台：github&…...
数据集/API 笔记：新加坡PSI（空气污染指数）API
data.gov.sg 数据范围：2016年2月 - 2025年3月 1 获取API方式 curl --request GET \--url https://api-open.data.gov.sg/v2/real-time/api/psi 2 返回数据 API 的数据结构可以分为 3 大部分： 区域元数据（regionMetadata） →…...
计算机网络数据传输探秘：包裹如何在数字世界旅行？
计算机网络数据传输探秘：包裹如何在数字世界旅行？ 一、从快递网络看数据传输本质 想象你网购了一件商品： 打包：商家用纸箱包装，贴上地址标签（数据封装）运输：包裹经过网点→分拣中心→运输车（网络节点与链路）签收：快递员核对信息后交付（数据校验与接收）数据的网络…...
笔记：代码随想录算法训练营day36:LeetCode1049. 最后一块石头的重量 II、494. 目标和、474.一和零
学习资料：代码随想录 1049.最后一块石头的重量II 力扣题目链接 思路：如何讲该问题转化为背包问题：还是对半分去碰，对半分去碰碰剩下的就是最小的。然后背包容量就是一半儿，物品重量等于物品价值等于stones[i] 和上…...
Bitmap -＞ Bitmap安卓设备上的显示和内存
Android 屏幕显示与 Bitmap 内存详解 前言 在 Android 开发中，理解屏幕显示单位和 Bitmap 内存占用是构建高效应用的基础。本文将详细介绍相关概念、计算公式及单位转换，并通过实例分析 Bitmap 在内存中的表现。 一、屏幕显示单位基础 1.1 基本单位及…...
QT study DAY2
作业 代码 Widget.h class Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent nullptr);~Widget();void save_data(const QString& filename,const QString& data); private slots:void on_lineEdit_textChanged(); //账户栏void on_l…...
QT-自定义参数设计框架软件
QT-自定义参数设计框架软件 Chapter1 QT-自定义参数设计框架软件前言一、演示效果二、使用步骤1.应用进行参数注册2.数据库操作单例对象3.参数操作单例对象 三、下载链接 Chapter2 Qt中管理配置参数（QSettings、单例模式）1 前言2 QSettings类ini文件写in…...
VUE集成Live2d
VUE集成Live2d 目前基于大模型，可以实现一个桌面的3D动画小人，个人猜测可以简介这个项目进行实现 1-参考网址 试了很多项目，只有这个项目直观的把问题说清楚了 Live2D Vue3技术应用:https://blog.csdn.net/hh1233321/article/details/1406947…...
Go 语言接口详解
Go 语言接口详解 核心概念 接口定义 在 Go 语言中，接口是一种抽象类型，它定义了一组方法的集合： // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的： // 矩形结构体…...
【机器视觉】单目测距——运动结构恢复
ps：图是随便找的，为了凑个封面 前言 在前面对光流法进行进一步改进，希望将2D光流推广至3D场景流时，发现2D转3D过程中存在尺度歧义问题，需要补全摄像头拍摄图像中缺失的深度信息，否则解空间不收敛…...
服务器硬防的应用场景都有哪些？
服务器硬防是指一种通过硬件设备层面的安全措施来防御服务器系统受到网络攻击的方式，避免服务器受到各种恶意攻击和网络威胁，那么，服务器硬防通常都会应用在哪些场景当中呢？ 硬防服务器中一般会配备入侵检测系统和预防系统&#x…...
第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明
AI 领域的快速发展正在催生一个新时代，智能代理（agents）不再是孤立的个体，而是能够像一个数字团队一样协作。然而，当前 AI 生态系统的碎片化阻碍了这一愿景的实现，导致了“AI 巴别塔问题”——不同代理之间…...
Ascend NPU上适配Step-Audio模型
1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统，支持多语言对话（如 中文，英文，日语），语音情感（如 开心，悲伤）&#x…...
《基于Apache Flink的流处理》笔记
思维导图 1-3 章 4-7章 8-11 章 参考资料 源码： https://github.com/streaming-with-flink 博客 https://flink.apache.org/bloghttps://www.ververica.com/blog 聚会及会议 https://flink-forward.orghttps://www.meetup.com/topics/apache-flink https://n…...
代理篇12|深入理解 Vite中的Proxy接口代理配置
在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...
USB Over IP专用硬件的5个特点
USB over IP技术通过将USB协议数据封装在标准TCP/IP网络数据包中，从根本上改变了USB连接。这允许客户端通过局域网或广域网远程访问和控制物理连接到服务器的USB设备（如专用硬件设备），从而消除了直接物理连接的需要。USB over IP的…...
C++使用 new 来创建动态数组
问题： 不能使用变量定义数组大小 原因： 这是因为数组在内存中是连续存储的，编译器需要在编译阶段就确定数组的大小，以便正确地分配内存空间。如果允许使用变量来定义数组的大小，那么编译器就无法在编译时确定数组的大…...
HarmonyOS运动开发：如何用mpchart绘制运动配速图表
##鸿蒙核心技术##运动开发##Sensor Service Kit（传感器服务）# 前言 在运动类应用中，运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据，如配速、距离、卡路里消耗等，用户可以更清晰…...