JavaScript相关文章 - 探索编程世界，技能提升从这里开始 - 乐闻世界

探索精选标签技术文章教程中心面试宝典问题集锦热门资源工具中心

搜索文章和话题

dayjs/moment.js 如何判断用户生日是不是在30天内？
要使用dayjs判断用户的生日是否在未来30天内，你可以使用以下步骤：安装dayjs以及isSameOrBefore插件。导入dayjs和插件。定义函数来判断用户生日是否在未来30天内。这里有一个示例代码来演示这个过程：//1.安装dayjs和插件//npminstalldayjs//npminstalldayjs-plugin-isSameOrBefore//2.导入dayjs和插件constd
JavaScript
- 乐闻 · 前端 · 阅读 2698 · 2024年8月28日 00:17
浏览器 JS 中的有哪些 Observer，详细介绍四个 Observer 的使用方式
当我们谈到前端开发时，观察者模式（ObserverPattern）是一个非常强大的设计模式，它允许我们订阅和监测某些数据或事件的变化。在JavaScript的世界里，浏览器提供了几种不同的Observer接口，它们让开发者能够感知并作出反应对于DOM的变动、用户的交互以及性能等方面的改变。今天，我将为大家介绍几种常见的Observer，并给出简明的解释与示例。MutationObserver：监听
JavaScript Browser
- 乐闻 · 前端 · 阅读 3026 · 2024年2月24日 01:30
深入理解与应用nanoid：JS如何生成定制化随机数
在前端开发中，我们时常需要生成一个全局唯一标识（GUID/UUID），或者是一个简短而随机的字符串作为ID，用于数据库主键、元素标记或是其他需要唯一性的场合。传统上，我们可能会选择使用Math.random()搭配其他方法来实现这一需求，但这并不是最佳选择，因为它既不够安全，也不保证唯一性。这时候，nanoid就成为了一个极佳的选择。什么是nanoid？nanoid是一个小巧、安全、URL友好的唯
JavaScript
- 乐闻 · 前端 · 阅读 3278 · 2024年2月23日 16:59
JS如何生成随机颜色，并基于React封装随机颜色选择器组件
在标签功能中，由于有「背景色」属性，每次新增标签时都为选择哪种颜色犯难。因此，我们思考如何通过JS代码生成随机颜色，提取一个通用的随机颜色生成工具，并基于React框架封装随机颜色选择器组件。实际效果原理与思路作为前端开发人员，我们知道HTML接受RGB、HEX、HSL三种格式的颜色。虽然是不同的格式，但是它们的本质都是通过数字表达出颜色。因为RGB、HEX、HSL本身都是数字，那么通过生成
JavaScript React
- 乐闻 · 前端 · 阅读 5320 · 2023年6月21日 12:35
redux tookit - rtk query的简单使用
`rtk query` 是 `@reduxjs/toolkit` 包中的的一个可选插件，其体系结构在内部使用redux。`rtk query` 是一个强大的数据获取和缓存工具，**RTK Query** 是一个强大的数据获取和缓存工具。它旨在简化在 Web 应用程序中加载数据的常见情况，**无需自己手动编写数据获取和缓存逻辑**。极大简化代码。
JavaScript Redux
- 小白 · 前端 · 阅读 7845 · 2023年3月19日 20:46
React 支持多语言国际化 -- i18next
随着互联网应用的全球化发展，多语言支持（国际化，Internationalization，简称i18n）成为现代前端开发中不可或缺的一部分。React作为主流的前端框架，如何优雅地实现多语言切换？本文将以i18next这个流行的国际化库为例，详细讲解如何在React项目中实现多语言支持。什么是i18next？i18next是一个功能强大且灵活的国际化框架，支持多种前端和后端环境。它提供了语言资源管
JavaScript React i18next
- 乐闻 · 前端 · 阅读 8846 · 2022年11月6日 19:59
华为算法面试题 - 机试
进制转换进制转换__牛客网两数之和两数之和__牛客网明明的随机数明明的随机数__牛客网字符个数统计字符个数统计__牛客网NC68跳台阶跳台阶__牛客网坐标移动坐标移动__牛客网密码验证合格程序密码验证合格程序__牛客网删除字符串中出现次数最少的字符删除字符串中出现次数最少的字符__牛客网整数与IP地址间的转换整数与IP地址间的转换__牛客网输入整型数组和排序标识，对其元素按照升序或降序进行排序输入
JavaScript 数据结构
- 乐闻 · 前端 · 阅读 2712 · 2022年9月1日 13:52
JavaScript为什么需要事件循环Event Loop?对比浏览器执行环境和NodeJS执行环境
JavaScript是一门单线程的，非阻塞的，基于事件的编程语言。它是由ECMAScript（JavaScript语言核心）和一些浏览器提供的API（如DOM，AJAX等）组成的。这篇文章将一步步解析JavaScript的核心概念之一：事件循环，它是JavaScript运行时的主要组成部分，处理并执行任务，控制JavaScript的执行顺序，并允许非阻塞I/O操作。什么是事件循环事件循环是处理和执
JavaScript
- 乐闻 · 前端 · 阅读 2847 · 2022年8月9日 22:11
在前端项目中如何启动 ESLint 校验
编写一致、没有错误、风格统一的代码是提高项目质量和团队协作效率的关键。ESLint是一款强大的静态代码检查工具，它帮助开发者发现代码中的问题，并且能够按照一定的规则来格式化代码。本文将通过简单的步骤教你如何在前端项目中启动ESLint校验。实现步骤第一步：安装ESLint在项目的根目录下打开终端，执行以下命令来安装ESLint：npminstalleslint--save-dev或者使用yarn
JavaScript ESLint
- 乐闻 · 前端 · 阅读 5452 · 2022年7月7日 23:26
分治思想在排序算法中的应用 - 快速排序&归并排序
前言排序算法在编程中是最简单最基础的算法，同时快速排序和归并排序都是通过递归调用的方式进行排序的，对于递归而言，比较不好理解。记录一下快速排序和归并排序的Javascript代码实现以及两种算法的相同点与差异性。快速排序functionquickSort(arr){if(arr.length=1){returnarr;}constmid=Math.floor(arr.length/2);const
JavaScript 算法
- 乐闻 · 算法 · 阅读 5279 · 2022年6月18日 12:24