logologo
旧版博客
标签
分类
归档
旧版博客
标签
分类
归档
logologo
Overview

Life

减肥计划

Chrome

Chrome基础
从输入网址到首屏渲染
浏览器渲染流程
协商缓存
事件循环

Typescript

TS基础
TS类型技巧(一):提取
TS类型技巧(二):构造
TS类型技巧(三):递归
TS类型技巧(四):计数
TS类型技巧(五):联合类型
TS类型技巧(六):特殊类型
TS类型技巧(七):函数
TS类型体操

Practices

React个人最佳实践-弹窗

Workflow

静态博客搭建(1)Rspress
静态博客搭建(2)CI/CD
静态博客搭建(3)HTTPS
GitHub Actions 与 CI/CD 自动部署实战
博客写作涉及的技术栈指南
GitHub远程仓库连接配置
pnpm、yarn、npm

Javascript

JS基础
JS执行过程
原型-作用域-this
call-apply-bind-new
手写Promise
Promise题
JS手写合集
BigInt
JS异步并发调度器

Algorithm

时间复杂度

Leetcode

回溯算法
贪心算法
动态规划

qiankun

Webpack模块打包分析
SystemJS与微前端
SingleSpa原理
qiankun 学习笔记

Http

CORS跨域
跨域方案
网络安全
sso-oauth2-jwt

Webpack

构建打包中静态资源URL处理

AI

大模型到AI项目
提示词(一):提示词工程(待整理)
提示词(二):如何生成提示词
提示词(二):五个小提示词技巧让AI精准输出

React

React基础汇总
React笔记
React16架构演变
React16 Fiber
ReactHooks
React Router
Zustand
History路由 VS Hash路由
Redux VS Recoil VS Zustand
性能优化

Overview

React

React基础汇总

  • React版本区别
  • JSX是什么
  • 虚拟DOM
  • Diff算法(React15)
  • Diff算法(React16)
  • Fiber是什么
  • Hooks(React 16.8)
  • ref原理
  • context原理
  • 事件机制
  • 组件通信
  • Lane优先级
  • 并发渲染
  • 类组件 和 函数组件 对比
  • 性能优化
  • 生命周期
  • React 涉及的算法
  • React-router
  • React面试题

React笔记

  • 1. 代码中所有JSX其实都是函数
  • 2. 函数组件的调用原理
  • 3. React.createElement 和 ReactDOM.render 原理
  • 4. 批量更新(类组件为例)
  • 5. React的事件都绑定在容器上代理,而Handler在当前真实dom的store属性上
  • 7. react与Vue的不同
  • 6. ref
  • 7. DOM-Diff
  • 8. context穿透传值原理
  • 9. 生命周期
  • 10. Hooks
  • 11. router原理
  • pureComponent原理
  • 12. redux原理

React16架构演变

  • React15架构导致卡顿
  • React16如何解决卡顿
  • React16架构是什么
  • 卡顿即掉帧
  • 模拟 StackReconciler 与 FiberReconciler
  • 代数效应(未完成,待加深理解)
  • 感谢
  • Lanes模型

React16 Fiber

  • Fiber是什么
  • Fiber的工作原理(Fiber树篇)
  • Fiber的工作原理(Fiber节点篇)
  • JSX是什么
  • 其他
  • 为什么Vue不需要Fiber
  • Diff算法

ReactHooks

  • useState
  • useCallback + useMemo
  • useReducer
  • useContext
  • useEffect
  • useLayoutEffect + useRef
  • forwardRef + useImperativeHandle
  • 延迟场景产生的闭包问题

React Router

    Zustand

    • 使用
    • Zustand优势

    History路由 VS Hash路由

    • 路由原理
    • API 具体实现
    • 一些思考
    • 优缺点

    Redux VS Recoil VS Zustand

      性能优化

      • 性能衡量指标
      • React性能优化
      • 首屏优化
      • webpack优化
      • 性能优化
      • keep-alive