前端
  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日
BUUCTF【提示篇】-CISCN2019 华北赛区 Day1 Web2]ikun

BUUCTF【提示篇】-CISCN2019 华北赛区 Day1 Web2]ikun

为了给做题做到一半的hackers提供趣味性，所以开头先给这道题更多更明显的提示：提示1：        我的商品非常多，你看要找一百多页才能找到lv6商品提示2：        在购物车里的lv6，如果你能以非常优惠的价格买到的话，我会再给你一个新的地址提示3：  &
前端 2025年12月17日
语音发声练习之辩音

语音发声练习之辩音

辩音： 鼻边音n-l， 平翘舌z-zh，c-ch，s-sh， 前后鼻韵n-ng， 地方方言h-w，f-h 前提： 认字，能区分出不同字不同的拼音 能听出来它们的不同读音 声母需掌握其相应的发音部位和方法 韵母需要注意唇形，舌位，动程 声母发音要领： image.png 鼻边音对比： image.png 平翘舌对比： image.png ima
前端 2025年09月01日
高性能 Rust Web 框架背后的秘密：Axum 内存模型与生命周期管理

高性能 Rust Web 框架背后的秘密：Axum 内存模型与生命周期管理

高性能 Rust Web 框架背后的秘密：Axum 内存模型与生命周期管理目录高性能 Rust Web 框架背后的秘密：Axum 内存模型与生命周期管理摘要1. Axum 内存模型概述1.1 基于 Tower 生态的内存架构1.2 零成本抽象与内存效率2. 状态管理与生命周期2.1 State Extractor 的内存管理机制2.2 路由器状态生命周期3. 中间件内存
前端 2025年12月09日
Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）

Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）

首先你完成了如下： Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑） Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装） 今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。 父传子Ref基础的HelloWorle.vue就有就不多说了。 初始目录： image.png 一、在components下建一个组件，我这里叫h
前端 2025年05月16日
【Spring Boot 报错已解决】Spring Boot 参数接收问题：前端传 name 后端接 username 为 null 的解决思路

【Spring Boot 报错已解决】Spring Boot 参数接收问题：前端传 name 后端接 username 为 null 的解决思路

文章目录 引言 一、问题描述 1.1 报错示例 1.2 报错分析 1.3 解决思路 二、解决方法 2.1 方法一：修改后端接口接收参数的名称，使其与前端传递的参数名一致 2.2 方法二：修改前端传递的参数名，使其与后端接口接收参数的名称一致 2.3 方法三：使用@RequestParam注解指定参
前端 2025年12月05日
微信小程序实现tabbar凹凸圆选中动画

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

1.实现效果 c41eaaf41cb24d0ea8231e3d89131854.gif 2.实现原理 2.1 引入阿里巴巴矢量图标 可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标） 2.2 css函数var css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。 语法： var(custom-property-name,
前端 2025年04月15日
双剑破天门：攻防世界Web题解之独孤九剑心法(七)

双剑破天门：攻防世界Web题解之独孤九剑心法(七)

免责声明：用户因使用公众号内容而产生的任何行为和后果，由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示，后续会对攻防世界大部分的web题目进行演示，如果你感兴趣请关注**目录一：Newscenter二：upload1三：Xff_referer四
前端 2025年05月22日
es6开发常用技巧

es6开发常用技巧

1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); // 事例: 隐藏页面上所有`<p>`元素 hide(document.querySelectorALL('p')) 2.如何检查元素是否具有指定的类？ 页面DOM里面的每个节点上都有一个
前端 2025年05月13日