前端

【JS 】SharedWorker 优化前端轮询请求

1. 背景 目前公司系统首页存在一个定时的轮询请求/Admin/Dashboard/GetAppRelaseNotice,包含一些需要实时反映在前端的操作(如:页面版本,站内信,页面配置更新等) 问题很明显,单个页面的情况下,每分钟会发送一次请求; 但如果同时打开多个tab,每个tab每分钟都会发送一次请求 2. 思路 针对这个情况,可以使用 SharedWorker

再战CSS样式

前言 最近面试,发现CSS层叠样式表很多细节已经忘得差不多了。 写样式,画界面是一个前端工程师最基础的素养。 一、基础选择器 标签: 标签名 { css属性名:属性值; } 类: .类名 { css属性名:属性值; } id: #id属性值 { css属性名:属性值; } 通配符: *{ css属性名:属性值; } 二、选择器进阶 复合选择器(后代、子代)、并集选择器、交

Vue自定义指令

在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

前端已死?5分钟,我用Claude 3.7 Sonnet复刻了10款童年经典小游戏!

用代码复刻10款童年经典小游戏,包括:五子棋、2048、贪吃蛇、打地鼠、飞机大战等等,需要多长时间?Claude 3.7 Sonnet 给出的答案是:5分钟。每个游戏30秒生成时间,足以。不仅仅是功能满足要求,还兼具一定的美观性,此外,10个游戏均为响应式设计&#xff0c

uni-app 根据用户不同身份显示不同的tabBar

最近在一个uni-app项目中遇到一个需求,在登录页面成功登录以后需要判断身份,不同的身份的进入不同的tabBar页面,但是在uni-app项目中pages.json中的tabBar的list数组只有一个,且不能写成动态的,那如何实现这个需求呢?答案是需要我们自定义tabBar。 1、我们确定在 pages.json文件中的pages数组中的第一个页面就是进入程序时展示的第一个页面,那这个页面

Vue.use() 注册插件(个人笔记)

Vue.use是什么? 官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue.use 会自动阻止多次注册相同插件,它需要在你调用 new Vue() 启动应用之前完成,Vue.use() 方法至少传入一个参数,该参数类型必须是 Object 或 Function,如果是 Object 那么这个 Object 需要定义一个 install 方法,如果是 Fu

Gitee配置SSH公钥

采用SSH协议同步Git仓库代码的好处就是高效。在配置好SSH公钥后,不需要每次操作都要输入用户名和密码(主要针对命令行来说)。以我个人项目为例。生成 SSH 公钥1. 通过命令 ssh-keygen 生成 SSH Key:ssh-keygen -t ed25519 -C "zhangjc" -t key 类型 -C 注

Vue 4.0 新特性深度解析:为什么说它正在夺回前端市场

Vue 4.0 自发布以来,凭借一系列令人瞩目的新特性在前端开发领域掀起波澜,逐渐展现出夺回前端市场份额的强劲势头。在性能层面,采用全新编译器架构,编译速度大幅提升,虚拟 DOM 性能优化显著减少不必要重渲染,同时对 WebAssembly 的支持进一步增强计算能力。开发体验上,组合式 API 增强让

Pinia的简单使用

1.什么是Pinia? 1.pinia 和 vuex 具有相同的功效, 是 Vue 的存储库,它允许您跨组件/页面共享状态。 2.设计使用的是 Composition api,更符合vue3的设计思维。 3.Pinia 对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。 2.Pinia 的使用 2.1 Pinia 的安装 在安装Pinia的时候可以使用yarn 也可以使用 np

【前端】Vue3+elementui+ts,给标签设置样式属性style时,提示type check failed for prop,再次请出DeepSeek来解答

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章,每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示:博主能力有限,理解水平有限,若有不对之处望指正!🌹 目录 前言 警告信息 DeepSeek解答 问题原因 解