fix

content/.fu.md

@@ -1,19 +1,33 @@
 - 今
-  - [ ] 整理简历
-  - [ ] 整理文章
+  <!-- - 整理简历 -->
+  - 整理文章
+  - 刷题
+    <!-- - JS
+    - 框架
+    - 网络 -->
+    - 算法
+  - 学习
+    <!-- - 《面向对象是如何工作的》 -->
+    - 《设计模式之美》
+    - 《可视化入门：从 0 到 1 开发一个图表库》
 - 主
   - 找工作
     - 进厂
     - 面试
   - 戒色
+    - 每半个月下载一次
+    - 每天删除三部
+    - 每星期dfj一次
 - 次
-  - [ ]《Tony Bai · Go语言第一课》
-  - [ ]《面向对象是如何工作的》
-  - [x] 博客
+  - 《Tony Bai · Go语言第一课》
+  - 博客
     - [x] tree list
     - [x] 搜索
     - [x] 图像功能
     - [ ] PWA
+  - Coze
+    - 搭建知识库
+      - API 文档联动
 - 学习
   - 比特币，股票，金融
     - TODO: 怎么入手
@@ -81,23 +95,8 @@
       - TODO: ocr 服务s
     - 数学
       - 微积分、概率与统计、随机过程
-- 生活
-  - TODO: 衣物
-    - 1件短袖
-    - 2条长裤 + 1条短裤
-    - 1休闲鞋
-- 工作
-  - 找工作
-    - 程序员
-      - remote
-      - 开源
-      - 搬砖
-    - 刷题
-      - JS
-      - 框架
-      - 网络
-      - 算法
-    - 面试、项目、简历
+
+
 
 ## 房
 

content/.other.md

@@ -465,28 +465,16 @@ None = allows third-party cookies (cross-site cookies)
     - Object.hasOwn
   - 简直对的属性集合
     - key-value
-      - key
-        - in 会查找继承的属性
-        - delete
-        - 枚举
+
       - Object.keys
       - Reflect.ownKeys
       - Object.values
       - Object.entries
       - Object.fromEntries
         - 不会忽略符号键控属性
-      - 列
-        - 按数字升序排列
-        - 字符串按照添加顺序
-        - 符号按照添加顺序
       - 私有属性
     - Object.assign
-    - 属性
-      - Object.getOwnPropertyDescriptor
-      - 顶层属性
-      - Object.preventExtensions 阻止扩展使得无法向对象添加新属性并更改其原型。不过，我们仍然可以删除和更改属性。
-      - Object.seal 密封可以防止扩展并使所有属性不可配置
-      - Object.freeze 在使对象的所有属性不可写后，冻结会密封该对象。也就是说，该对象不可扩展，所有属性都是只读的，并且无法更改
+    - Object.getOwnPropertyDescriptor
   - 方法和特殊变量 this
     - 方法 == 函数.call
     - bind
@@ -501,8 +489,6 @@ Method call: this is receiver of call
 方法调用： this 是调用的接收者
 new: this refers to the newly created instance
 new : this 指的是新创建的实例
-   - 30.6 属性获取和方法调用的可选链接 ?.
-   - 空合并运算符
 
 
 
