耀阳不想说话

在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： 原因很简单：...

当你在样式表中写下color: red !important时，或许解决了当下的优先级冲突，但也埋下了一颗定时炸弹。无数项目因!important泛滥而沦为 "样式泥潭"—...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...

ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务...

同样是做中后台列表页，初级在堆功能，中级在理结构，高级早已在构建规则。这篇文章通过常见开发场景对比三类前端的差异，揭示那些“看似很忙、实则原地转圈”的低水平重复劳动，带你看...

本菜鸟接入 qiankun 遇到的典型疑难杂症，记录一下，真是踩了不少的坑才把这些问题解决，希望能对大家有所帮助。...

Webpack的分包机制主要是通过代码分割（code splitting）来实现，简单来说，就是将一个完整的代码，分布到不同的打包文件中。...

公司项目一直在膨胀，随着功能模块的增加，项目的性能表现和构建编译速度成为项目开发的瓶颈。为了对大型历史项目进行优化，我进行了一些优化工作。 本文针对构建编译方面的优化工作做...

前言 公司的系统卖出去了，终于看到回头钱了，这下不用担心被裁员了。哈哈哈哈~~~~！产品：等等，先别高兴，用户说得兼容他们使用的浏览器。开发：额--，什么浏览器，不会是 i...

还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。 "你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。 "这个简单，使用防抖...

最近开发任务中用上了我们自己开发的可视化图层gl-layers，同事发现把图层加入后CPU占用率非常高，这将直接导致页面帧率下降，从而引起画面不流畅，这刚好是一次不错的性能...

现在行情差，初级前端已经饱和并暴雷，各大培训机构前端方向要么关闭，要么缩减严重。对于一个37岁的老前端来说，大学老师或许是一个比较好的归宿！...

这段时间闲着没事就去翻翻红宝书无意间看到了这两个功能，只能说很符合面试官的口味，以后要是我当上面试官一定让候选人来谈谈这两个点，然后顺势安利我这篇文章🤣...

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到...

1.组件数据懒加载--到可视区域再发请求（vue3） 关键：如何判断组件进入视口---useIntersectionObserver 技术方案： 我们可以使用 @vueus...

吸顶效果是web开发中一种常见的交互方式，常见的应用场景有导航、搜索框等等。 吸顶元素的初始位置一般靠近页面顶部，但与顶部有一定距离，页面向下滚动超过吸顶元素初始位置时，把...

一.吸顶头部交互功能 1.背景 2.手搓 3.功能实现 (1)下包 (2)在吸顶导航中使用 调用其中的useWindowScroll监听函数（可对其...

承接上文，本文主要来学文本内容和其它未分类的基础元素，是该系列最简单的一篇文章。文本内容元素<text> 与<tspan><text>元素绘制由文本组成的图形元素。可以像任...

SVG 通过 <text> 与 <tspan> 创建文本，支持 <a> 插入超链接，可以通过 <textPath> 让文本在指定的路径上排列。 <text> 与 <tspa...