Saber2pr's Blog

React组件编写建议

组件尽量不设置样式，重逻辑轻样式。
组件添加新功能时，坚持向下兼容原则。
组件内最好不要有http请求，不要有useSelector等连接redux的操作。
组件的属性必选项尽可能减少，尽可能设置默认值。
组件之间互相封装时，如果不大于两代，优先考虑继承。
组件文件夹不要聚合导出，按需引用组件。

MacOS相关
- 清理磁盘占用
- 查看CPU架构
- DS_Store文件
- 启用任何来源
React-Hooks
- Use progress
- Use form modal
- Use load script
- Use derived state from props
- Use intersection
- Use set partical state
- Use echarts
- Use timer
- useI18N
- Use async
- Use input history
- Use copy
- Use modal
- Use router
- Use interval
Ant-Design组件
- input样式重置
- 排序表格
- table前端分页与后端分页
- 右键菜单
- Modal遮罩双层滚动问题
- antd中的一些坑的细节(持续更新)
- Table transfer
- 异步初始化表单项
- Menu组件样式选择器
- 学习antd组件设计
- AntDesignTable固定列fixed无效？你可能忘了这一点！
- 图片上传
- form中使用checkbox
- 重置Modal样式
- Modal中form-reset无效
- antd按需加载
- form表单验证
VSCode插件开发
- vscode插件编写教程
- 实现一个WebIDE实时编译React
- vscode插件路径相关
- Iceworks篇
- 使用默认浏览器打开链接
性能优化
- memorize函数
- 并发请求队列
- 前端性能优化
- api缓存
- 关于时间计算
- 打包优化
- 用于撤销与反撤销的对象池
CSS层叠样式表
- input样式重置
- 线性渐变
- Flex
- styled-components使用
- IOS安全区边距
- 三角形
- 图片（替换型元素）内容填充和对齐方式
- 常用layout
- mask蒙版
- 控制元素打印时样式
- CSS3选择器
- 躲避点击
- 垂直居中
- 伪元素实现分割线
- 盒子模型
- 水平滚动容器
- 媒体查询
- 水平垂直居中
- 解决z-index不起作用
- 水平居中
- 视觉设计
- css实现八卦图
随便写点儿？
- 超实用食品添加剂风险等级表完整版
- 障
- 什么是反式脂肪
- echarts之zrender的clone函数问题
- 正确喝水的习惯建议
- 一些让人抓狂的
- 如果是我面试别人
- 绿灯零食品牌推荐清单
- 正则匹配结果伪数组解构报错
- 饱和脂肪含量较高的常见食物汇总表
- 文件中转站
- 副业：创业的起点
- 提车检查清单
- 记录一次bug：nextjs同构环境下的环境变量
- moment注意
- vim列编辑
- 双系统使用原则
- 关于前端复用性
- 查看npm包版本兼容
- 项目规范
- 记录一次bug：js整数溢出
- 泰拉瑞亚发展路线
- 高危食品添加剂清单
- 车贷方案风险分析
- 萧条期下的理性购车建议：别让买车成为你的负担
- 每日总结
- 收藏网址
- popmotion库的坑
- 行动踪迹
- 提效方法论
浏览器基础
- 页面回流与重绘
- 从输入URL到页面渲染
- 浏览器内核
- 页面渲染原理
- PWA离线应用
HTML超文本标记语言
- 常用meta和link标签
- 列表
- 移动端禁用双指放大
- 表单输入
- Iframe
- 表格
- 可编辑区域
Node
- koa中间件机制
- 简单的文件读写封装
- Promisify
- 执行命令
- 获取本机IP（IPV4）
- base64
- cli头注释
- 下载tarball并解压到目录
- 在node中混合加载esm
- 从URL加载commonjs模块
- 获取post-body
- node路由
- node解析url参数
- 接收base64图片
C++基础
- 虚函数表
- 右值引用与移动语义
- qt图形库
  - qbs配置