@@ -528,51 +514,162 @@ interface IteratorResult<T> {
 
 
 
-- 请求
-  - 并发请求
-  - 请求竞态
-  - 合并请求
-  - 请求缓存
-
-
-- 依赖图分析
-- 构建公共代码
-- 业务应用代码
-
-- vue
-  - useTags
-  - createCtx(key, useTags)
-    - createTagsCtx
-      - provide
-    - useTagsCtx
-      - inject
-- DI
-  - useTags
-  - createContainer
-  - createProvider
-    - createTagsCtx
-    - useTagsCtx
-
-- 响应式布局
-  - 弹性结构
-    - 弹性
-    - 容器
-  - 缩放适应
-  - 布局改变
-    - 断点
-
-- pinia
-  - 热更新
-  - 支持服务端渲染
-  - Devtools 支持
-    - 查看 Store
-    - 追踪 actions、mutations 的时间线
-      - 对象：事件 可变
-      - 函数：快照 计算
-  - 其他思考
-    - 路由栈 生命周期管理
-
-
-
-- Mark-and-sweep algorithm 标记扫描算法
-  - 根对象可达性分析
+- 获得 I/O、CPU、内存等信息
+- 进程/线程
+- 方法火焰图
+
+- 性能优化
+  - 性能指标
+  - 性能监控
+  - 性能优化方法论
+    - 工程角度
+      - 数量
+      - 链路
+
+
+
+面向对象的方法是将处理职责拆分到不同的类，然后组合和复用这些类来构建程序，但如何拆分和如何给这些细小部分的处理职责定个类名？没有标准答案，这也是OO系统混乱的根源，所以早期为了解决系统混乱，软件工程告诉我们要从业务角度去拆分，所以软工必修UML，用于系统分析设计
+
+
+HTTP 协议是无状态的，也就是说每次请求和响应之间是没有关联的，服务器不会记住之前的任何信息，所以会导致每次请求都要重新建立连接
+
+
+
+
+- 拆 => 分离变与不变 => 抽象 => 封装 => 接口
+- - 对象：事件 可变
+
+
+- 部分应用函数
+- 柯里化
+- 组合
+- 管道
+
+
+- virtual DOM更快是建立在一个前提之上，大部分代码并不是以最高性能的方式操作真实DOM的
+- 人性是懒惰的，大部分人并不会直接基于原生DOM实现增量操作，因为面向增量编程是痛苦的，而面向全量编程是开心的
+- virtual DOM的真正价值，是把懒惰的人们喜欢的而面向全量编程，转换为针对真实DOM的增量操作（这一次的vdom和上一次的vdom进行diff，找出发生变化的地方，即，增量），并保证这个过程引入的性能损失极可能低。
+
+
+- Option
+  - ??、?.
+
+- 错误类型
+- 错误冒泡
+- 停止冒泡
+- 结果可选、模式匹配
+
+
+
+
+
+
+- 困难 => 行动力不足 => 拆解思维
+- 洗脑思维
+  - 每天自我勉励
+  - 利弊分析
+- 外界反馈
+  - 大脑
+    - 情绪反应
+    - 思维反应
+      - 行为反应
+        - 经验总结 > 方法论
+
+
+
+
+- CSS 项目实战
+  - 大型项目的 CSS 编写和维护
+    - 难点
+      - 协作难 易冲突 维护苦 灵活性差
+    - 需求
+      - 可维护性
+      - 可扩展性
+      - 可重用
+    - CSS 规则难以管理
+      - 全局命名空间
+      - CSS 选择器权重
+      - 级联规则（级联层的覆盖）
+    - CSS 的最佳实践
+      - 样式表和关注点分离
+      - CSS 方法论
+        - BEM
+        - CSS Modules
+        - Atomic CSS
+      - 框架上能力
+        - CSS 变量交互
+        - JS
+
+
+函数式编程（lambda演算）的确和图灵机等价
+
+
+- 设计Token
+  - 值
+  - 语言
+  - 场景
+  - 功能职责类型
+
+
+
+- 算法
+  - 问题状态抽象成对应的数据结构、并施加合适的算法
+  - 基础算法
+    - 迭代
+    - 递归
+  - 思想
+    - 组合状态
+      - 回溯：遍历 构建解空间/解答树/决策树
+    - 分解状态
+      - 分治
+      - 递推关系
+        - 自顶向下 递归
+        - 自底向上 递推
+          - 动态规划（多阶段决策最优模型）
+    - 最优问题
+      - 分阶段计算（选择、递推），每个阶段有多个状态
+      - 每个阶段的最优状态可以从之前某个阶段的某个或某些状态直接得到而不管之前这个状态是如何得到的->动态规划。
+      - 贪心：局部最优解
+        - 每一个阶段，我们都选择当前看起来最优的决策
+        - 贪心算法是一种在每一步选择中都采取在当前状态下最好或最优（即最有利）的选择，从而希望导致结果是最好或最优的算法
+
+- 缓存置换算法
+  - FIFO：先进先出算法，当缓存空间不足时，优先删除最先加入缓存的数据项，该算法主要适用于实时性较强的数据
+  - LRU：最近最少使用算法，当缓存空间不足时，优先删除最久没有被使用到的数据，该算法主要适用于热点数据
+  - LFU：最不常使用算法，当缓存空间不足时，优先删除使用频率较少的数据，该算法主要适用于数据访问模式不会频繁发生变化的数据
+
+
+- HTTP 是一种无状态协议
+  - 状态：应用会话状态
+  - 每个请求都是完全独立的，每个请求包含了处理这个请求所需的完整的数据，发送请求不涉及到状态变更
+- Cookies 主要用于：
+  - HTTP 会话管理
+  - 个性化
+  - 跟踪
+- Cookie 属性
+  - Domain
+  - Path
+  - Expires
+  - HttpOnly
+  - Secure
+  - SameSite
+
+
+
+
+- 对象
+  - Object.prototype 上的属性操作
+    - let clone = Object.create(Object.getPrototypeOf(obj), Object.getOwnPropertyDescriptors(obj))
+
+
+
+- 项目经验
+  - 调试、抓包
+    - 抓包
+      - whistle
+      - Charles
+      - Wireshark
+    - 调试
+      - vConsole
+      - eruda
+      - Chrome、Safari 远程调试