JamSlade-优快云博客

原创优化用户体验的小点：乐观更新链路双数据库查询

本文介绍了前端优化的"乐观更新"技术方案和双数据库系统架构设计。乐观更新方案通过三步实现：1)保存当前状态用于回滚 2)立即更新UI显示成功状态 3)异步执行API请求，失败时回滚UI。同时利用路由状态传递缓存数据实现快速页面切换。双数据库架构采用读写分离设计：一个只读数据仓库用于查询展示，支持大数据和连接池；另一个专门处理用户操作，支持高频CRUD、事务和异步连接。这些方案通过减少用户等待时间和系统负载，有效提升了用户体验和系统性能。

2025-11-11 17:15:51 274

原创 SSO登录验证设计要点细节（以微软 Microsoft SSO为例）基于react python

文章摘要：本文介绍了基于Microsoft SSO的前后端认证流程。流程分为3步：1)用户访问前端页面，若无登录状态则跳转登录页；2)后端接收账号密码后调用Microsoft接口生成临时code返回前端；3)前端用临时code获取JWT并存储，进入正式界面。技术实现包括：前端使用React框架，通过AuthProvider和AuthGuard管理认证状态；后端采用Python处理OAuth回调，生成临时code和JWT token；认证成功后重定向并携带临时code，最终完成认证并存储用户信息。

2025-11-05 16:13:28 423

原创流式响应 sse 系统全流程 react + fastapi为例子

本文介绍了前端发送消息及处理流式响应的完整实现方案。前端部分包含：1) 处理新会话创建逻辑，使用乐观更新优化用户体验；2) 消息发送时添加流式消息标记；3) 通过fetch API实现流式请求，支持中断控制和分块处理。后端采用Python实现SSE流式响应，包含错误处理和数据库保存逻辑。关键技术点包括：AbortController实现请求中断、ReadableStream处理流式数据、SSE协议格式规范以及前后端协同的流式交互设计。

2025-10-17 14:12:11 244

原创 react 无限画布难点和实现

本文探讨了如何通过超大固定画布+可移动窗口实现无限画布效果。对比了三种实现方案：动态更新position（效率低）、CSStransformation（推荐）和Canvas重绘（开发成本高）。重点介绍了基于CSS transform的解决方案，包括架构设计、DOM层次、平移(Pan)和缩放(Zoom)的具体实现。文章还讨论了坐标转换问题，将存储层的百分比坐标转换为渲染层的像素坐标，并详细说明了八方向resize handle的实现方法。该方案通过transform优化渲染性能，适合业务交互场景。

2025-10-16 15:13:13 467

原创 JavaScript 异步编程、对象/数组操作

JavaScript 是单线程语言，通过事件循环机制处理异步操作。任务分为宏任务（如 setTimeout、I/O）和微任务（如 Promise.then）。事件循环的执行顺序为：执行一个宏任务，执行所有微任务，渲染页面（如果需要），再执行下一个宏任务。fetch API 用于网络请求，返回 Promise 对象，支持 GET 和 POST 请求。数组和对象操作中，展开运算符（...）可用于数组、对象和函数参数，剩余参数（...rest）用于解构赋值。浅拷贝（如 Object.assign）只复制引用，深拷

2025-05-21 09:46:10 247

原创 javascript个人笔记闭包/this/解构赋值/模板字符串/模块化

用于封装私有变量，模块化outer的inner函数引用了外部的counter，outer函数执行完毕，count仍然会被保存如果闭包中引用的大对象不再需要，需手动解除引用（如 null）（因为其有内存泄露风险。

2025-05-20 09:02:19 389

原创 React 个人笔记 Hooks编程