- 函数类型与函数指针
- 命名空间
- 模板与constexpr
微信小程序
- webview小程序基本架构设计
- webview小程序解决方案
- 公众号H5登录
- 返回前刷新上一个页面
- view、text和block
- webview小程序3种登录方案
- 小程序审核注意项
- loginCode和加密向量
- webview调试方法
- 获取url参数
Wordpress
- 数据库连接问题
练习
- 来测试一下？
数据结构算法
- 凯撒加密
- KMP算法
- 排序算法
- 树遍历、删除节点
- 计算字符串hash指纹
- base64算法
React常用组件
- Async Hook组件
- 利用vsc-styled插件来写内联样式
- Event Hook组件
- React组件编写建议
- 验证码发送计时组件
- 图片预占位组件
- 下拉菜单
- ErrorBoundary异常处理组件
- 懒加载组件
- 读取一次即销毁的refValue
- 图片hover组件
- 复制剪贴板hook
Linux相关
- 开放端口
- ssh连接服务器
- shell命令
- 设置全局http代理
- 安装最新nodejs
- ubuntu维护
- 双系统重装后恢复ubuntu引导
- tty终端
Github-API
- github鉴权
- 使用Action自动化发布Pages
- 使用Action自动化发布Docker镜像
- RestFul-v3
- 使用github-issue api做评论系统
- 使用github-action发布npm包
Echarts
- 图表实例初始化和更新逻辑
- 公共配置项
正则表达式
- 基础语法
- 学习技巧
- Combine replacers
- 常用正则
- 理解正则表达式及常用正则表达式整理
浏览器API
- requestIdleCallback方法
- Document element
- Request animation frame
- navigator对象
- offset、client、scroll区别
- DOM对象继承体系
- 移动端获取clientXY
- pageX,pageY,offsetX,offsetY,clientX,clientY,x,y,screenX,screenY区别
- Mutation observer
- clientHeight与scrollHeight区别
Git版本控制
- 设置用户名
- Log
- Checkout
- Git提交报错RPCfailed-HTTP2
- 浅克隆
- 检查最近1次提交变更内容
- 日报生成
- github与git
- 克隆git仓库中的文件夹或路径
- git清除登录状态
- Branch
- Rebase
- 使用密码连接github
- fork之后更新upstream
- pull自动合并使用本地版本
- 撤销上一次提交
HTTP协议
- 为服务器配置HTTPS
- HTTP缓存机制
- 基本概念
- HTTP加密
- HTTP跨域之OPTIONS请求
React原理
- 服务端渲染SSR原理
- React中的错误处理
- 生命周期
- propTypes验证
- Context造成的rerender
- reconciler实现
  - Perform work
  - Work loop
  - Hook
  - Update host properties
  - Create element
  - 全局变量
  - Commit all work
  - Begin work
  - Render
  - Reconcile children
  - Perform unit of work
  - Commit work
- 遍历Fiber链表
- React底层XSS防御
- ref转发
- 组件通信
- React函数式编程
- 数据结构类型
  - Fiber数据结构
  - 关于TSX的类型定义
- useState使用props初始化的注意点
- 事件冒泡与Portals
- React性能优化
- useEffect的deps规则
- ref为什么能保持引用
- react-key与defaultValue
- keep-live方法
- React函数组件对比class组件
- 如何找到alternate
- React-Fiber实现
- context_rerender方案代替redux
- Batch update
网络基础
- github访问超时优化
- ipv4
Typescript基础
- 对比Monad在TS和Haskell中的使用
- axios拦截器类型
- 远程kv缓存优化
- Typescript类型运算
- 使用ts-compiler来遍历AST处理你的代码
- 类型协变与逆变
Html2canvas
- ios兼容
- 浏览器打印dom节点
Redux状态管理
- redux思想
- redux-thunk
- Combine reducers
- Apply middleware
- Bind action creators
- Compose
- nextListener的双缓冲技术
- Create store
前端构建工具
- Terser
  - terser快捷压缩命令
- Webpack
- Nginx
- Babel
  - 安装
- Docker
- 包管理器
  - yarn配置文件
  - npm常用命令
- 阿里oss
  - 在nodejs上使用ossApi
