JavaScript速查表 本手册绝大部分内容是从Airbnb JavaScript Style Guide精简整理，将开发者们都明确的操作去掉，目的为了就是更快的速查。 此处为源地址。 译制：HaleNing 目录 基础知识 类型 引用 对象 数组 解构 字符串 变量 属性 测试 公共约束 注释 ...

前言 前端导出表格有很多种方案，但是表格样式一旦复杂了，那么就得用代码写excel的样式，还是比较麻烦的。每次样式不一样，就得重新写，这时使用表格模板的优势就体现出来了，想导出不同样式的表格直接修改表格模板即可。 方案 我找了两种方案： 1、使用xlsx-template，利用模板语法在xlsx中占 ...

定义 堆是一棵完全二叉树。分为大顶堆和小顶堆 大顶推：所有节点都大于等于它的两个子节点 小顶堆：所有节点都小于等于它的两个子节点 伪代码 推排序步骤，以升序排列为例，用大顶堆。（降序排列，用小顶堆） 构建大顶推 把堆顶元素和堆尾元素交换，此时堆尾元素是最大的，堆的大小减一 堆顶元素下沉到指定位置 重 ...

当数组中存在空位时，遍历数组需要选择合适的方法，不同的方法可能返回不同的结果，有些方法会跳过空位，有些则会返回undefined。 ...

ECharts 是一款由百度开源的数据可视化工具，它提供了丰富的图表类型，如折线图、柱状图、饼图、散点图、雷达图、地图、K线图、热力图、仪表盘等，以及丰富的交互功能。ECharts 组件的核心功能实现原理主要包括以下几个方面： 数据驱动： ECharts 采用数据驱动的设计理念，图表的生成和更新都是 ...

Page Visibility API 可帮助检测用户切换页面，适用于考试或网课系统。本文介绍了 visibilitychange 事件和 document.visibilityState 的状态，并提供了基本的防作弊实现方法，如定期检查页面可见性和监听视频播放状态。 ...

我不是换hexo了吗，一直是使用Spck Editor写文章，每次写好文章都要push一次，非常麻烦，最近在群友那了解到有Github Action自动化部署，可以写好文章自动部署到github pages，而且github的编辑器也是非常好用的，写好提交就能自动发送，–怎么有点像SSR了–，于是我 ...

本文介绍了 JavaScript 中 ArrayBuffer 和 TypedArray 的应用。ArrayBuffer 用于预分配内存，存储二进制数据，但需通过 DataView 或 TypedArray 视图来读写。TypedArray 是定型数组，用于高效处理特定数据类型。DataView 则提... ...

公司项目一般都是使用集团封装好的脚手架，脚手架内部实现咱看不到也摸不着，好不容易组内推行新的UI框架，需要自行定义 webpack 配置，这可是个绝佳的好机会，我对配置过程进行了梳理，把商业项目的成熟配置小跑着送上。 初始化 首先新建一个空文件夹，执行 npm init 初始化生成 package. ...

本文介绍了通过uniapp技术实现了一套栀子手作在线购物商城系统。包含首页、分类、我的等常用功能入口。 一、功能演示 首页：包含了商品介绍，领劵中心和商品列表区域。 商品分类：支持不同的商品分类和商品搜素。 商品详情：包含了商品详细的描述信息，透出了分享、首页、客服等入口。 我的：包含了账户的常见的 ...

需求 “threejs中能不能给定几组三维坐标（或者CAD绘制的三维多段线），给一个断面形状，直接生成三维管道？” 例如原始CAD图如下： 要求用threejs获取线的三维坐标数据自动生成的三维管道效果图如下： 分析 如果直接对每条线用threejs中的 THREE.TubeGeometry 去绘制 ...

当我们点击树节点的时候我们常常只能获得树的id，那么我么如何获快速定位到树节点的内容呢，除此之外，当树已经存在时，但是缺少我们想要的内容时，我们想在树节点上添加我们需要的额外的内容时该怎么办，那么就是用以下方法可以快速定位到我们需要的节点并可以快速添加内容 ...

这些核心组件功能共同构成了 Vite 的强大能力，使它成为一个高效、灵活且易于使用的前端构建工具，如果你还没用上 Vite，那就抓紧搞起来吧。 ...

官网提供的按需引入方法为全量按需引入，在打包分离中，仍旧存在使用不到的图表被打包进去。 例如：组件A使用了折线图、柱状图，组件B只用到了折线图，但是打包组件B的时候，柱状图也会被打包进去。 本文提供一种动态按需引入的思路，使得只用到折线图的组件B，打包的时候只打包折线图，不会将组件A用到的柱状图也打 ...

首页样式图 以下是关于装修的选择 博客侧边栏公告 <script type="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.3.3', // 版本 blogUser : "Mr.小扎仙森", // 用户名 blogAvatar ...

在做项目的时候，Web端需要适配移动端，且部分参数需要判断对应系统或浏览器。 在IOS中，因为高版本的系统Safari浏览器采用了Mac的内核，所以导致普通的判断无法识别到对应系统。(userAgent.match(/(Macintosh)/) && navigator.maxTouchPoints ...

本文介绍了内存管理的基础知识，重点分析了栈区与堆区的区别，并详细讨论了V8引擎的内存管理机制，包括垃圾回收策略和优化技术。文章通过实例代码展示了堆区和栈区的内存变化，并探讨了v8如何通过并行、增量和并发技术优化垃圾回收性能。 ...

本文主要内容： screenX 和 screenY， clientX 和 clientY / x 和 y pageX 和 pageY layerX 和 layerY 在处理鼠标事件（MouseEvent）时，了解不同的坐标系是非常重要的。常见的坐标系包括屏幕坐标（screen）、客户端坐标（clie ...

本文比较了NPM、Yarn 和 pnpm 三种包管理工具的特点，重点分析了它们在安装速度、依赖管理、磁盘空间使用、依赖冲突处理等方面的差异，重点介绍了pnpm的依赖组织结构。 ...

前言 在现代 Web 开发中，WebAssembly (WASM) 已成为一种强大的工具。它使得开发者可以在浏览器中运行高性能的代码，跨越传统的 JavaScript 性能限制。Rust 语言因其高效性和内存安全性，成为了编写 WASM 模块的热门选择。本文将介绍如何将 Rust 代码编译为 Web ...