丁少华

摘要： 原文在此！ 如果你正在管理多个 React 应用，并希望在ui保持一致，迟早你会发现需要一个组件库。 当我第一次想要创建一个 React 组件库时，花了很多时间 才找到一个满足我所有要求 且不太复杂的设置。 本篇指南可以为我节省大量与这些东西搏斗的精力，我也希望它能帮助到你。 此文章涵盖了 Reac 阅读全文

摘要： 我们经常会看到这样的场景：一个组件改了 props，紧接着用 useEffect 重置 useState；或者每次函数都用 useCallback 包起来，生怕性能不够“丝滑”。其实，这些“反射式优化”不仅没有带来好处，反而拖慢了你的 UI，制造了更多不可预测的问题。 React 官方文档已经为这些 阅读全文

摘要： 同步 const sleepSync = (time) => { // 🔒 故意卡 time 毫秒 // 这段代码一刻不停地占着主线程，浏览器既做不了布局，也画不了像素，更响应不了用户输入 // 整整 time 毫秒页面处于“卡死”状态。 const dead = performance.now( 阅读全文

摘要： guojiabing 大佬推荐了一些比较优秀的库，这里做一些笔记，防止忘记！ ahooks a就是alibaba 的第一个字母，也就是阿里加的产品！ 它内置了一堆好用且实用的hooks！ useRequest 封装的http请求hook // 同步xxx，其中返回值都是响应式的状态 const { 阅读全文

摘要： 前言 现在项目架构，分为按功能分层 or 按业务分层！ 推荐的架构方式取决于项目的规模、复杂度、团队经验和未来扩展计划。以下是两种架构方式的详细对比和推荐建议！ ✅ 传统按功能分层（按技术职责分层） 结构示例： com.example.demo ├── controller // 表现层 ├── s 阅读全文

摘要： 我以为如下代码会死循环 : import { FC, useEffect, useState } from 'react'; interface HeadFormProps { value: string; onChange: (values: string) => void; } const He 阅读全文

摘要： 前言 提到父子组件通讯，我们自然而然的就想到了下一种办法：将需要沟通的状态定义到父组件上，然后在将 状态和设置状态都传入子组件！ import { useState } from 'react'; const HeadForm = (props) => { const [motto, setMott 阅读全文

摘要： 背景 基于过去数个月的GIT代码管理方面的磨合，为了更好适应我们现在开发测试上线的节奏和效率，减少同模式下多人开发提测的冲突等场景，保证整个不同环境和CICD的可靠性，提升协同效率，经过各个接口人的激烈讨论明确，我们规范从1.0升级到了1.1。 该Git分支管理规范专门设计用于多人协作、需要测试验收 阅读全文

摘要： 前言 在Web应用中，为了安全地传输用户密码，前端使用AES加密密码，然后使用RSA加密AES密钥。这样可以确保密码在传输过程中不被泄露，同时保证了整个过程的安全性。 步骤 后端生成RSA密钥对： 后端生成RSA密钥对（公钥和私钥）。 后端将RSA公钥发送给前端。 前端生成AES密钥： 前端生成一个 阅读全文

摘要： 服务端生成密钥 需要主要的是 对称加密只会产出一个密钥文件，也就是加密和解密都用这个密钥，不分公钥和私钥！ // 对称加密 const genKeyPair = () => { // 生成的对称密钥，以 Buffer 格式表示。 const aesKey = crypto.randomBytes(3 阅读全文