前端

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

【技术分享】前端跨窗口/标签页面通信：掌握以下几种方法，提升用户体验（附带常用场景以及典例）

第一章 前言在前端后台管理开发的过程中，我们常常会遇到这样的需求：用户在浏览器中打开了同一个网站的多个标签页，我们需要在这些标签页之间进行通信。比如，当用户在一个标签页中修改了某些数据，我们希望其他标签页能够及时更新。这种跨标签页通信的需求在实际开发中非常常见，但是同时也是经常忽略的一个点，通常说刷一

前端 2026年01月10日 120 点赞 0 评论 15275 浏览

谷粒学院2020版Vue.js 2.0后台管理前端实战

本文还有配套的精品资源，点击获取 简介：本项目聚焦于Vue.js框架2.0版本在后台管理前端页面实现中的应用，涵盖了从基础到高级的Vue.js知识。通过课程学习，学员能够掌握使用Vue.js 2.0构建后台界面的全过程，包括组件化开发、虚拟DOM、响应式数据绑定、路由管理及状态管理等。此外，教程将涉及到W

前端 2025年07月26日 98 点赞 0 评论 15237 浏览

哪些标签存在伪元素，伪类和伪元素的区别

存在伪元素的标签： 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪元素,但是img有伪元素 伪元素简介： 1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式 2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象

前端 2024年11月07日 51 点赞 0 评论 15223 浏览

基于uni-app+SpringBoot的垃圾识别工具箱（微信小程序+Web管理系统）

基于uni-app+SpringBoot的垃圾识别工具箱（微信小程序+Web管理系统） 引言垃圾分类已成为日常刚需，为解决“不知如何分类”的痛点，我开发了这款集文字查询、语音识别、拍照识别于一体的垃圾识别工具箱。项目采用跨端框架+后端分离架构，支持二次开发和毕业设计复用，目前已开源并参与2

前端 2025年11月20日 40 点赞 0 评论 15195 浏览

Vue 前端高效分包指南：从 “卡成 PPT” 到 “丝滑如德芙” 的蜕变

一、被老板追着优化的那些日子还记得上次项目上线前的 “盛况” 吗？产品经理拿着手机焦头烂额地跑过来：“咱们这首页加载速度太慢啦！客户都说打开 APP 能泡杯茶再回来！又挨叼了！” 我就知道，又得营业了，打开 Chrome 开发者工具一看 —— 好家伙，main.js 直接干到了 3.8M

前端 2025年10月11日 44 点赞 0 评论 15189 浏览

深入剖析：按下 F5 后，浏览器前端究竟发生了什么？

文章目录 概述 一、关键前提：三种导航方式的本质区别 二、核心概念：强缓存 vs 协商缓存 1. 强缓存（Strong Caching） 2. 协商缓存（Revalidation Caching） 三、F5 刷新全景流程图 四、F5 刷新的完整生命周期详解 阶段一：主文档

前端 2025年12月26日 104 点赞 0 评论 15177 浏览

关于前端访问浏览器报错的小坑

前端项目部署服务器后，使用浏览器访问报错如下： Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html". Strict MIME type check

前端 2025年11月25日 132 点赞 0 评论 15169 浏览

vue - 组件通信

1. props/$emit 适用范围: 适合父子组件之间, 组件层级嵌套太深, 使用该方法较为繁琐,不建议使用; 代码示例: image.png 总结: props中接收到的值可以直接展示,但不建议直接对齐修改; 如果父组件向子组件传递的值是通过接口获取的, 可能会存在延迟的情况; 2. provide/inject 适用范围: 适用于多层次组件嵌套,通过provi

前端 2025年07月15日 169 点赞 0 评论 15153 浏览

reduce比你想象中更强大

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

前端 2025年04月17日 136 点赞 0 评论 15148 浏览

常用 api

钩子函数 before() ：在当前 describe 的第一个测试用例中仅调用一次 beforeEach() ：在当前 describe 下的每一个测试用例执行前都要先执行一次 afterEach() ：在当前 describe 下的每一个测试用例执行完都要先执行一次 after() ：在当前 describe 的最后一个测试用例中仅调用一次 若包含多级测试套件，那么父级套件、祖父级套件声明的

前端 2025年04月17日 138 点赞 0 评论 15133 浏览