刷新
js 函数如何实现策略模式与状态模式

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

事件循环

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

node图片自动压缩

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

JavaScript 浮点数运算的精度问题

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

我在前端写Java SpringBoot项目

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

VTable——不只是高性能的多维数据分析表格

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

学习正则表达式

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

正则表达式应用场景

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

为什么js中不推荐使用eval函数

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

Element.closest()方法

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

尤雨溪:Vite的现状与未来展望

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

threejs安装与开始

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

【前端动画】—— 再看tweenJS

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

Webpack5 基础使用笔记

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