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

列表

【Web API系列】Web Shared Storage API 深度解析：WindowSharedStorage 接口实战指南

【Web API系列】Web Shared Storage API 深度解析：WindowSharedStorage 接口实战指南

前言在当今 Web 应用日益复杂的背景下，跨页面数据共享与隐私保护已成为现代浏览器技术演进的重要命题。传统 Web 存储方案（如 Cookies、LocalStorage）在应对多维度用户特征存储、跨上下文数据共享等场景时，逐渐暴露出技术瓶颈与安全隐患。为解决这一挑战，W3C 提出了革命性的 Shared Storage AP
前端 2025年04月25日
Vue3 10多种组件通讯方法

Vue3 10多种组件通讯方法

本文简介 点赞 + 关注 + 收藏 = 学会了 本文讲解 Vue 3.2 组件多种通讯方式的基础用法，并且使用了 单文件组件 <script setup> 。 众所周知，Vue.js 中一个很重要的知识点是组件通信，不管是业务类的开发还是组件库开发，都有各自的通讯方法。 本文适合： 有 Vue 3 基础的读者。 打算开发组件库的读者。 本文会涉及的知识点： Props
前端 2025年04月27日
碰撞事件

碰撞事件

书名：代码本色：用编程模拟自然系统 作者：Daniel Shiffman 译者：周晗彬 ISBN：978-7-115-36947-5 目录 5.13　碰撞事件 1、Box2D的另一个特性——碰撞   Box2D通过“接口”提醒碰撞事件发生的时刻，在这里，我们有必要学习接口的相关知识，这是面向对象编程的一项高级特性。 你可以查看Java接口教程 （
前端 2025年05月09日
vue3 状态管理 pinia

vue3 状态管理 pinia

一、pinia 特点 体积小、性能好、使用简单、限制少 支持 Vue Devtools、模块热更新、服务端渲染、Vue2 和 Vue3 没有 mutations，只有 state、getters、actions（异步和同步都可） 二、pinia 安装配置 安装 npm install pinia -S 在 main.js 中注册 pinia import { createPinia
前端 2025年04月14日
reduce比你想象中更强大

reduce比你想象中更强大

前言 前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map，以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~ 简单复习一下 reduce 语法 let value = arr.reduce(function(previousValue, item, index, array) { // ... }, [initial])
前端 2025年04月17日
常用 api

常用 api

钩子函数 before() ：在当前 describe 的第一个测试用例中仅调用一次 beforeEach() ：在当前 describe 下的每一个测试用例执行前都要先执行一次 afterEach() ：在当前 describe 下的每一个测试用例执行完都要先执行一次 after() ：在当前 describe 的最后一个测试用例中仅调用一次 若包含多级测试套件，那么父级套件、祖父级套件声明的
前端 2025年04月17日
3. CSS预处理器Less、Scss

3. CSS预处理器Less、Scss

1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便： 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便； 比如无法定义变量（当然目前已经支持）,
前端 2025年04月19日
Vue模板里有哪些语法

Vue模板里有哪些语法

在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template 一、展示内容 1、表达式 {{ object.a }} // 表达式 {{ n+1 }} // 可以写任何运算 {{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用） 如果值为 undefined 或 null 就不显示，这是经过Vue处理的 另一种写法为 <div v-
前端 2025年03月22日