Haskell基础
- 搭建haskell环境
- Haskell与JS
- 函数式编程基本概念
- 函数式设计
基础设施建设
- 使用gitlab和drone实现自动化部署
Saber2pr's Blog
博客建设日志
- 网站重构、优化日志
- 网站建设过程
- Privacy policy
- 博客前台的更新程序发布！
- 网站架构和技术栈
Golang基础
- golang快速上手
每日总结:993966897/2837329691
- 2021-Q2
- 2021年1月11日
数据库
- Mongodb
- Mysql
Nextjs服务端渲染
- nextjs微服务原理
- proxy服务
- Nextjs自动静态优化存在的问题
- 非api反向代理
- api路由拦截
- token转发
- Nextjs数据context传递
- ssr项目架构注意与优化
- 封装接口请求函数
- 利用Link实现Tab的问题与优化
- 定义next-config类型
- Nextjs首屏渲染速度优化
Reflect反射原理
- 实现一个基于IOC的HttpServer框架
  - 实现一个基于IOC的HttpServer框架（上）
  - 实现一个基于IOC的HttpServer框架（下）
- 依赖注入（IOC）实现
- reflect-metadata中HashMap巨大Object的读取速度优化
- reflect-metadata实现及其原理
编译原理
- 不确定下推自动机
- 理解递归下降分析和parsec应用
- Jsx语法BNF实现
Nest js
- 类加载关系及异常定位
- 使用nowsh-serverless部署nestjs
- 参数字段过滤器
- 定时
- entity设计规范
- nestjs断点调试
Kubernetes
- 运行第一个docker实例
AI相关
- 使用assistant-ui开发私有Gpt界面
Javascript基础
- 发布订阅
- 剪贴板操作
- is常用判断
- 矩形相交
- Join
- 判断页面滚动到底部（React）
- fiber遍历
- 原型链
- 进入视口范围检测
- 简单算法（需求）
- 双向绑定
- 上传和发送图片
- 类和继承
- es7
  - async-await原理
- 封装一个ajax
- 文件读取与文件拖拽上传
- Canvas
  - canvas路径绘制
  - 打印到图片
  - rgba与hex转换
  - ImageData操作
- bind call apply和原理
- rem布局原理
- 图片转base64
- 监听组合键
- localStorage缓存
- 作用域和闭包
- JSONP跨域
- vdom渲染
- Try async
- 获取文件夹名
- Classnames
- 去除文档中nbsp
- 实现URL参数parser
- 滚动到顶部
- es6
  - promise原理
- 节流防抖
- 事件捕获冒泡
- chatgpt最大输入token限制截取
- 获取元素距离文档顶部的距离
- 解决Promise竞态问题
- 保存文件到本地
- 组合子
- 判断是不是移动端
- 随机颜色
- 数组克隆-数组 ES6 API实现
- ES7,ES8,ES9,ES10新特性
- 常用工具函数包
- 监听拖拽
- iframe心跳检测
- 文件下载
- 可迭代对象（iterable）
- HTML特殊字符转义
- 深拷贝
- 返回网页顶部
- 拖拽排序
- 偏函数与柯理化
其他常用命令
- cad基础命令
- win常用命令
React生态
- useSelector和reselect源码阅读
- react16以后不需要的一些操作
- hoist-non-react-statics源码阅读
- React-Redux干了什么
- React生态源码阅读
Web3
- 提高合约期货交易员水平的五个关键点
- 趋势交易与背离交易优缺点对比分析
- Freqtrade量化策略的现状与挑战
- freqtrade策略E0V1E支撑位解读
- freqtrade策略跟随BTC涨跌优化
- Freqtrade如何正确DCA
- 什么是加密货币套利交易
- Freqtrade量化交易长期亏损是否在刻舟求剑
- Freqtrade避免滑点的技巧
- Web3行业技能要求总结
- BOLL布林线怎么看
- 如何使用freqtrade通过Python回测策略并交易加密货币
- 什么是加密货币对冲
- 优化比特币策略网格中的网格增量
- 什么是加密货币质押
- 搭建freqtrade加密货币量化交易机器人
- Sol
- 如何抓住加密货币空投机会
- 比特币减半将如何影响其未来价格
- Eth
- freqtrade指标EWO抄底指标分析
- Btc
- Freqtrade回测移动止损陷阱
- 如何制作NFT
- freqtrade策略如何优化
- freqtrade配置文件说明
- 2024年使用加密货币赚钱的8种最佳方法
- 什么是永续合约
- 进入主流加密时代
- 了解Solana的历史
- freqtrade多空仓位均衡管理策略优化
- freqtrade加仓间隔优化技巧