摘要： React 17 引入了新的 JSX 编译方式，无须在组件中显式地 import React。注意需要配合 TypeScript 4.1+ 版本。 亦即，使用 React 17+ 的项目中 TypeScript 会有如下对应的提示： 'React' is declared but its value 阅读全文

摘要： 对象 经常情况下，需要根据条件动态向对象上添加属性，比如请求的参数。 const params = {prop1:'1'} if(query){ params['prop2']= 2 } 通过展开操作符 spread（...）可避免使用 if 从而简化操作。 考察如下的代码： const prop1 阅读全文

摘要： 创建示例项目 考察如下场景，我们有个输入框组件，输入时同时进行校验。 interface IInputProps { label: string; } function Input({ label }: IInputProps) { const [err, setErr] = useState<st 阅读全文

摘要： /dev/null 代表 null 设备，这会忽略掉所有的输入，即不会展示。 所以， command > /dev/null 表示将命令的输出结果输入到 /dev/null，即忽略掉命令的输出。 常见的形式还有 command > /dev/null 2>&1 其中， 2 表示 stdrr 1 表示 阅读全文

摘要： 讲道理，一个 Xcode 项目只有一个程序入口，即 main.c 文件。但做 c 练习的时候会创建多个 main 入口以运行不同程序。 问题展示 当已经有一个正常运行的程序时，再新增一个 c 文件并编写 main 入口，会报错如下： Xcode 中多个 main 入口时的报错 为了实现多个入口并存， 阅读全文

摘要： p & po 最简单的方式是使用 p 和 po 命令，大部分情况下两者等效，后者将等打印的值以对象来对待。 以下示例展示了两者的区别： (lldb) p 0 (int) $26 = 0 (lldb) po 0 <nil> 使用 po 打印表达式查看其值的示例： 使用 `po` 打印调试对象 e or 阅读全文

摘要： 官方文档有对请求如何刷新的操作指引，是基于 Recoil 本身的一些概念来完成的。 本质上，对于如下的异步状态： export const todoQuery = selectorFamily< { title: string }, { id: number } >({ key: "todo", g 阅读全文

摘要： npm ci 要求必需有 package-lock.json 或 npm-shrinkwrap.json 文件存在 如果 lock 与 package.json 中版本不匹配， npm ci 直接报错中断，而不是更新 lock 文件 npm ci 不能用来安装单个依赖，只能用来安装整个项目的依赖 n 阅读全文

摘要： npm 源的设置比较粗暴的方式是直接配置 npm 或 yarn， npm $ npm config set registry <registry url> yarn yarn config set registry <registry url> 但这会影响所有包的安装，如果只是为了某些包需要从私有源 阅读全文

摘要： 一些老项目对 node 版本是有要求的，往往使用默认的新版本包安装不上，scripts 也跑不起来。 之前就遇到过运行一个小程序项目时，根据文档来，第一步安装就出错。本着办法总比问题多的理念，来一个解决一个。问题还真是一个接一个的出现。折腾头天，在解决一个包的运行问题时，发现切换到较低版本的 nod 阅读全文

摘要： crontab 用于设置定时任务，通过 cat /etc/crontab 可查看 crontab 示例： $ cat /etc/crontab SHELL=/bin/bash PATH=/sbin:/bin:/usr/sbin:/usr/bin MAILTO=root # For details s 阅读全文

摘要： Nest 自带的日志方法 Logger.log 签名如下： static log(message: any, context?: string, isTimeDiffEnabled?: boolean): void; 只能通过指定期中的 message 打印文本。 所以它不能像原生的 console 阅读全文

摘要： 对于没有子元素或不需要子元素的 HTML 标签，通常写成其自闭合的形式会显得简洁些， - <SomeComponent></SomeComponent> + <SomeComponent/> 通过配置 ESLint 可在格式化的时候将标签自动变成自闭合形式。 create-react-app 如果是 阅读全文

摘要： 进行 gem install 时，如果报如下权限错误： $ gem install jekyll bundler gem install jekyll bundler ERROR: While executing gem ... (Gem::FilePermissionError) You don' 阅读全文

摘要： 标记线可在图标随意位置绘制一条刻度，方便对数据进行参照对比。 默认情况下，横轴为 category 纵轴为连续的数值。所以标记线即为纵轴上对应某个值的横线。 如下来自 Echarts 官网文档中的示例展示了简单的标记线用法： option = { xAxis: { type: "category", 阅读全文

摘要： 公众号及小程序的微信接口是通过 xml 格式进行数据交换的。 比如接收普通消息的接口： 当普通微信用户向公众账号发消息时，微信服务器将 POST 消息的 XML 数据包到开发者填写的 URL 上。 -- 微信官方文档 - 接收普通消息 <xml> <ToUserName><![CDATA[toUse 阅读全文

摘要： df 来自 man 页面的解释： df - report file system disk space usage 而来自 wikipedia 的解释更加清楚地阐释了其含义： df (abbreviation for disk free) is a standard Unix command use 阅读全文

摘要： 考察如下场景： 一个自定义的下拉选择框有个 type 属性包含两种可能的值 "native" | "simulate" 当 type 为 simulate 时还希望传递一个 appearence控制其样式 当 type 为 native 时则不希望传递 appearence 属性 即 appeare 阅读全文

摘要： 之前在 「创建 fish shell 自动补全文件」 中介绍了如何创建 fish 的补全文件，实现对命令的友好补全提示。通过形如 complete -c <command> -a ["参数列表"] 的脚本来实现的。 比如 complete -c myprog -a "yes no" 可在输入 myp 阅读全文

摘要： <a> 标签通常会配合着使用 noopener, noreferrer 及 nofollow 这些属性, 它们的作用及用法如下。 noopener 当给链接加上 target="_blank" 后， 目标网页会在新的标签页中打开， 此时在新打开的页面中可通过 window.opener 获取到源页面 阅读全文