前端

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

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

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

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

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

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

vue - 组件通信

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

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

前端项目部署服务器后,使用浏览器访问报错如下: 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

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

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

深入剖析:按下 F5 后,浏览器前端究竟发生了什么?

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

3. CSS预处理器Less、Scss

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

大学生心理健康管理系统的设计与实现:大四毕设技术全覆盖!Java 开发 + Python 可视化分析+ 小程序 / APP 前端部署(免费源码直接领)(大四计算机生收藏)

2026年最新计算机毕业设计,项目汇总! 哈喽,大家好,大四的同学马上要开始做毕业设计了,大家做好准备了吗?   博主给大家详细整理了计算机毕业设计最新项目,可供大家参考,对项目有任何疑问,都可以问博主哦 源码请在评论区私信哦 大学生心理健康管理系统 目