BlockSuite 一款 Block Style 的编辑器，仅仅是编辑器！
先说结论 我的博客不太适合用 BlockSuite 作为编辑器，因为： 不知道如何渲染，我可以编辑，但是如何展示给匿名用户看？ SEO 不太明确，也想着转成 HTML 来做，但是成本太高？ 其他博主的调研：https://blog.nineya.
阅读更多如何在 React 中轻松路由？使用 React Router！
开始 import React from "react"; import ReactDOM from "react-dom/client"; import { createBrowserRouter, RouterProvider, } from "react-router-dom"; import Root from "./routes/root"; const router = createBrowserRouter([ { path: "/", element: <Root />, }, ]); ReactDOM.createRoot(document.getElementById("root")).render( <React.StrictMode> <RouterProvider router={router} /> </React.StrictMode> ); root 路由比较特殊。 Not Found import ErrorPage from "./error-page"; const router = createBrowserRouter([ { path: "/", element: <Root />, **errorElement: <ErrorPage />,** }, ]); ReactDOM.createRoot(document.getElementById("root")).render( <React.StrictMode> <RouterProvider router={router} /> </React.StrictMode> ); 嵌套路由 让 <Contact /> 渲染在 <Root /> 的 children(<Outlet />) 中： const router = createBrowserRouter([ { path: "/",
阅读更多如何在 React 中进行状态管理？使用 Zustand！
计数器 import { create } from 'zustand' const useStore = create(set => ({ count: 1, inc: () => set(state => ({ count: state.count + 1 })), })) function Controls() { const inc = useStore(state => state.inc) return <button onClick={inc}>one up</button> } function Counter() { const count = useStore(state => state.count) return <h1>{count}</h1> } 用法 创建状态 state 操作 action Basic typescript usage doesn’t require anything special except for writing create<State>()(...) instead of create(...)… import { create } from 'zustand' interface BearState { bears: number increase: (by: number) => void } const useBearStore = create<BearState>()((set)
阅读更多GORM 自动填充 UUID 的 2 种方式
使用 uuid 库手动生成 采用这个库：github.com/gofrs/uuid 在 GORM 中定义一个 BaseModel，并增加钩子函数： import "github.com/gofrs/uuid" type BaseModel struct { ID uuid.UUID CreatedAt time.Time UpdatedAt time.Time DeletedAt gorm.DeletedAt `gorm:"index"` EffectiveTime *time.Time } func (m *BaseModel) BeforeCreate() (err error) { m.ID, err = uuid.NewV4() if err != nil { log.Logger.Err(err).Msg("uuid create failed") return fmt.Errorf("uuid create
阅读更多图数据库 Cypher 查询语言的子查询 CALL (subquery)
子查询允许将查询组合起来，这在使用UNION或聚合时特别有用。 子查询与封闭查询交互的方式有一些限制： 子查询只能引用外部查询中显式导入的变量。 子查询不能返回与外围查询中变量名称相同的变量。 从子查询返回的
阅读更多Neo4j: 图数据基本概念、语法与增删改查
Neo4j 简介 Neo4j 使用属性图（Property Graph）模型1。 一个图包含节点（Objects）和边（Relationships）。 Neo4j 的属性图模型包含了： 节点 节点标签：用于区分节点的类型，0个或多个 边：源节点
阅读更多JWT 的应用场景思考
JWT 的应用场景思考 简述 JWT JWT，全称 JSON Web Token。是一种开放标准，用于在各方之间安全传递信息，它是以 Base64 编码 json 对象的 token 。基于 token 的权限验证，与传统的 Session 认证完全不同，它不需要服务端保持 Session 记录，连用户状态都不
阅读更多