前言 有关设计模式的学习资料中，大部分都是以 java 语言实现的，毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念，所以 js 的相关设计模式的学习资料也大多使用 class 类实现，本文记录下 js 使用函数实现策略模式和状态模式设计模式的方式，更有助于理解策略模式和状态模式如何 ...

三元运算符 基础： let hungry = true; let eat; if (hungry true) { eat = 'yes'; } else { eat = 'no'; } 高阶： let hungry = true; let eat = hungry true ? 'yes' : 'n ...

本文以浏览器的进程和线程为切入点，以开源的Chromium为例，记录了前端中的事件循环。同时记录了一些面试题。关键词：队列，异步。 ...

matomo是一款Google-analytics数据埋点采集上报的平替方案，可保护您的数据和客户的隐私；正如它官网的slogan: Google Analytics alternative that protects your data and your customers' privacy; 该 ...

自动化3D机房、微模块、3D机房、3D数据中心、科技感数据中心、三维机房、3d建筑,3d消防,消防演习模拟,3d库房,3d档案室,3d密集架,webGL,threejs,3d机房,bim管理系统 ...

图片压缩 借用了images、imagemin等第三方库，压缩jpg、Png图片 viteImagemin也可以实现，代码量更加少，squoosh就没用过了 输入需要压缩的文件 //判断是否已经有这个文件路径 function setInputName() { return new Promise( ...

来源：https://zhuanlan.zhihu.com/p/191395766 问题描述 在 JavaScript 中整数和浮点数都属于 Number 数据类型，所有数字都是以 64 位浮点数形式储存，即便整数也是如此。 所以我们在打印 1.00 这样的浮点数的结果是 1 而非 1.00 。在一 ...

本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。 ...

three.js、webgl、3D煤矿隧道、三维井下人员定位、掘进面三维可视化、纵采面可视化、采集面可视化展示、设备检测、数字孪生、物联网3D、3d建筑、3d库房,bim管理系统 ...

导读 VTable: 不只是高性能的多维数据分析表格，更是行列间创作的方格艺术家！ VTable是字节跳动开源可视化解决方案 VisActor 的组件之一。 在现代应用程序中，表格组件是不可或缺的一部分，它们能够快速展示大量数据，并提供良好的可视化效果和交互体验。VTable是一款基于可视化渲染引擎 ...

正则表达式是一个强大的文本匹配工具。但是，对于初学者来说，众多的符号和规则可能让人难以理解。其实，你不需要记住所有的正则表达式语法！本文将分享一些简单而实用的技巧，帮助理解正则表达式的核心概念，轻松使用正则表达式！ 基础入门 概念 正则表达式（Regular Expression，在代码中常简写为r ...

数据验证 数据验证应该是正则表达式最常见的场景了，经常用于用户的输入是否符合所需的条件。数据验证可确保输入或导入的数据准确、一致，并符合预定义的规则。 验证手机号： const phoneNumber = "13712345678"; const regex = /^1[3-9]\d{9}$/; c ...

eval函数的作用 'eval'函数是javascript中的一个内置函数，它的主要作用是将传入的字符串作为代码来执行。换句话说，'eval'可以将动态生成的字符串当作javascript代码来执行，并返回执行结果。 我的理解就是它可以执行传入的代码，并返回执行结果。 为什么不推荐使用eval 1、 ...

在上图中我们想在点击bi-pen的时候获取到td绑定的id,常用 这是一种常见的方式来访问一个元素的祖父节点。这种写法在简单的情况下是有效的，但在某些情况下可能不够灵活或可维护。所以我们考虑使用 closest 方法： Element.closest() 方法允许你查找最接近当前元素的祖先元素，满足 ...

10 月 5 日 - 6 日，ViteConf 2023 在线举行，Vue 和 Vite 的创建者尤雨溪发表了题为《The State of Vite》 的演讲，他分享了 Vite 的现状与未来展望，本文就来看一看 Vite 现在怎么样了，以及未来的路将怎么走！ Vite 版本发布情况 首先，来快速 ...

theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ...

经过 Adobe 工程师多年来的努力，并与 Chrome 等浏览器供应商密切合作，通过 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 的支持，终于在近期推出了 Web 版 Pho ...

安装导入 npm npm i three 导入 并非所有功能都在three，还需从子目录导入 // three模块 import * as three from 'three' // 一些不在three模块的功能，这里是OrbitControls导入示例 import { OrbitControls ...

16开始接触前端，一直对一个问题特别感兴趣，那就是js动画，也就是从那时起开始探究动画的各种表现形式，也是那个时候开始意识到编程这块东西最终考验的就是抽象和逻辑，而这一切完全是数学里边的东西。最早接触tweenJS是去年还是前年来着有点忘了，不过当时有点不大看得懂，勉勉强强算是过了一遍，不过有了这个 ...

[webpack中文文档](概念 | webpack 中文文档 | webpack中文文档 | webpack中文网 (webpackjs.com))： 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或 ...