React Hooks 是函数式编程中的重要工具，用于在不使用类的情况下管理组件状态和副作用。常用的 Hooks 包括 useState、useContext、useReducer、useEffect、useMemo 和 useCallback。前三个 Hooks 用于声明和管理状态，后三个则用于处理依赖项变化时的逻辑。useState 适用于简单状态管理，useReducer 适合处理复杂状态逻辑，useContext 用于跨层级组件数据共享，避免“prop drilling”。useEffect 用于执

2025-05-19 13:33:33 596

原创 Hive 知识点八股文记录 ——（三）区别和原理

left semi join：仅展示A表与B表匹配的记录，并且只展示A表字段，因为left semi join只传递表的join key给Map阶段（，可以用DISTRIBUTE BY和SORT BY语句来实现分布式排序，将排序的负载分散到不同的节点上。partition by 只能和 order by 组合使用。distribute by 只能和 sort by 使用。left join：展示左表和右表的。group by 默认。可以执行mapjoin。的记录，右表的字段值。

2025-01-24 16:27:41 581

原创 Note of CLEAN CODE chapter 7 - Error Handling

【代码】Note of CLEAN CODE chapter 7 - Error Handling。

2024-01-29 17:14:14 1349

原创 Note of CLEAN CODE chapter 6 -Object / Data Structure

int getX();int getY();int getR();

2024-01-26 20:45:28 1056

原创 Note of CLEAN CODE chapter 5 - Formatting

【代码】Note of CLEAN CODE chapter 5 -Formatting。

2024-01-25 16:31:18 1216

原创 Note of CLEAN CODE chapter 4 - Comment

【代码】Note of CLEAN CODE chapter 4 - Comment。

2024-01-23 21:08:34 1017

原创 Note of CLEAN CODE chapter 3 - Function

Functions should be small. You can fit about 150 characters in a line and 100 lines in a screen, sofor example in Listing 3-3block and indentingAs we can see in the exampleFunctions should be large enough to hold nested structures;Make sure your function

2024-01-21 10:20:00 999

原创 Note of CLEAN CODE chapter 2 - Meaningful Name

int[]Cell。

2024-01-19 21:21:08 538

原创 kafka个人笔记

大部分内容源于, 本人手敲一边加强印象方便复习。

2023-11-16 15:53:45 1215

原创 Hive 知识点八股文记录 ——（二）优化

1.count distinct时，将值为空的情况单独处理，如果是计算count distinct，可以不用处理，直接过滤，在最后结果中加1。2.如果还有其他计算，需要进行group by，可以先将值为空的记录单独处理，再和其他计算结果进行union；where条件优化，join的过程中，对小表先进行where操作（where条件在map端执行），再与另一个表join，而非先join再where。情况，可以将小表存入内存再对达标进行map操作（小表存入内存是hive自己根据表大小确定的）

2023-11-09 19:16:00 1438

原创 Hive 知识点八股文记录 ——（一）特性

CLI（command line interface）、JDBC/ODBC、Thrift Server、WEB GUI、metastore和Driver(Complier、Optimizer和Executor)默认创建内部表，创建外部表，需要加上external关键字修饰，还可通过location指定Hive仓库的路径。两者基本相同，但sql解析器不一样（spark做了较多优化）数据处理都用hql完成的话，选择内部表。

2023-11-09 15:35:53 1096

原创 Java GC机制 —— 个人笔记

垃圾收集器每 100 秒收集一次，每次停顿 10 秒，和垃圾收集器每 50 秒收集一次，每次停顿时间 7 秒，虽然后者每次停顿时间变短了，但是总体吞吐量变低了，CPU 总体利用率变低了。当运行某个函数的时候，JVM就会为这个函数在栈区开辟内存，如果运行main函数，那么JVM为main函数的局部变量在栈区开辟内存。未引用对象并不会被立即回收，垃圾对象将一直累计到内存耗尽为止，当内存耗尽时，程序将会被挂起，垃圾回收开始执行。Survivor：就是减少被送到老年代的对象，进而减少Full GC的发生。

2023-11-07 20:17:33 362

