唠唠 Chrome DevTools 中最新的实用技巧
以下的内容基于 Chrome 浏览器 122.0.6261.112 版本撰写！ 随着 Chrome 浏览器版本的不断迭代，Chrome DevTools 引入了不少实用的功能，其中有些功能对日常工作效率提升是十分明显的，在此，我本来想具体写写自己的使用体验和理解。 不过，我所使用过的功能，结合自己看过的文章资讯，基本上能找到更详实、更完善的内容介绍，因此，这篇文章，我更多是基于使用到的技巧，然后罗列出对应功能的文章链接出处，帮助大家有更...
如何减少网页卡顿
关于如何提高 JavaScript 应用速度的常见建议通常包括“不要阻塞主线程”和“拆分长任务”。 本页详细介绍了这些建议的含义，以及使用 JavaScript 优化任务的重要性。 什么是任务？ 任务是指浏览器执行的任何独立工作。这包括呈现、解析 HTML 和 CSS、运行您编写的 JavaScript 代码，以及您无法直接控制的其他事项。网页的 JavaScript 是浏览器任务的主要来源。 由 click 事件处理脚本启动的任务，显...
破案了，为啥TypeScript5.3编译let、const一直是var
啊！2024才学TypeScript还有价值吗？!学的话，就用最新的上。 1.环境 8.15.4 Version 5.3.3 v20.10.0 2.背景&测试 使用pnpm安装了最新的TypeScript5.3.3，开始学习ts类型。 发现不论是let、const使用tsc编译完都是var。强迫症表示ES2016起不能接受var,尝试各种配置tsconfig.json后无效。 为什么let 经过tsc编译后 let= var 简化此图投...
pnpm v9 正式发布，已停止 Node.js v16 支持
近日，pnpm v9.0.0 正式发布！带来了一系列重大更新和改进，让你的开发体验更加顺畅。现在可以通过 来升级 pnpm 到最新版本，接下来让我们一起看一下 pnpm v9 有哪些亮眼的新功能吧。 🔥 Node.js 支持 pnpm v9.0.0 现已停止对 Node.js v16 提供支持，但不用担心，现在将 pnpm 与 Node.js 一起捆绑发布。 这意味着，无论你安装了哪个版本的 Node.js，pnpm 都会使用必要的...
Go Tag 标签 详解
Go 语言 tag 标签的基础介绍是什么？ 在 Go 语言中，标签（Tag）是附加到结构体字段的元信息，它是以字符串的形式存储的。这些标签可以通过反射（reflection）机制来获取，并可以被用于各种目的。例如，一些库会使用标签来控制序列化和反序列化，如 JSON 或 XML 库；还有一些库可能会使用标签来进行数据验证或进行数据库到结构体的映射。 以下是在 Go 中定义结构体并添加标签的示例： 在这个例子中， 、 和 这三个字段都有一...
vue3集成tinymce
简介 看了一圈富文本编辑器，发现 和 比较符合自己的需求，功能上 更加丰富、简单一些。 吐槽 吐槽一下 的官网，给了 这个组件包，但是没想到就只是简单包装了一下（期初以为下载完这个包，引入vue组件内就完成了！），没想到如果只是单独引入这个包，是需要 的，而且是云托管方式去下载 ，导致反复看官网折腾了好久！ 自托管集成方式 有两种方式，一种是使用包管理工具、另一种是zip包。 ，因为 还是挺大的，开发和打包过程影响编译时间。 以下面技术...
为什么推荐你使用pnpm
大家好，我是老纪。 是一种 的包管理工具，用于帮助开发人员管理和安装项目所需的依赖项。它与其它包管理工具（如 和 ）类似，但有一些不同之处。 使用基于内容寻址的文件系统，来管理磁盘上依赖，使用硬链接和符号链接来共享依赖项，从而减少磁盘空间的使用量。它还支持并发安装，可以加快依赖项的安装速度。 总的来说， 旨在提供更快速、更高效的包管理体验。 为什么不用npm和cnpm Node.js的包管理工具，比较知名的有npm、yarn、pnpm、...
探讨useEffect和useLayoutEffect的区别
1.背景 面试官问到：请说明下 和 的区别。 我：一般开发场景都是用的 ，react官方文档上说，两者的使用场景稍微有些不同，但是还是推荐尽量使用 。 面试官：不够细节，再说点，摩多摩多。 我：... 2.官网介绍 | 对比 | useEffect | useLayoutEffect | | | | | | 简介 | 是一个 React Hook，它允许你 。 | 是 的一个版本，在浏览器重新绘制屏幕之前触发。 | | aip | |...
跨窗口（标签页）通信方法
一、前言 最近需求有跨标签页操作，借此总结跨窗口（标签页）通信的常用方法，包括同源和跨域两种情况，给出的示例代码能让你快速上手。 二、同源 localStorage 配合 storage 事件：简单、兼容性好 Broadcast Channel API：功能全 三、跨域 利用 iframe 的 postmessage 接口 （注意修改子页面的 iframe 地址） 启动示例： 如果帮到你了，可以点个赞，欢迎交流沟通。