前端实现输入金额带单位提示及 box-shadow和drop-shadow 对比思考
实现金额输入框带单位提示，在输入指定位数后，左上角提示对应的单位。及 box-shadow和drop-shadow 的思考
【p2p、分布式，区块链笔记 Torrent】WebTorrent的add和seed函数
如果启用了 DHT，代码会将一个任务添加到任务队列中，监听事件。当种子通过 DHT 被广播出去时，触发事件，回调cb执行。这确保了种子可以通过 DHT 被其他客户端发现，即使没有使用中央 Tracker 服务器。简而言之，DHT 广播发生在的那一刻，通过监听事件来确保种子通过 DHT 网络传播。
Web Workers 学习笔记
最近在开发中遇到了一个需求，一大堆的图片都需要调用两个接口。这对单线程的 JavaScript 运行环境构成了挑战，容易影响用户体验。所以决定学习 Web Workers 并记录一下。Web Workers 的作用就是提供一个多线程环境，允许将一些繁重任务（涉及大量计算或网络请求时）从主线程分离出来
【前端之Vue3入门快速体验】
Vue3简介和快速体验；Vue3通过Vite实现工程化；Vue3视图渲染技术；
前端vue解决跨域问题(适用于开发环境)
跨域问题的存在主要是由于浏览器的安全策略所导致的。具体来说，有以下几个主要原因：1.同源策略 (Same-Origin Policy)：浏览器的安全机制，要求请求必须来自相同的协议、域名和端口。2.安全性和隐私保护：防止恶意网站访问其他网站的数据，避免 CSRF 和 XSS 攻击。服务器可以通过设置
前端Cypress自动化测试全网详解
Cypress 是一个强大的端到端（End-to-End, E2E）功能测试框架，基于 Node.js构建，支持本地浏览器直接模拟测试，并具有测试录屏功能，极大地方便了测试失败时的场景重现与问题定位。本文将详细介绍 Cypress的安装、配置以及一个实际的自动化测试示例。
前端WebSocket
项目中用到的相关技术vue3、vite、js(要通过WebSocket构造函数，创建WebSocket对象)、node.js、ws(是nodejs的一个WebSocket库，可以用来创建服务)websocket实际项目开发中客户端（前端）使用websockect主要实现的功能是发送和接收信息而服务端
一篇文章理解前端中的 File 和 Blob
在js中，Blob（Binary Large Object）对象用于表示不可变的原始二进制数据，主要用于存储文件、图片、视频和音频等各种类型数据。Blob提供一种高效方式操作数据文件，不需要将数据都加载到内存中，有利于处理二进制数据或大型文件。可以使用new Blob()构造函数创建一个 Blob
使用onnxruntime-web 运行yolov8-nano推理
ONNX 是一种开放的格式，可以在不同的深度学习框架之间共享模型，如 PyTorch、TensorFlow、MXNet 和 Caffe2。ONNX 模型在推理时通常能够实现更高的效率，特别是在使用 ONNX Runtime 时。YOLOv8n 是 YOLOv8 系列中的 "nano" 版本，通常是指
【Vue】Vue3.0（二十四）Vue3.0中$refs 、$parent 的概念和使用场景
在这个新例子里面呢，通过$refs实现了父组件对子组件方法的调用呀，这样就完成了计数器的增加和减少操作啦；同时呢，子组件通过defineExpose把内部方法暴露给父组件，这也是遵循了Vue 3.0组件间交互的规范哦。// 当点击增加按钮时，调用子组件的增加方法并更新计数。// 当点击减少按钮时，调
常用 Web 框架
本文介绍了 Web 开发中常用的 HTTP 方法、Jinja2 过滤器、Django 项目结构和数据模型字段类型。这些基础知识为你理解和构建 Web 应用打下了坚实的基础。希望本教程能帮助你更好地利用 Django 构建灵活的 Web 应用！文章到这里就结束了，如果有什么疑问的地方请指出，诸大佬们一
BaseCTF2024 web
wireshark工具打开, 导出对象 --> http , 存在一个flag.php文件, 打开是反过来的flag, 写个python小脚本将其反过来就行。, 但是那个地址里面的内容是不可控的, 里面也不存在一个这样的内容, 所以可以想到需要一个地址里面的内容可控, 这个时候就会想到使用。打开fl
纯前端Excel在线编辑神器：Luckysheet
纯前端Excel在线编辑神器：Luckysheet 【下载地址】纯前端Luckysheet在线编辑Excel导出与导入 本项目是一个纯前端实现的在线Excel编辑工具，基于Luckysheet库开发。用户可以直接在浏览器中打开`in
VUE3——003、VUE 项目中的文件结构（index.html、main.ts、App.vue）
加载 index.html 后，Vite 解析 <script type="module" src="xxx"> 指向的 js 或 ts 文件。虽然是号称是小白初学，但本文只是对 VUE 小白，其它的基功还是有一丢丢的，不太懂的同学去看看一下详解，我这里记述的是自己的理解和观点。（index.htm
键盘党福音！自定义指令实现回车快捷删除
在前端开发中，为了提升用户操作效率，尤其是对键盘操作习惯的支持，常需要实现回车键快捷操作功能。本文以 Ant Design Vue 中的 Modal 组件为例，通过自定义指令 v-enter，实现了在弹窗删除场景下的回车键确认删除功能。文章详细介绍了指令的定义、全局注册以及实际应用，并分析了其相较直
fastadmin 接口 写法 ， 与前端 js 调用 该接口 ，代码 例子
在控制器中定义接口方法，如，并返回 JSON 格式的数据。在路由文件中配置相应的路由规则。使用fetch或axios等方法发送请求到 FastAdmin 后端的接口。处理接口返回的数据并在页面上展示。
使用 Nginx 搭建 Webdav 服务
使用 Nginx 搭建 Webdav 服务一、 自签名根证书1. 生成根证书密钥openssl genrsa -out ./root.key 20482. 生成根证书openssl req -x509 -new -key ./root.key -out ./root.pem -days 365交互信
WebXR与Web组件结合：创建沉浸式Web体验_2024-07-26_16-47-08.Tex
WebXR API 通过对象提供，它允许开发者访问和控制 VR 和 AR 设备。设备检测：通过方法检查设备是否支持特定类型的 XR 会话。会话管理：使用方法启动 XR 会话，可以是 VR 或 AR 会话。渲染循环：在 XR 会话中，开发者可以使用来更新和渲染场景。输入处理：API 提供了处理用户输入
@RestController 源码解读：解决 Web 开发中 REST 服务的疑难杂症
这里可以理解成，注解MyInterface2的value属性重写了注解MyInterface1的value属性，但重新的属性的返回类型必须相同。可以看出对于value这个属性来说，@Configuration注解中的值会重写@Component的value属性值，这有点像类之间的继承，子类可以重父类
Vue实现动态表单
动态表单的核心是：根据用户在表单中的输入，自动调整后续表单项的显示内容。例如，用户在某个表单输入特定的值时，会显示下一个问题或选项，而如果用户输入不同的值，则会跳转到另外一套问题。这种交互使得表单流程更加智能和灵活。在本文中，我们将创建一个递归的动态表单，表单项之间通过逻辑相互连接。当某个表单项的值
