2024年最新最全Vue3开源后台管理系统复盘总结
Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于文件的路由系统以及基于 Mock 的动态权限路由，开箱即用的中后台前端解
综合案例（前端代码练习）：猜数字和表白墙
我们想在文本框输入我们想猜的数字，点击猜后下面就会提示我们猜的数字是否正确，以及大了还是小了。点击提交，留言就会显示到下方。
Excel 导入导出（前端处理：xslx）（后端处理：hutool+poi || Easy Excel ）
判断前端是否有传过来ids，有就将其转成数组并queryWrapper查询出，没有就根据其他条件查询出数据列表。： Hutool-poi 模块中的一个工具类，用于处理 Excel 文件的读写。导出全部的可向后端传入ids.join(',')//把数组转成字符串。只需要在实体类的属性上面加一个注解 @
node后端+vue前端实现接口请求时携带authorization验证
我们在写web项目时，后端写好接口，前端想要调用后端接口时，除了登录注册页面，所有的请求都需要携带authorization，这样是为了避免随意通过接口调取数据的现象发生。这是写web项目时最基础的点，但是也挺麻烦的，涉及前后端好几个地方的编码，经常忘记怎么写的，现在记录一下。大体就这么几个步骤，下
Javaweb之SpringBootWeb案例文件上传的详细解析
文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。在我们的案例中，在新增员工的时候，要上传员工的头像，此时就会涉及到文件上传的功能。在进行文件上传时，我们点击加号或者是点击图片，就可以选
2024年春招小红书前端实习面试题分享
优化工作：我负责了前端性能的优化工作。通过对页面加载速度、资源消耗和代码效率的分析，我采用了代码拆分、懒加载、缓存优化等技术手段，提高了网站的性能和响应速度。代码审查和技术讨论：我还积极参与了前端团队的代码审查和技术讨论，与团队成员共同分享了前端开发的经验和技巧，推动了团队的技术进步和协作效率。用户
Spring Boot实现图片上传和展示
本文将介绍如何使用Spring Boot框架搭建后端服务，实现接收前端上传的图片并保存到目录下。同时，我们还将展示如何在前端编写一个HTML页面，实现上传图片和从目录下获取图片并展示的功能。
mybatis-plus雪花算法自动生成ID到前端后精度丢失问题
后端实体参数使用Long类型是没有任何问题的，关键就在于Long类型到前端后在解析json时候会被解析为Number类型导致精度缺失。**注：**在springBoot应用中默认使用Jackson进行JSON序列化响应数据给前端。id的长度过长（19位），前端js的Number类型精度为16位，所以
探索设计模式的魅力：状态模式揭秘-如何优雅地处理复杂状态转换
状态模式（State Pattern）是一种行为设计模式，它允许一个对象在其内部状态改变时改变它的行为。状态模式把与特定状态相关的行为封装到一个个的类中，当对象的状态改变时，它的行为也会随着改变。状态模式将状态转换逻辑封装在状态类中，使得状态转换更加清晰和可预测。每个状态类只关心自己的行为和转换条件
【文件上传系列】No.0 利用 FormData 实现文件上传、监控网路速度和上传进度（原生前端，Koa 后端）
前端的工作就是把页面写好， 和 组装好，发送给后端。前端这边代码如下：基础：xhr.upload 上传钩子函数大概有如下几个钩子（比较常用的） 这个函数是在上传过程中不断循环被执行的，其中有事件因子 ，里面会有上传中的信息如果想要监控速度和进度的话，可以在上传的过程中计算出来如果想要取消上传，就把
SpringBoot前端传递数组后端怎么接收
前端传递数组后端怎么接收
【Spring MVC篇】返回响应
【Spring MVC篇】返回响应
从前端Vue到后端Spring Boot：接收JSON数据的正确姿势
从前端Vue到后端Spring Boot：接收JSON数据的正确姿势
JWT令牌 | 一个区别于cookie/session的更安全的校验技术
本文介绍一种简洁的、自包含的格式，用于在通信双方以json数据格式安全的传输信息的技术——JWT令牌
Java设计模式-状态模式
Java设计模式之一状态模式。状态模式对有状态的对象，把复杂的“判断逻辑”提取到不同的状态对象中，允许状态对象在其内部状态发生改变时改变其行为。
如何在PHP中对接openAI接口，PHP创建AI会话思路以及代码讲解【附源码】
如何在PHP中对接openAI接口，PHP创建AI会话思路以及代码讲解，html+css+jq 创建AI 聊天室功能
12.状态模式
去除代码中的判断条件，优化代码
如何使用CORS和CSP保护前端应用程序安全
前端应用在提供无缝用户体验方面起着核心作用。在当今互联网的环境中，第三方集成和API的普及使得确保强大的安全性至关重要。安全漏洞可能导致数据盗窃、未经授权访问以及品牌声誉受损。本文将向您展示如何使用CORS和CSP为您的网页增加安全性。嗨，大家好！️欢迎阅读“使用CORS和CSP保护前端应用程序”—
vue3+elementplus前端生成图片验证码
使用npm i identify --save 或者 yarn add identify --save。3、一般是登录页面用到这个，在你的登录页面的from表单的相应位置加上填写验证码的html。2、新建vue组件components/identify/identify.vue。4、在script下
前端常用的几种加密方法
在信息安全越来越受重视的今天，JS 安全一直是前端工程师们注重的大问题,前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密,保证了所有使用者的权益不被侵犯。