原创 hadoop生态圈-- 个人笔记学习05 HDFS优化

DFSClient和DN在一个节点 —— local reads，远程阅读 Remote reads。处理方式是一样的。

2023-07-05 13:32:57 1284

原创 hadoop生态圈-- 个人笔记学习04 数据迁移

数据迁移场景要素考量。

2023-07-05 10:06:17 439

原创 hadoop生态圈-- 个人笔记学习02

集群包括HDFS存储数据YARN 数据运算的时候调度mapreduce，分布式运算编程框架。编程滚翻进行程序开发，后运行于HDFS集群上。

2023-07-05 09:35:41 243

原创 hadoop生态圈-- 个人笔记学习03 文件存储格式

传统文件存储格式：就jpeg，mp3，doc等server/ host上，由块设备，如硬盘。软盘等，格式选择取决用途。在HDFS应用程序（如MapReduce or Spark）中，性能瓶颈在于特定位置查找数据和写入消耗的时间。管理大量数据也很复杂（数据的存储，数据格式变化）需要选择合适的文件格式数据处理的不同阶段使用不同格式：发挥优势。

2023-07-05 09:33:33 417

原创 hadoop生态圈-- 个人笔记学习01

分布式大数据处理框架包含HDFS MapReduce等框架分层。

2023-07-05 09:32:57 237

原创编译原理个人作业--第十章——基于编译原理国防工业出版社第三版

read A, BF := 1C := A * AD := B * BE := A * AF := F + 1E := E + Fwrite EhaltF := F + 2E := E + Fwrite Ehaltgoto L1流程图。

2023-06-24 14:28:19 503

原创编译原理个人作业--第九章——基于编译原理国防工业出版社第三版

第二次递归进入F后，DISPLAY内容是什么？运行栈内容是什么？

2023-06-24 14:23:43 530

原创数据可视化笔记 -- 整合

Function上从分割来看形式上 Form颜色材质从cue上。

2023-06-23 14:51:25 1925

原创网安笔记--整合

安全域：信息涉密程度划分的空间涉密域：涉及国家秘密的网络空间非涉密域：不涉及国际艾米（设计本单位公共服务与分对应政府内网，政府外网，因特网网络隔离两个or以上可路由网络，通过不可路由协议进行数据交换达到隔离隔离目的静态动态电路应用状态检测切换代理空气隙层级网络层网络/传输会话级应用层7层会话 + 网络物理优点1. 性能影响小2. 成本低1. 网络性能影响小2. 安全性强3. 状态感知- 性能比过滤查，比proxy好- 切断外部直接连接。

2023-06-22 11:13:11 1833

原创存储笔记 - 整理

 描述SCSI-3体系结构SCSI命令协议所有设备通用的主要命令传输层协议设备通信和信息共享的标准规则物理层互连接口细节，如电信号方法和数据传输模式 讨论具有不同端口配置的SCSI设备型号 page 22device model包括启动器设备target发命令目标设备执行命令设备请求包含命令描述符块 Command Descriptor Block（CDBCDB 结构8 bit操作码控制特定参数控制参数SCSI 端口。

2023-06-22 11:12:41 870

原创存储笔记11 商业连续性

可用性是用9来表示的。”举例说明使用9对可用性的相关性。MTBF：系统或组件在故障之间执行正常操作的平均可用时间。提供数据中心运营中计划内和计划外停机的示例。设施在指定运营时间内根据期望发挥作用的能力。实践中的概念—EMC PowerPath。·于数据中心环境，典型的单点故障有哪些？MTTR：修复故障部件所需的平均时间。灾难恢复和重启、RPO和RTO的定义。灾难恢复和灾难重启之间的区别是什么？·RPO和RTO之间的区别是什么？业务连续性技术解决方案概述。停机类型及其对业务的影响。Downtime的影响。

2023-06-18 12:49:40 587

iSet的个人实现.zip

keywords.zip

空空如也