07 2022 档案
摘要:正文从这开始~ 总览 在React中,当我们试图访问类型为HTMLElement 的元素上不存在的属性时,就会发生Property 'X' does not exist on type 'HTMLElement'错误。为了解决该错误,在访问属性之前,使用类型断言来正确地类型声明元素。 这里有三个例子
阅读全文
摘要:前言 环境变量控制你在Linux工作环境中的外观、行为和感觉。一共有两种类型的变量: 环境变量:这些是内置于系统中的进程范围的变量,控制着系统的外观和行为。因为是进程范围的,所以它们被任何子shell或进程所继承。 shell变量:通常以小写字母列出,并且只在它们被设置的shell中有效。 查看和修
阅读全文
摘要:正文从这开始~ .tsx扩展名 为了在React TypeScript中解决Cannot find name报错,我们需要在使用JSX文件时使用.tsx扩展名,在你的tsconfig.json文件中把jsx设置为react-jsx ,并确保为你的应用程序安装所有必要的@types包。 下面是在名为A
阅读全文
摘要:前言 进程是正在运行的程序,Linux系统通常有数百个进程同时运行。本文就来介绍下Linux是如何进行进程管理的。 我们可以看到: 查看进程(Viewing processes) 查找进程(Finding processes) 管理进程(Managing processes) 进程的优先级(Prio
阅读全文
摘要:正文从这开始~ 类型守卫 使用类型守卫来解决React中useRef钩子“Object is possibly null”的错误。比如说,if (inputRef.current) {} 。一旦null被排除在ref的类型之外,我们就能够访问ref上的属性。 下面是一个错误如何发生的示例。 impo
阅读全文
摘要:正文从这开始~ 总览 组件不能作为JSX组件使用,出现该错误有多个原因: 返回JSX元素数组,而不是单个元素。 从组件中返回JSX元素或者null以外的任何值。 使用过时的React类型声明。 返回单个JSX元素 下面是一个错误如何发生的示例。 // App.tsx // ⛔️ 'App' cann
阅读全文
摘要:前言 每个JavaScript环境都有一个全局对象(global object)。在全局范围内创建的任何变量实际上都是这个对象的属性,而任何函数都是它的方法。在浏览器环境中,全局对象是window对象,它代表了包含网页的浏览器窗口。 在这篇文章中,我们将介绍Window对象的一些重要用途: 浏览器对
阅读全文
摘要:前言 z-index是一个用于控制文档中图层顺序的属性。具有较高z-index值的元素将会出现在具有较低值的元素之上。就像页面上的x轴和y轴决定一个元素在水平和垂直方向上的位置一样,z-index控制它们在z轴上相互层叠的方式。 默认层叠顺序 当我们编写HTML时,出现在文档靠后位置的元素,会自然层
阅读全文
摘要:前言 我们知道,root用户基本上可以在系统中做任何事。其他用户有更多的限制,并且通常被收集到组中。你把有类似需求的用户放入一个被授予相关权限的组,每个成员都继承组的权限。 让我们看一下: 查看权限(Checking permissions) 更改权限(Changing permissions) 默
阅读全文
摘要:前言 在基于Debian的Linux发行版中,默认的软件管理器是Advanced Packaging Tool, 也就是apt。本文将简单介绍下面有关添加和删除软件的命令: apt-cache search apt-get install apt-get remove apt-get purge a
阅读全文
摘要:前言 JavaScript中的语句和表达式有什么不同之处? 对于这个问题,我似乎知道答案,但当我尝试向别人解释时,我却语塞了。对于这个问题我有一种感觉,但无法清晰的表达出来。 我后来才意识到,这个问题极其重要。它可以说是房屋的承重墙,将有助于支撑大量的JavaScript知识。 对React开发者来
阅读全文
摘要:前言 诸如React、Angular、Vue等现代前端框架严重依赖于终端。如果你还不习惯使用命令行界面,你将很难运行本地开发服务器或构建你的应用程序。 讽刺的是,我们的整个工作都建立在图形化用户界面上,但我们在开发中使用的工具却大多是基于命令行的。 除非你有计算机科学背景,或者在上世纪80年代使用计
阅读全文
摘要:前言 Linux 有八个常用的文本操作命令:cat、head、tail、nl、grep、sed、more、less。本文介绍它们的区别和简单用法。 cat命令 显示文本的最基本命令。 cat file cat /usr/share/metasploit-framework/data/wordlist
阅读全文
摘要:前言 Linux 有四个常用的查找命令:locate、whereis、which 和 find。本文介绍它们的区别和简单用法。 locate命令 这个命令将检查你的整个文件系统,并找到该关键词的每一次出现。所以你可以想象到,结果可能是令人难以接受的。 locate keyword locate使用的
阅读全文
摘要:正文从这开始~ 总览 在React中,中断map()循环: 在数组上调用slice()方法,来得到数组的一部分。 在部分数组上调用map()方法。 遍历部分数组。 export default function App() { const employees = [ {id: 1, name: 'A
阅读全文