前端阅读 36142024年7月17日 11:30如何从PNPM迁移到Bun在近几年的前端领域,包管理工具的变化层出不穷,从npm、yarn到pnpm,每一种工具都在尝试解决前端开发中的依赖管理问题。最近,一个新的JavaScript运行环境和包管理工具——Bun,引起了广泛关注。Bun不仅仅是一个包管理器,还是一个运行环境,它的性能和效率得到了许多开发者的认可。1.Bun特性介绍在迁移之前,你需要先了解Bun的基本特性。Bun目的是提供超高性能的JavaScriptPNPMBun
前端阅读 69152021年12月24日 11:25React 内置 Hook 之 useRef 深度解析与使用案例ReactHooks已经成为了现代React开发中不可或缺的一部分,今天我们来深入研究一个特别有用的Hook——useRef。在这篇文章中,我们将引导你了解useRef的运用,并通过一些实例穿插其中,让你对这个Hook有更深入的理解。什么是useRefuseRef 是React的一个内置Hook,它可以返回一个可改变的ref对象,非常适合用于管理不会触发组件渲染的变量。用官方的话来说,一React
前端阅读 31022022年6月18日 12:22 Webpack 面试题汇总什么是前端模块化?AMD、CMD、CommonJS、ES6模块化之间的区别是什么?模块化是指将一个复杂的系统分解为多个模块以方便编码。模块化规范的实现是为了达成浏览器端模块化的目的。AMD是一种Javascript模块化规范,采用异步的方式去加载依赖的模块。不用转换代码的情况下直接运行在浏览器环境。依赖前置,提前执行。代表库requirejsCMD是一种Javascript模块化规范,依赖就近NodeJS
前端阅读 68032023年8月24日 22:06【手写组件库之日历组件教程第一篇】基于React实现日历组件详细教程日历组件是常见的日期时间相关的组件,围绕日历组件设计师做出过各种尝试,展示的形式也是五花八门。但是对于前端开发者来讲,主要我们能够掌握核心思路,不管多么奇葩的设计我们都能够把它做出来。本文将详细分析如何渲染一个简单的日历组件。在线演示DEMOhttps://calendar.levenx.com/#/simple-calendar实现步骤计算每个月中具体包含的日期因为日历需要把当前月的每一天都展 React前端
前端阅读 35572022年7月30日 23:45React 使用 React Dnd 实现列表拖拽排序拖拽排序功能在现代的网页应用中非常常见,它提供了一种直观、灵活的方式来让用户自定义内容的顺序。ReactDnd是基于HTML5的拖放API构建的,它能够让你轻松地在React应用中添加拖拽功能。本文介绍如何利用ReactDnd(DragandDrop)这个强大的库来实现一个简易的列表拖拽排序功能。实现步骤一、安装ReactDnd首先,我们需要在项目中安装ReactDnd及其HTML5后端库:npReact
前端阅读 31032022年6月18日 11:51「自己动手丰衣足食」搭建React脚手架前言刚开始学习React的朋友基本都是从Facebook官方提供create-react-app脚手架开始,别人的脚手架开箱即用固然爽,但是有的时候想要进行一些功能的拓展(集成less等)就需要去百度谷歌。因为脚手架把整个项目的编译构建过程高度集成了,我们想通过脚手架生成的代码学习项目工程化,刚开始肯定是大难度的。伟人曾道:自己动手,丰衣足食。为了更深层次的去学习react,去尝试理解react项React
服务端阅读 65292024年2月23日 16:37Nodejs 使用 replaceAll 方法的四种方式在Node.js中,可以使用几种方法来实现replaceAll功能,也就是在一个字符串中替换所有出现的子串。以下是一些常用方法:使用String.prototype.replace()与正则表达式在JavaScript(因此也包括Node.js)中,你可以使用String.prototype.replace()方法结合全局(global)正则表达式来替换所有匹配的字符串。例如:letstr="heNodeJS
算法阅读 61612022年6月18日 12:24分治思想在排序算法中的应用 - 快速排序&归并排序前言排序算法在编程中是最简单最基础的算法,同时快速排序和归并排序都是通过递归调用的方式进行排序的,对于递归而言,比较不好理解。记录一下快速排序和归并排序的Javascript代码实现以及两种算法的相同点与差异性。快速排序functionquickSort(arr){if(arr.length=1){returnarr;}constmid=Math.floor(arr.length/2);constJavaScript算法
前端阅读 80742024年2月23日 15:37如何使用 Next.js 和 i18next 实现网站多语言版本翻译在构建一个面向全球受众的现代网络应用程序时,提供多语言支持变得至关重要。Next.js作为一个功能丰富的React框架,它支持国际化(i18n)的功能,让开发者能够轻松地创建多语言网站。在这篇教程中,我将指导你如何使用Next.js和i18n实现网站翻译。实现步骤一、安装依赖Next.js支持多种国际化库。对于本教程,我们将使用next-i18next,这是一个为Next.js项目优化的i18n库Next.jsi18next
服务端阅读 67172024年5月10日 01:00TypeORM 如何设置索引@Index在数据库系统中,索引是帮助快速检索数据的一种数据结构。对于使用TypeORM来管理数据库的开发者来说,了解如何在模型中设置索引非常重要。本教程将记录如何在TypeORM中设置索引。什么是索引?索引(Index)是数据库表中一种特殊的数据结构,它能够帮助我们更快地检索表中的数据。理解索引的概念可以想象一本书的目录,它能让你快速找到你想阅读的章节,而不是一页页地翻找。索引设置方式在TypeORM中NestJSTypeORM