经常在网上阅读文档、博客、论文的朋友可能会遇到这样的问题：网页没有目录，为了找到想要的信息需要反复滚动页面甚至看完整篇文章。这不仅浪费时间，还影响阅读体验。 1、简介 OneToc 是一个浏...

一、写在开始 又到了该更插件系列文章的时候了，前段时间我更新了以下的系列文章： 从0到1开发一个浏览器插件 chrome插件的通信（V3版） chrome插件之manifest配置 接下来我会专注于更新插件内...

Network面板的作用是在devTools打开的时候记录网络活动。如下图所示，Network面板可以分为七个部分： 控制器 过滤器 设置 抓图信息 时间线 资源请求列表 资源请求信息概要 控制器 录制/停止网络...

在本文中，我将展示如何使用现代CSS技术，仅使用原生的HTML <input> 元素创建一个引人注目的自定义范围滑块。 范围滑块（<input type='range'>）允许用户在给定的范围内选择一个值...

我正在参加「掘金·启航计划」 前言 ?缘由 没有杜蕾斯的夜晚没有安全感，没有趁手工具的程序狗不是好码农! 本狗从业6年之久，经历了社会的毒打，也尝试过工作中的各种姿势项目。虽由铁杵磨成了...

一 内存机制 1.1 数据类型 Javascript 是一种动态的（在运行过程中检查数据类型，）、弱类型（同一个变量可以保存不同类型的数据）的语言。 Javascript 数据类型一共有 8 种： Boolean，Null，U...

当前，chrome浏览器早已成为占据最大的市场份额，也是综合体验最好的浏览器，开发人员使用的浏览器基本都以它为主。 我在使用chrome的过程中，积累增加了很多书签，最多的时候接近上千个，后续...

一 变量提升 变量提升，是指在 Javascript 执行过程中，Javascript 引擎在编译时把变量的声明部分和函数的声明部分提升到代码开头，并给变量初始化为 undefined。 变量和函数声明在代码里的位置...

什么是火焰图？ 火焰图是一种常用的性能分析工具。它展示了程序在时间轴上的执行情况，通过颜色深浅来表示消耗时间的长短。在 Web 开发中，火焰图通常被用来分析前端性能问题，例如卡顿、加载时...

前言 如图，Chromium将要在127版本之后，移出对 mutation events 的支持，时间是2024年7月30号。博文具体信息可参见：Mutation events will be removed from Chrome 看到文章标题的第一反应是震...