前端

Navigator.sendBeacon-页面关闭也能发送请求

背景 最近在需求中有一个这样的场景:需要在页面关闭的时候,用户不需要操作,主动关闭当前订单 当时考虑的方案:在页面关闭的时候,向后端发送一个请求,将这个资源释放掉; 定下方案时,觉得也不是什么难事,觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找,找到了这么两个 API :beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时,会触

实现web视频弹幕的完整指南

本文还有配套的精品资源,点击获取 简介:Web视频弹幕为观众提供实时评论的互动体验。本文将详细说明如何使用 player.min.js JavaScript库,实现一个网页视频播放器的弹幕功能。包括基本播放器集成、弹幕数据源准备、弹幕加载与显示、样式自定义以及弹幕功能的扩展和定制。 1. Web视频弹幕的重要性 引言:视频

组件分享之前端组件——用于自定义表单的前端组件form-create

组件分享之前端组件——用于自定义表单的前端组件form-create 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:form-create 开源协议:MIT license 官网:www.form-create.com/v2/ 内容 本次

大厂都在用的 12 大主流 AI 前端组件库!阿里、蚂蚁、腾讯也纷纷推出 AI 组件库!

大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~ 随着 AI 技术的迅猛发展,前端工程师对智能化 UI 组件的需求日益增长。 阿里、蚂蚁、腾讯等大厂相继推出了自家的 AI 前端组件库,涵盖了 React 和 Vue 等主流技术栈。这些组件库不仅极大降低了 AI 能力接入门槛,还为企业和开发者带来了更高效

JavaScript:在前端代码中读、写本地文件

一,在前端代码JavaScript中读写文件的限制与处理在前端 JavaScript 中,浏览器环境没有直接提供操作文件系统的能力。也就是说,你不能像在 Node.js 环境中那样,使用 fs 模块来删除或创建文件。这是因为浏览器出于安全性的考虑,不允许网页随意访问用户的文件系统,以防止潜在的恶意行为。然而&#x

js获取url参数值的几种方式

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg);

为了结合后端而学习前端的学习日志(1)——纯CSS静态卡片案例

前端设计专栏 使用纯CSS创建简洁名片卡片的学习实践在这篇技术博客中,我将分享我的前端学习过程,如何使用纯HTML和CSS创建一个简洁美观的名片式卡片,就像我博客首页展示的那样。这种卡片设计非常适合作为个人简介、产品展示或团队成员介绍。 源码展示<!DOCTYPE html> <html lang="zh

前端 VSCODE 插件开发总结 (后续将出专栏详细讲解开发的细节...)

前端 VSCODE 插件开发经验总结 一、开发前期准备 (一)环境搭建Node.js 安装:VSCODE 插件基于 Node.js 开发,需确保安装了合适版本的 Node.js。可从 Node.js 官网下载对应操作系统的安装包,安装过程中按默认设置即可。安装完成后,在命令行输入node -v,若显

处理 Anuglar 事件

在上一篇文章中,我们使用 @Input 实现了动态注入属性的值。这种情况适用于从父级组件向子级组件传递数据,或者说从上向下传递数据(还记得组件的树形结构吗?)。那么,如何从子级组件向父级组件传递数据呢? 考虑这样一个场景:如果用户喜欢一本书,他通过点击一个按钮,来传达这一信息。解决办法是:在 book 组件模板中,添加一个按钮,当用户点击按钮时,book 组件会通知 AppComponent 组件