未鸣本尊

性能优化之图片的预加载和懒加载 前言 在现代 Web 开发中，图片是提升用户体验的重要元素，但过多的图片可能导致页面加载缓慢，影响性能。...

本文回答了作者的一些疑问： MCP 是什么、可以干什么？如何实现一个 MCP？如何测试 MCP 服务？如何使用 MCP ？...

本篇文章主要记录菜鸟自己对el-cascader的使用问题，以及其中用到了零宽字符串！ 后端数据 前端展示 数据处理 vueUse的until介绍 回显 协程...

💻💻💻要写最能唬人的前端工种是啥？最能出活的前端模块是啥？跟大家讲，真的是搞动画那一块，出活，真的出活。 吭哧吭哧一些高深的框架或者死磕一个难啃的技术硬骨头老半...

大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做...

介绍 为什么需要Event Loop? 我们知道js是单线程的，这也就是说同一时间只能执行一个任务，当一个任务执行时间过长就会卡住,用户就无法进行其他操作，所以我们的js充...

Math.random其实是一种可以被短时间内预测的不安全的随机数生成方法...`Crypto.getRandomValues()` 方法同样返回伪随机数。它的随机种子生成...

背景 门店的电视机上需要随着饮品上新播放一些不同的画面，包含图片（含当前门店商品价格），视频，需要支持所有画面都加载完成之后再播放并且支持离线播放。 设备：电视机 系统：安...

一网打尽跨标签页通讯 简介 跨标签页通信是指在同一个浏览器中，不同标签页之间进行数据交换和信息同步的技术。由于浏览器的同源策略和安全限制，不同标签页默认是相互隔离的，无法直...

在无数前端面试中，总有一个问题如同幽灵般反复出现："手写一个发布订阅模式"。这道看似简单的题目，却让许多候选人在白板上进退维谷。当我们拆解这道面试题背后的逻辑，会发现它像一...

在日常的软件开发工作中，存储时间是一项基础且常见的需求。无论是记录数据的操作时间、金融交易的发生时间，还是行程的出发时间、用户的下单时间等等，时间信息与我们的业务逻辑和系统...

在寻找最灵活的前端工作流程和工具包时，我们很容易忘记如今一些基础的网络技术已经变得多么强大。本文将带您领略新的前端特性及其功能。组件特定样式、基于子元素的父元素样式、相对颜...

什么是 CRDT 无冲突复制数据类型（CRDT，Conflict-free Replicated Data Types）是一类在分布式系统中用于数据复制的数据结构，旨在解决...

在写项目的时候总是遇到样式居中的问题，为了省去查阅时间，特作此篇。如果还是不能够实现居中，还请麻烦自行查阅文档。希望这篇文章可以帮助到你。...

Vue 3.6 响应式重构的背后是性能榜首 Alien Signals 的 push-pull 推拉哲学。...

前言 上传与下载是每个前端必定会遇到的需求场景，上传我们常用封装好的UI组件，例如Antd的Upload组件，Element的el-upload组件，下载使用同事封装好的h...

异步编程已成为JavaScript不可或缺的部分。从最初的回调地狱，到Promise的链式调用，再到async/await的语法糖，JavaScript的异步处理方式不断演...

这是一个平平无奇的音乐App Vooh，你可以在里面搜索歌曲，添加播放列表，播放音乐。 就像任何一个普通的App那样。 你可以流畅地展开音乐播放面板，看着歌词随着播放时间滚...

本期精选涵盖性能优化、前端架构取舍与视觉技术实践。AI 正在重塑前端，WebGPU 与浏览器原生 API 引发底层革新，CSS 新能力不断逼近编程语言，工具生态走向无服务器...

构建工具深度优化——从机械配置到智能工程革命 当Webpack配置项突破2000行、Node进程内存耗尽告警时，传统构建优化已触及工具链的物理极限：Babel转译耗时占比超...