前端

前后端不分离项目、Thymaleaf项目、JSP项目、前端页面在reasource目录下的项目的前端访问链接URL

在现代Web开发中,前后端分离的架构逐渐成为一种流行的趋势。然而,对于一些小型项目或企业级应用,前后端不分离的架构依然具有其独特的优势。本文将介绍几种常见的前后端不分离项目,包括使用Thymeleaf的Spring Boot项目、JSP项目,以及将前端页面放在资源目录下的项目,并提供相应的代码示例。

手摸手教你前端和后端是如何实现导出 Excel 的?

在现代 web 开发中,导出 Excel 文件是一个常见的需求。无论是生成报表、导出数据,还是下载个人资料,很多前端应用都需要与后端协作来实现这一功能。本文将手把手教你如何在前端和后端实现导出 Excel 文件功能。一、后端实现以 Node.js + Express 为例,首先我们需要安装一些必

前端在WebSocket中加入Token

在现代的Web应用程序中,WebSocket被广泛用于实现实时通信。相比传统的HTTP协议,WebSocket能在客户端和服务器之间建立一个持久的连接,实现双向数据通信。这种特性使得WebSocket非常适合于实时聊天、在线游戏等应用场景。然而,在使用WebSocket进行通信时,如何安全地管理用户

将图片转换为 Base64 编码(Vue实现)

在现代Web开发中,将图片转换为Base64编码的需求非常常见,尤其是在前端开发中使用Vue.js框架时。Base64编码可以将二进制数据(如图片)转换为字符串格式,使其可以嵌入到HTML中,方便进行数据传输和存储。本文将介绍如何在Vue中实现图片转换为Base64编码的功能,并提供详细的代码示例。

vue3获取、设置元素高度

在Vue 3中,您可以通过多种方式获取和设置DOM元素的高度。Vue 3中的响应式系统和Composition API使得这样的操作变得更加简洁和高效。以下是一些常用的方法和示例,帮助您理解如何在Vue 3中操作元素的高度。1. 使用ref获取元素的高度Vue 3推荐使用ref来直接引用DOM元

前端播放rtsp视频流(最后使用WebRtc)

在现代 web 应用中,实时视频流的传输越来越受到关注,尤其是在需要视频监控、在线会议等场景中。RTSP(实时流协议)和 WebRTC(Web实时通信)是实现这种功能的两种关键技术。本文将介绍如何使用 WebRTC 来播放 RTSP 视频流。什么是 RTSP 和 WebRTC?RTSP(Re

Vue项目发布后浏览器缓存问题解决

在开发 Vue 项目的过程中,浏览器缓存是一个常见的问题。通常情况下,当我们更新了应用程序的代码或资源(如 CSS 和 JavaScript 文件)后,用户的浏览器可能会因为缓存机制而没有及时获取到最新的内容。这可能会导致用户在使用应用时遇到旧版本的问题,也可能会影响用户体验。因此,解决浏览器缓存问

AgGridVue 一款强大的表格组件(2)

AgGridVue 是一款强大的表格组件库,适用于 Vue.js 框架,提供了高效、灵活并且功能丰富的表格展示与操作能力。无论是简单的静态表格,还是复杂的动态数据展示,AgGrid 都能满足不同开发者的需求。本文将对 AgGridVue 进行详细介绍,并通过代码示例帮助大家更好地理解其用法。1.

【实战】一、Jest 前端自动化测试框架基础入门(一) —— 前端要学的测试课 从Jest入门到TDD BDD双实战(一)

一、Jest 前端自动化测试框架基础入门随着前端开发的日益复杂,编写高质量的代码不仅需要好的编码习惯,还需要确保代码的正确性和可靠性。自动化测试应运而生,而Jest作为一个流行的前端自动化测试框架,为开发者提供了一个简单、高效的测试解决方案。在本文中,我们将介绍Jest的基础知识,如何进行单元测试

Win电脑使用Ollama与Open Web UI搭建本地大语言模型运行工具

在现代计算机技术的发展中,大语言模型(LLM)因其强大的自然语言处理功能而受到越来越多的关注。最近,Ollama和Open Web UI的结合使得在本地搭建大语言模型的运行工具变得更加简单易行。本文将介绍如何在Windows电脑上使用这些工具,从而实现本地部署大语言模型的能力。一、环境准备在开始