javascript

如何在前端循环调取接口，实时查询数据一：最简单：setInterval 轮询缺点： 1.如果接口慢，会请求堆积 2.可能同时发多个请求（还没返回又发新的）

从搜索排名到 AI 回答? 先聊一聊 AI 可见度工具 BuildSOM ！如果你现在还在用 SEO 排名和广告消耗判断 AI 推广效果，大概率会漏掉一个新问题：用户已经开始直接问 AI 了。

豹哥学前端

前端工程化实战：从包管理到 Vite 配置，一套下来全明白你还在 npm install 之后一脸懵？.env 文件不知道放哪？代理配置总是跨域？每次打包都像玄学？本文手把手带你梳理前端工程化的核心链路：包管理器、Vite 开发服务器、环境变量与代理，让你真正掌控项目配置。

vue3 画布编辑器「平移」天坑？只需 5 行代码，完美优雅复刻大厂体验！在做流程图编辑器时遇到一个看似简单却坑点满满的需求：让用户用鼠标拖拽来平移画布。试了一圈方案后决定自己造轮子——结果不仅解决了问题，还顺便把组合键触发、方向键微调、边界限制、智能光标全做进去了。

大家的林语冰

Canvas 文艺复兴，HTML-in-Canvas 炫酷特效摆拍走红，Canvas 中也能渲染交互式的 HTML 元素了打破信息壁垒，走近全球前端。Hello World 大家好，我是林语冰。Canvas 不是什么新型技术，而是“后 HTML5 时代“就存在的画布 API。但我一直在跟 DOM 主导的前端框架较劲，Canvas API 对我而言是知识盲区。

CSS中隐藏元素的多重技巧与应用场景在CSS中，隐藏元素是一个常见的需求，而选择哪种隐藏方式则取决于具体的应用场景。display: none是一个常用的隐藏方法。一旦某个元素的样式被设置为display: none，那么这个元素及其所有后代元素都会立即从页面上消失，没有任何过渡效果。同时，该元素原本占据的空间也会被其他元素占据，这会导致浏览器的文档重排和重绘。此外，当元素被隐藏后，其及其后代元素上绑定的所有事件都将不再被触发。

TypeScript 中的类基础本文献给：已掌握 TypeScript 接口、类实现接口等知识的开发者。本文将带你系统学习 TypeScript 中类的核心语法，包括字段、构造函数、方法、访问修饰符（public/private/protected）、只读属性以及参数属性（构造器简写），为后续继承、多态、抽象类等内容打下基础。

从云相册的缩略图说起：Bun.Image 让我告别 sharp25年初我写过一个云相册 app，里面有一个非常常见的场景：相册页。用户打开一个相册，里面动辄几十上百张照片。如果我老老实实地把原图丢给前端去加载，会发生什么？带宽炸了，首屏废了，用户划两下就关掉了。这种场景下，缩略图不是优化项，是必选项。

Vue笔记(三)--用户交互这一节了解一下Vue3中的处理用户交互，处理用户交互实际就是对用户操作事件的监听和处理。在Vue中，使用v-on指令来进行事件的监听和处理，简单总结如下:

uniapp 实现录音操作，长按录音，放开取消

跟着 MDN 学 HTML day_58：（构建行星数据表——HTML表格高级实战指南）在处理结构化数据时，HTML表格依然是最基础且强大的工具之一。MDN的“构建行星数据表”挑战，是一个绝佳的练习，它不仅能帮你巩固

用户打开飞行模式都能打开你的网站？Service Worker 做离线缓存，PWA 实战你坐飞机，关掉网络，旁边小哥还在刷抖音（离线缓存好的视频）。你打开自己的网站，白屏，报错。你默默关上手机，心想：“要是我的网站也能离线看就好了。” 今天我们就来给你的网站装上“离线小精灵”——Service Worker。以后用户没网也能访问，还能把网站装到手机桌面，像原生 App 一样。

APIs学习const优先使用原因：作用：就是使用JS去操作html和浏览器分类：DOM（文档对象模型）、BOM（浏览器对象模型）

ES6——Symbol在 JavaScript 的世界里，我们每天都在和各种数据类型打交道：字符串、数字、布尔值、对象、数组……但有一个数据类型，很多前端开发者只听过名字，却从未真正搞懂过，甚至在写代码时经常踩坑——它就是 Symbol。

Vue3 组件库二次封装实战 | 基于 Element Plus 封装企业级 UI 组件库几乎所有 Vue3 中后台项目都会用 Element Plus，但直接使用第三方组件会导致业务耦合、风格难以统一、定制成本高。本文手把手教你从 0 搭建一套企业级二次封装组件库，统一项目风格、提升开发效率。

JS语法：生成器和可迭代对象JavaScript 中的**可迭代对象（Iterables）和生成器（Generators）**是处理序列数据的核心机制，它们让异步操作、惰性计算和数据流处理变得优雅。

DAY_11JavaScript BOM与DOM深度解析：底层原理与工程实践（上）摘要：浏览器对象模型（BOM）与文档对象模型（DOM）构成了JavaScript与浏览器交互的核心抽象层。本文从ECMAScript规范出发，深入剖析BOM/DOM的底层实现机制、内存模型、事件循环架构，以及在实际工程中的最佳实践。通过对API设计模式的解构和性能优化策略的探讨，帮助开发者建立从原理到应用的完整认知体系。

🧭 基于 pnpm Workspace 和 Turborepo 的 Monorepo 最佳实践先给结论：如果团队正同时维护多个前端应用，并且这些应用之间存在共享代码、共享规范、联动开发、统一交付的诉求，那么基于 pnpm Workspace + Turborepo 的 Monorepo 方案，通常是一次投入相对可控、收益比较明确的工程升级。

书签真正难的不是收藏，而是找回来：我是怎么做这个 Chrome 插件的浏览器书签这个功能，大家都不陌生，但真正用顺手的人并不多。原因不是不会收藏，而是收藏数量一上来以后，原生书签管理器越来越像仓库，不像检索工具。你明明记得自己收藏过一个东西，也记得大概和“短信”“支付”“AI”“监控”“后台”有关，但就是想不起来它到底被塞进了哪一层目录。最后最常见的结局不是找到，而是重新去搜索引擎再搜一遍。