服务端阅读 47802022年6月18日 12:15Node 项目参数配置化,命令行参数前言:对于工程化的Node项目,如果设置配置系统参数,可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数consoleNodeJS
服务端阅读 50492022年6月18日 11:55Node方法汇总os篇OS操作系统constos=require('os')Api说明用法arch操作系统的CPU架构os.arch()cpusos.cpus()freemem返回空闲的系统内存量os.freemem()totalmem返回系统的内存总量os.totalmem()getPriority返回由pid指定的进程的调度优先级os.getPriority([pid])setPriority尝试为pid指定的进程JavaScriptNodeJS
前端阅读 74722024年3月4日 14:15React Hook 的 useImperativeHandle 使用和实践随着ReactHook的引入,React让函数组件拥有了和类组件相同的能力,而useImperativeHandle则是ReactHook中一个比较少见但在某些场景下非常有用的Hook。什么是useImperativeHandle?useImperativeHandle允许你在使用ref时自定义暴露给父组件的实例值。通常,父组件通过ref能够获取到子组件的DOM节点。然而,有时候你可能希望父组件可React
前端阅读 50252024年4月21日 18:46Next.js 如何进行错误捕捉,实现系统错误监控在构建现代web应用时,有效地管理和跟踪错误是确保用户体验顺畅的关键步骤,Next.js为错误处理提供了一套完整的机制。本教程中,将详细介绍如何在Next.js中捕捉错误,了解不同的错误类型,并最终实现一个错误监控上报系统,以帮助你实时了解应用的健康状况。错误类型在Next.js中,错误可以大致分为两类:服务器端错误和客户端错误。服务器端错误:这些错误发生在服务器端代码执行时,例如在getSerNext.js
服务端阅读 65692022年6月18日 12:14Node 通过 http 协议上传文件到服务器前言:web端上传图片、文件等流化数据,一般使用form表单方式,或者通过Ajax方式上传时就使用FormData来承载流化数据。具体可以参考AJAX图片上传功能实现(点击,拖拽,粘贴)Koa服务端同时也存在需要使用Node操作方式上传文件到http服务器上,下文详细记载。一、requestnode端添加request依赖库npminstallrequest文件上传操作constpath=requNodeJS
服务端阅读 50822022年6月18日 11:54Node方法汇总fs模块fs文件系统模块文件系统constfs=require('fs');constfs=require('fs/promises');方法名说明使用方法mkdir创建目录fs.mkdir(path[,options])mkdirSyncmkdtemp创建一个唯一的临时目录mkdtemp(prefix[,options]).例:fsPromises.mkdtemp(path.join(os.tmpdirJavaScriptNodeJS
前端阅读 69082021年12月24日 11:23React 内置Hook 之 useMemo 的使用技巧、性能优化和实现原理React16.8版本引入了许多内置的Hook,其中之一就是useMemo。useMemo是一种记忆化(memoization)技术,它可以增加性能,帮助我们避免在每次渲染时都进行复杂的计算。在本篇教程中,我将用易于理解的方式,通过实例和对比,进行深入分析useMemo的概念与应用。什么是useMemouseMemo是一个Reacthook,用于返回一个记忆化的值。这个hook只在其相关依赖发生变React
服务端阅读 65592024年2月23日 16:37Nodejs 使用 replaceAll 方法的四种方式在Node.js中,可以使用几种方法来实现replaceAll功能,也就是在一个字符串中替换所有出现的子串。以下是一些常用方法:使用String.prototype.replace()与正则表达式在JavaScript(因此也包括Node.js)中,你可以使用String.prototype.replace()方法结合全局(global)正则表达式来替换所有匹配的字符串。例如:letstr="heNodeJS
前端阅读 60622022年3月14日 15:04React 内置 Hook 之 useEffectHook是一种特殊的函数,使得你能够在不更改组件结构的条件下,重用组件之间的状态相关逻辑,进步提升我们代码的复用性和可维护性。其中,useEffect作为核心的一部分,帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念,让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中React
前端阅读 81692024年1月2日 22:57React 内置 Hook 之 useState 深度解析与使用案例我们都知道React从16.8版本开始引入了Hooks特性,这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下,使用state和其他特性,使代码更简洁,易读和易于测试。在所有的Hooks中,useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state,这对于传统只能在class组件中操作state的思维是一次重大改变。这次,React