weixin_63443072的博客

摘要： 本文详细介绍了如何利用 Monorepo + PNPM 构建高效的多项目管理架构。Monorepo 将多个项目（如前端、后端、共享库）集中在一个仓库中，提升协作效率；而 PNPM 通过硬链接和 Workspace 支持优化依赖管理。实战部分从项目初始化、Workspace 配置、子项目创建到跨包引用，逐步展示搭建流程。此外，还涵盖任务运行、批量操作及高级优化（如 Turborepo 集成）。核心优势包括代码复用、统一版本、快速安装和磁盘节省，适合全栈开发、组件库等场景。通过本文，开发者可快速掌握现代

npx和npm都是 Node.js 生态中的核心工具，但它们的功能和用途有所不同。以下是它们的关系和区别

在现代Web开发中，有效地管理HTTP请求是提升应用性能和用户体验的关键。本文将介绍四种主流技术中取消HTTP请求的方法，帮助开发者优化应用行为。

awaitTo这个小工具为async/await提供了另一种"食用方法"，让我们的异步代码更加简洁明了。它特别适合需要同时处理多个独立异步操作的场景。不妨在你的下一个项目中试试这种模式，看看它是否能提升你的开发体验！你平时如何处理异步错误？欢迎在评论区分享你的经验和看法。

在当今数字化时代，网站不仅需要为人类用户提供良好的浏览体验，还需要考虑搜索引擎和人工智能系统的可访问性。本文将深入探讨三种关键的网站导航文件：传统的robots.txt和sitemap.xml，以及新兴的LLMs.txt，分析它们的功能、区别以及如何协同工作来优化网站的可见性和可访问性。

日常开发：私有镜像 + 缓存同步紧急修复：TGZ单包部署灾备方案：全量缓存冷备依赖变更审批流程镜像同步时间窗口安全扫描集成方案应急响应手册通过系统化的依赖管理策略，让离线环境开发从被动应对转为主动防御，保障研发流程的持续交付能力。

✅•需要精细控制并行/竞速逻辑•开发基础工具库•兼容旧版浏览器（通过 polyfill）✅•处理复杂业务逻辑流•需要更好的可维护性•使用现代构建工具链在 async 函数内部使用 await 处理具体异步操作，在顶层用 Promise 控制整体流程。

Web Worker 是优化前端性能的关键工具，适用于。

前端允许用户输入 URL 发起服务端请求（如图片裁剪、PDF 生成），攻击者利用此访问内网资源。：攻击者通过透明 iframe 覆盖页面，诱导用户点击隐藏按钮（如授权按钮）。：攻击者构造恶意 URL，用户点击后，服务端将恶意参数直接返回并执行。：恶意脚本被存储到服务端（如数据库），其他用户访问时触发。：攻击者利用网站未验证的重定向参数，将用户引导至恶意网站。，该内容被保存到数据库。

HTTP 缓存是一种通过存储资源的副本，在后续请求中快速响应的技术，旨在提升网站性能、减少服务器负载并节省带宽。：重复访问时直接从本地或就近缓存获取资源，无需重新下载。：减少数据传输量，尤其对移动用户和按流量计费的环境重要。（HTTP/1.0）：指定资源的绝对过期时间（如。解决：使用指纹（如文件哈希）或版本号修改 URL。缺点：精度为秒，若资源频繁修改可能不准确。：CDN、网关等中间服务器上的缓存。：仅浏览器可缓存（如用户隐私数据）。：减少重复请求对服务器的直接访问。：存储在用户本地（如磁盘或内存）。

两个 URL 的协议（Protocol）、域名（Domain）、端口（Port）三者完全相同，才属于同源。示例与同源与不同源（协议不同）与不同源（域名不同）与不同源（端口不同）合理设计跨源请求方案（如选择 CORS 或代理）。避免因安全限制导致的代码异常（如 iframe 通信问题）。与后端协作配置正确的 HTTP 头，确保生产环境跨源功能正常。通过灵活运用跨源技术，既能保障安全，又能实现丰富的跨源功能需求。

使用构建工具，webpack、vite等系列构建工具。这些构建工具底层则会将两种不同的系统模块语言转为同一种语言，然后代码也能正常执行。如果你可以修改文件的文件后缀，那么就不需要借助任何第三方工具，直接这样做即可。

微任务优先级高于宏任务：每执行一个宏任务后，必须清空微任务队列。避免阻塞：长时间同步代码或无限微任务会阻塞事件循环。合理使用任务队列：根据场景选择微任务（优先执行）或宏任务（如渲染后操作）。理解事件循环，可以更好地控制异步代码的执行顺序，避免常见陷阱（如界面卡顿、逻辑错误）。

方法会告诉浏览器你希望执行一个动画。它要求浏览器在下一次重绘之前，调用用户提供的回调函数。对回调函数的调用频率通常与显示器的刷新率相匹配。虽然 75hz、120hz 和 144hz 也被广泛使用，但是最常见的刷新率还是 60hz（每秒 60 个周期/帧）。为了提高性能和电池寿命，大多数浏览器都会暂停在后台选项卡或者隐藏的中运行的。MDN对requestAnimationFrame的介绍但是我认为，大家认识requestAnimationFrame很多人都是通过 Three.js 的。

这个只是一个思路小demo,并不能直接使用，由于作者本人没有地铁原尺寸的数据，所以这个只能给各位大佬提供写这个东西的思路，并不能直接使用。我这里用的技术不是canvas，也不是svg，而是大家熟知的Vue和三件套。html、css、js相对于跟简单，可以更好实现大家想要的效果，canvas和svg大家不一定都熟悉使用。后期大家可以完善自己的地铁线路图具体效果，我这里样式简单主要是做样式使用。下面我将分模块来来说明如何实现这个效果。

既然是通过canvas来绘制地图，那肯定是需要地图的数据信息的。接下来跟着我的脚步去实现这些细节。

随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。

在前端开发中，Blob、ArrayBuffer、Buffer、File 和 Base64都是处理二进制数据的不同方式，它们各自有不同的用途和特点。

我不知道这个是属于前端的设计模式，还是后端的设计模式。我觉得它们都是一种解决问题的思想和方法，可以帮助开发者更好地组织和管理代码，提高代码的可维护性和可扩展性。所以记住这些设计模式，对于前后端开发都是有益的。。

【代码】JavaScript拖拽API的简单使用。

学前端1年了，每次使用数组方法的时候，我特么老是分不清这三个方法，于是今天打算好好整理记忆一下。

【代码】使用video和canvas实现人脸识别。

先说前两种，工厂函数和构造函数，我用的是js来回答。

【代码】原生AJAX请求。

如果有同一组元素，想要某一个元素实现某种样式，需要用到循环的排他思想算法：1.所有元素全部清除样式（干掉其他人）2.给当前元素设置样式（留下自己）3.注意顺序不能颠倒，首先干掉其他人，再设置自己element.属性 获取属性值element.getAttribute('属性')区别：element.属性 获取内置属性值element.setAttribute('属性') 主要获得自定义属性(标准)我们程序员自定义的属性。