技术爱好者周刊（第41期）

使用 scheduler.yield() 拆分长任务) `车泽民`

可以拆分任务的api

127.0.0.1 与 localhost：需要知道的区别与用法 `王森`

由一个小知识点引出来解决问题方式：透过现象看本质。

Vue3 新趋势：是时候淘汰 Axios 了！ `李勇鲁`

文章主要介绍了Alova.JS这个轻量级HTTP请求库，它在Vue3新趋势下被视为可能替代Axios的选择：

Alova.JS简介 ◦ 是一个轻量级HTTP请求库，支持多种请求适配器，可在Vue、React、Svelte等框架中使用。 ◦ 具有跨框架支持、简洁API、高性能请求策略、体积小、高灵活性、多种数据缓存模式、丰富扩展功能、SSR支持、请求共享、数据预拉取、实时自动状态管理、交互式文档和示例、TypeScript支持、tree shaking等特性。
与Axios对比 ◦ API设计更简洁直观，体积更小，性能更好，在移动设备和性能敏感应用中有优势。
使用方法 ◦ 安装：有多种适配器可供选择，如模拟数据适配器、Fetch适配器、XMLHttpRequest适配器、Axios适配器、Uniapp适配器、Taro适配器等，可根据项目需求安装。 ◦ 创建实例：使用axiosRequestAdapter创建Alova实例。 ◦ 发送请求：可像使用axios一样发送请求，兼容axios配置项，还可上传和下载文件，使用自定义axios实例。 ◦ TypeScript支持：提供完整类型适配，包括method配置和响应数据类型。 ◦ 错误处理：当遇到非20x和30x响应状态码时抛出错误，可在全局错误回调中捕获处理。

神了，Chrome 这个记录器简直是开发测试提效神器 `陆欣`

Chrome自带Recorder，这个工具允许你将整个操作过程录制下来，保存为一个可复现的操作记录。每次需要重新验证或提交流程时，只需一键执行这条记录，便能完成所有的重复性操作。这个功能还支持二次编辑。如果你需要在某个步骤后面新增额外的操作，或者减少不必要的步骤，都可以轻松修改操作记录，而无需重新录制整个流程。

使用lodash原地起飞，总结了几个常用的lodash方法 `徐堂鑫`

了解了几个lodash常用方法，很多东西不用自己实现了。

使用Storage Buckets API 渐进式增强 IndexedDB 性能主要特性存储隔离传统上，IndexedDB、Cache Storage 等存储 API 的数据是“平等”存放的，一旦浏览器清理存储空间时，所有数据都会一起受到影响。使用 Storage Buckets，开发者可以将数据划分到多个桶中，浏览器在进行存储回收时，可以根据各个桶的优先级进行有选择的清理。细粒度的存储控制每个存储桶可以设置独立的存储配额（quota）、过期时间（expires）以及持久化策略（persisted 与 durability）。这使得开发者能够对不同类型的数据采取不同的存储策略，比如将用户的草稿和临时日志存储在不同的桶中，确保重要数据不被误删。统一存储 API 访问入口通过 Storage Buckets，现有的浏览器存储 API（如 IndexedDB、Cache、File API 等）都可以通过桶对象进行访问。例如，通过一个存储桶的 indexedDB 属性，可以获得该桶专属的 IndexedDB 实例，达到数据隔离的效果。灵活的数据清理与持久化策略由于每个存储桶可以单独设置过期策略和持久化状态，开发者可以指定哪些数据是临时的、哪些是需要长期保存的。对于临时数据，可以设定较短的过期时间或较低的存储配额；而对于关键数据，则可以请求更高的耐久性和持久化存储。