pnpm基本使用 https://pnpm.io/zh/feature-comparison 安装项目依赖 pnpm install 别名:i 更新项目依赖 Command Meaning pnpm up 遵循 package.json 指定的范围更新所有的依赖项 pnpm up --latest 更新所有依赖项,此操作会忽略 package.json 指定的范围 pnpm up fo 2023-12-04 前端 > node
tailwindcss <main className="flex min-h-screen flex-col items-center justify-between p-24"> <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex"> 2023-12-04 前端 > Next.js
eslint eslintrc.json { "extends": "next/core-web-vitals", "rules": { // "indent": [ // "warn", // 2 // ], "semi": [ "warn", "never" ] } 2023-12-04 前端 > Next.js
项目结构 npm config set registry https://registry.npmmirror.com app/ # App Router public/ # 静态文件 next.config.js # Next. js的配置文件 package.json instrumentation.ts # https://mp.weixin.qq.c 2023-12-04 前端 > Next.js
路由 以下是执行顺序: headers from next.config.js redirects from next.config.js Middleware (rewrites, redirects, etc.) beforeFiles (rewrites) from next.config.js Filesystem routes (public/, _next/static/, pages/, 2023-12-04 前端 > Next.js
ansible playbook https://docs.ansible.com/ansible/latest/playbook_guide/index.html [TOC] ansible playbooks语法 / 结构playbook 使用yaml语法。 一个 playbook 由一个或多个 ‘play‘ 组成。每个play执行总体目标的一部分,运行一个或多个task,每个task调用一个ansible模块。 执 2023-12-04 运维 > 运维自动化 > ANSIBLE
无废话纯享版 k8s 1.27.x Kubernetes(K8s 1.27.x) 快速上手+实践,无废话纯享版– 王树森 1 基础知识参考资料: https://www.infoq.com/articles/devops-and-cloud-trends-2022/?itm_source=articles_about_InfoQ-trends-report&itm_ 2023-12-04 运维 > Kubernetes
快速启动:安装、配置 本章节介绍了如何快速开始日志收集(log collection): 安装 filebeat 指定日志文件的位置 将日志数据解析为字段并将其发送到 elasticsearch 可视化 kibana 中的日志数据 准备工作您需要 Elasticsearch 来存储和搜索数据,Kibana 来可视化和管理数据。 https://www.elastic.co/guide/en/elastic-s 2023-12-04 运维 > ELK > filebeats
js函数 有默认值的参数传入undefined,则会取默认值。如果这个参数位于最后,则可以不传(相当于隐式传入undefined),否则得显式传入 undefined function get() { return 1 } function foo(x = get(), y) { console.log(x, y) } foo(undefined, 2) // 2023-05-29 前端 > JavaScript
immer 可变状态: let objA = { name: "xiaoming" } let objB = objA objB.name = "lihua" console.log(objA.name) // lihua 我们只修改了 objB 的 name,发现 ojbA 也发生了改变。这个就是可变状态。 可变状态间接修改了其它对象,会造成代码隐患。 解决方案: 深度拷贝 使用 i 2023-05-29 前端 > React
快速开始 使用configureStore创建 Redux store configureStore 接受 reducer 函数作为命名参数 configureStore 使用的好用的默认设置自动设置 store 为 React 应用程序组件提供 Redux store 使用 React-Redux <Provider> 组件包裹你的 <App /> 传递 Redux stor 2023-05-29 前端 > React > redux #redux
7.基础教程-RTK Query基础 你将学到RTK Query 如何简化 Redux 应用程序的数据获取如何设置 RTK Query如何使用 RTK Query 进行基本的数据获取和更新请求 概述RTK Query 是一个强大的数据获取和缓存工具。它旨在简化在 Web 应用程序中加载数据的常见情况,无需自己手动编写数据获取和缓存逻辑。 RTK Query 是一个包含在 Redux Toolkit 包中的可选插件,其功能构建在 2023-05-29 前端 > React > redux #redux
6.基础教程-性能与数据范式化 export const fetchNotifications = createAsyncThunk("notifications/fetchNotifications", async (_, { getState }) => { const allNotifications = selectAllNotifications(getState()) const [ 2023-05-29 前端 > React > redux #redux
5.基础教程-异步逻辑与数据请求 你将学到如何使用 Redux “thunk” middleware 处理异步逻辑处理异步请求状态的开发模式如何使用 Redux Toolkit createAsyncThunk API 来简化异步调用 thunks 与异步逻辑使用 Middleware 处理异步逻辑就其本身而言,Redux store 对异步逻辑一无所知,任何异步都必须发生在 store 之外。 Redux middlewa 2023-05-29 前端 > React > redux #redux
4.基础教程-使用数据 注意 如果 action 需要包含唯一 ID 或其他一些随机值,请始终先生成该随机值并将其放入 action 对象中。 Reducer 中永远不应该计算随机值,因为这会使结果不可预测。 解释:深入理解 redux 之 reducer 为什么是纯函数 不得修改传入的参数以下是修改传入参数的示例: const params = { a: 1 } function log(pa 2023-05-29 前端 > React > redux #redux
2.基础教程-应用结构 创建 Redux StoreRedux Slice“slice” 是应用中单个功能的 Redux reducer 逻辑和 action 的集合, 通常一起定义在一个文件中。 比如,在一个博客应用中,store 的配置大致长这样: import { configureStore } from "@reduxjs/toolkit" import usersReducer from 2023-05-29 前端 > React > redux #redux
ubuntu2022.04安装SecureCRT9.3 官网下载 SecureCRT 9.3.2:https://www.vandyke.com/cgi-bin/account_login.php?pid=scrt_ubuntu2264_deb_932 安装: sudo dpkg -i scrt-9.3.2-2978.ubuntu22-64.x86_64.deb 创建securecrt_linux_crack.pl 文件: #!/usr/bin/ 2023-05-29 工具 > ubuntu