前端
  1. 首页
  2. IT互联网
  3. 前端

列表

【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口：原理、实践与进阶应用

【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口：原理、实践与进阶应用

前言在现代 Web 开发领域中，Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分，WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发，系统解析 WindowClient 的核心机制，通
前端 2025年05月08日
Navigator.sendBeacon-页面关闭也能发送请求

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

背景 最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单 当时考虑的方案：在页面关闭的时候，向后端发送一个请求，将这个资源释放掉； 定下方案时，觉得也不是什么难事，觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。 经过查找，找到了这么两个 API ：beforeunload 和 unload beforeunload 当浏览器窗口关闭或者刷新时，会触
前端 2024年11月05日
拖拽不够自由？Vue3 DnD它来了！

拖拽不够自由？Vue3 DnD它来了！

前言 众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！ React DnD React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
前端 2025年05月01日
#什么是防抖和节流，他们的应用场景有哪些

#什么是防抖和节流，他们的应用场景有哪些

防抖(debounce) 触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间 #示例代码: 节流(throttle) 高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率 #示例代码 #总结 (简要答案) 防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTim
前端 2025年04月30日
JavaScript JSON

JavaScript JSON

前言 JSON 英文全称 JavaScript Object Notation，JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ，易于理解。 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。 作用 JSON 是用于存储和传输数据的格式。 JSON 通常用于服务端向网页传递数据 。 JSON语法规则 数据为 键/值 对 数据由逗号分隔，最后一个不加逗号
前端 2024年11月19日
微信小程序实现tabbar凹凸圆选中动画

微信小程序实现tabbar凹凸圆选中动画

1.实现效果 c41eaaf41cb24d0ea8231e3d89131854.gif 2.实现原理 2.1 引入阿里巴巴矢量图标 可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标） 2.2 css函数var css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。 语法： var(custom-property-name,
前端 2025年04月15日
前端核心知识：Vue 3 编程的 10 个实用技巧

前端核心知识：Vue 3 编程的 10 个实用技巧

文章目录 1. **使用 `ref` 和 `reactive` 管理响应式数据** 原理解析 代码示例 注意事项 2. **组合式 API（Composition API）** 原理解析 代码示例 优势 3. **使用 `watch` 和 `watchEffect&#9
前端 2025年04月25日
盘点简洁好用的8款静态网站搭建框架，小白易上手

盘点简洁好用的8款静态网站搭建框架，小白易上手

后台有个小伙伴最近接了一个私活，找了一个开源的静态网站框架，给一个小公司做了一个官网，部署到服务器上，顺手就赚了几千块钱。你眼红不？相对动态网站，静态网站不需要和后端的交互逻辑，所以只要有点前端基础都可以搞定。即使没有任何前端基础，也没问题，咱不是有 GPT 么&#xff1
前端 2025年05月08日
Spring 核心技术解析【纯干货版】- XV：Spring 网络模块 Spring-Web 模块精讲

Spring 核心技术解析【纯干货版】- XV：Spring 网络模块 Spring-Web 模块精讲

Spring Framework 作为 Java 生态中最流行的企业级开发框架，提供了丰富的模块化支持。其中，Spring Web 模块是支撑 Web 开发的基础组件，无论是传统的 MVC 应用，还是 REST API 及微服务架构，都离不开它的核心能力。 本篇文章将深入解析 Spring Web 模块的核心概念、依赖
前端 2025年04月25日