react 18
[React Typescript] Fixing type inference in a Custom React Hook
// Problem import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; export const useId = (defaultId: string) => { cons ......
Ubuntu18.04 切换内核版本
# 安装内核 ```bash sudo sed -i '$a\deb https://mirrors.ustc.edu.cn/ubuntu/ bionic-proposed main restricted universe multiverse \ deb-src https://mirrors. ......
18岁 十八年
18岁 十八年 读书18年,反而成了老家反面教材 读书18年,反而成了老家反面教材 “学历不但是敲门砖,也是我下不来的高台,更是孔乙己脱不下的长衫”。 近日,一句“失意书生”的独白登上热搜,引来大量年轻人的共情。 他们说:少年不懂孔乙己,读懂已是书中人。 守得云开见月明 武家坡2021 可怜你守在寒 ......
Taro react 插件提供外部插件引用
项目结构 projectName |-pages/index |-plugin |-components |-avatar index页面中引用: import Taro from '@tarojs/taro' import { Component, PropsWithChildren } from ......
react 状态管理
srore index.tsx import React from 'react'; // 仓库文件桶 import StoreContent from './StoreContent'; import SetDataBtn from './SetDataBtn'; import ShowDataB ......
WSL(ubuntu18.04)下编译glibc-2.27
一、简介 本文主要介绍在Windows平台上的WSL中编译glibc-2.27,步骤不难,主要是版本需要注意,不能随意匹配版本。 二、准备工具 需要先在微软商店安装ubuntu18.04,并安装cmake,gcc,详细步骤可参考之前的博客——https://www.cnblogs.com/Clark ......
ubuntu18从java8更新到java11
先安装java 11, 再更新软连接 sudo apt update sudo apt install -y openjdk-11-jdk 1. check java $which java /usr/bin/java $ ls -lrt /usr/bin/java lrwxrwxrwx 1 roo ......
[代码随想录]Day18-二叉树part07
## 题目:[530. 二叉搜索树的最小绝对差](https://leetcode.cn/problems/minimum-absolute-difference-in-bst/) ### 思路: 一个关键问题——BST的中序遍历是由小到大的顺序,也就是说记录遍历的前一个节点,每次比较当前节点-前一 ......
MIT 18.06 Notes
## MIT 18.06 线性代数 学习笔记 ### Lecture 1 #### 线性方程组的几何化 e.g. $$ 2x - y = 0 \\ -x + 2y = 3 $$ 行视角(`Row Picture`):解集是直线们的交点 或 平面们的交线等。 [![pPKNiR0.png](https ......
React(涉及基础和Usestate)
# React React是JavaScript的一个类库; ## Rendering User Interfaces [React](https://nextjs.org/learn/foundations/from-javascript-to-react) > To understand how ......
React-Chat移动端聊天实例|react18 hooks仿微信App聊天界面
基于react18+react-vant+zustand仿微信手机端聊天室ReactChat。 react18-chat 一款使用最新react18.x hooks、zustand搭配react-vant组件库开发的mobile版仿微信界面聊天实例项目。实现了发送图文消息、图片/视频预览、红包/朋友 ......
P4377 [USACO18OPEN] Talent Show G
# P4377 [USACO18OPEN] Talent Show G [P4377 [USACO18OPEN\] Talent Show G - 洛谷 | 计算机科学教育新生态 (luogu.com.cn)](https://www.luogu.com.cn/problem/P4377) [TOC ......
React和Vue的区别,大家怎么看?
React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝,可以解决你在开发阶段可能遇到的任何问题。 ......
vue3 使用 vue-i18n 配置多语言环境
## 1. 插件地址: [Vue I18n官方文档](https://kazupon.github.io/vue-i18n/zh/ "Vue I18n官方文档") [GitHub地址](https://github.com/kazupon/vue-i18n "GitHub地址") ## 2. 安装: ......
解决pinia中的i18n切换语言不生效的问题
在我的项目中,使用i18n切换语言后,会进行`router.push`来刷新页面。 但我发现写在store中的选项(我把它们用作下拉框组件的`options`,例如`options="store.statusOption"`),却并没有切换语言。它们需要我手动刷新页面后才能够切换语言。然而其它组件中 ......
VTK 实例18:柱体的交互
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
前端周刊第66期:TypeScript教程、ESM、React泡沫、htmx、测试文章
周刊同步发表于微信公众号“写代码的宝哥”,欢迎各位小伙伴前来关注 😄! ## 快讯 ![](https://img2023.cnblogs.com/blog/3251068/202308/3251068-20230814131754903-946778878.png) - 软一峰老师最近发布了[《 ......
【剑指Offer】18、二叉树的镜像
# 【剑指Offer】18、二叉树的镜像 **题目描述:** 操作给定的二叉树,将其变换为原二叉树的镜像。 **解题思路:** 求一棵树的镜像的过程:先前序遍历这棵树的每个结点,如果遍历到的结点有子结点,就交换它的两个子结点。当交换完所有的非叶结点的左、右子结点后,就可以得到该树的镜像。 如下面的例 ......
Ubuntu18.04 配置
一、环境系统:ubuntu-18.04.6-desktop-amd64.isoVMware:17二、SSH服务1.更新源2.安装openssh3.配置sshgedit 1 vi /etc/apt/sources.list 2 3 deb https://mirrors.tuna.tsinghua.e ......
18.怎样查看MGR复制延迟?
1.查看集群状态信息 MySQL db01:3306 ssl JS > dba.getCluster().status() { "clusterName": "ClusterTest", "defaultReplicaSet": { "name": "default", "primary": "db ......
[React Typescript] Generic Inference through Multiple Type Helpers
import { Equal, Expect } from "../helpers/type-utils"; interface Button<T> { value: T; label: string; } interface ButtonGroupProps<T> { buttons: Butto ......
[React Typescript] Passing Type Arguments To Components
import { ReactNode } from "react"; import { Equal, Expect } from "../helpers/type-utils"; interface TableProps<T> { rows: T[]; renderRow: (row: T) => ......
[React Typescript] Generics in Class Component
interface TableProps<T> { rows: T[]; renderRow: (row: T) => ReactNode; } export class Table<T> extends React.Component<TableProps<T>> { render(): Reac ......
读书18年,反而成了老家反面教材
读书18年,反而成了老家反面教材 “学历不但是敲门砖,也是我下不来的高台,更是孔乙己脱不下的长衫”。 近日,一句“失意书生”的独白登上热搜,引来大量年轻人的共情。 他们说:少年不懂孔乙己,读懂已是书中人。 守得云开见月明 王宝钏做了十八日皇后,就病逝了。十八年的苦苦等候,只换来了十八日的短暂相聚,让 ......
Ubuntu18_最小化安装
# Ubuntu18最小化安装python3.6环境 参考文档:https://blog.csdn.net/baidu_36602427/article/details/86548203 https://blog.csdn.net/ztl0013/article/details/53695347 ......
Ubuntu18虚拟机远程开发
# Ubuntu18 虚拟机远程开发 ## 1. 安装 VMware 和 Ubuntu18 虚拟机 ### (1)VMware 官网上下载免费版本 一路 next 安装就行(中间也许需要改一下存放路径) ### (2)Ubuntu18 去官网下载 Ubuntu18.04.6 的桌面版 ISO 镜像( ......
CSP模拟18
# CSP模拟18 ## T1 站队 [CF1850H](https://www.luogu.com.cn/problem/CF1850H) 我们发现如果把怪抽象为节点,如果有两个节点可以用不同长度的路径联通,那么答案不合法,否则答案合法。 我们对每一个没有遍历过的点进行 $DFS$ ,查找是否有不 ......
入手react的 第一坑
``` npm verb cli /usr/local/bin/node /usr/local/bin/npm npm info using npm@9.8.1 npm info using node@v18.17.1 npm verb title npm install react react-d ......
Redis系列18:过期数据的删除策略
[Redis系列1:深刻理解高性能Redis的本质](https://www.cnblogs.com/wzh2010/p/15886787.html "Redis系列1:深刻理解高性能Redis的本质") [Redis系列2:数据持久化提高可用性](https://www.cnblogs.com/w ......
在Express中使用i18next
# 背景 框架:Express 语法:TypeScript 配置插件:i18next # 安装 ``` npm install i18next --save npm install i18next-http-middleware --save ``` # 项目配置 ## 装饰器 src根目录创建装饰 ......