前端学习笔记

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

原理基础篇

浏览 76 扫码 分享 2022-10-21 20:13:18
  • 一、React.Component
  • 二、React新旧生命周期对比
  • 三、React数据流
  • 四、Ref探索
  • 五、React-Hooks 设计动机与工作模式
  • 六、深入 React-Hooks 工作机制
  • 七、理解虚拟DOM
  • 八、React15 中的“栈调和”（Stack Reconciler）
  • 九、setState到底是同步还是异步
  • 十、探究React协调中的diff思想
  • 十一、路由原理

若有收获，就点个赞吧

0 人点赞

上一篇:
下一篇:
  • 书签
  • 添加书签 移除书签
  • 学习链接
    • 前端学习链接整理
    • 前端大纲学习结构
    • 前端需要掌握的数据结构和算法大纲
    • 灵魂拷问
  • React相关
    • React框架基础
      • 一、React基本使用
      • 二、React高级特性
      • 三、React性能优化
      • 四、React高阶组件
      • 五、JSX本质
      • 六、实现React.createElement方法
      • 七、虚拟DOM
      • 八、组件复合
      • 九、Hooks
      • 十、React路由
      • 十一、CSS模块化
      • 十二、Redux
    • React原理篇
      • 原理基础篇
        • 一、React.Component
        • 二、React新旧生命周期对比
        • 三、React数据流
        • 四、Ref探索
        • 五、React-Hooks 设计动机与工作模式
        • 六、深入 React-Hooks 工作机制
        • 七、理解虚拟DOM
        • 八、React15 中的“栈调和”（Stack Reconciler）
        • 九、setState到底是同步还是异步
        • 十、探究React协调中的diff思想
        • 十一、路由原理
      • 架构篇
        • 一、Fiber 架构的迭代动机与设计思想
        • 二、ReactDom.render渲染过程(一)
        • 三、ReactDom.render渲染过程(二)
        • 四、ReactDom.render渲染过程(三)
        • 五、ReactDom.render渲染过程(四)
        • 六、commit阶段（不作为重点）
        • 七、React事件系统
      • 优化篇
        • 一、高性能的 React 应用
        • 二、React性能优化
        • 三、海量数据渲染处理
      • 生态、新特性、设计模式
        • 一、React17改变
        • 二、Redux设计思想和原理
        • 三、React 设计模式
    • 手写React16.8源码篇
      • 大纲
      • 一、createElement实现
      • 二、render实现
      • 三、并发模式%26fiber介绍
      • 四、fiber
      • 五、渲染和提交
      • 六、协调
      • 七、function组件
      • 八、hooks
      • 九、class组件
    • 阅读React源码篇
      • 一、源码准备篇
      • 二、React设计理念篇
      • 三、React15架构
      • 四、React16架构
      • 五、React.createElement
      • 六、Fiber
      • 七、双缓存
      • 八、render阶段
    • React场景实践篇
      • 一、自定义hooks
    • 手写React15源码篇
      • 一、实现React-Render流程
      • 二、实现函数组件Render
      • 三、实现类组件Render
      • 四、实现批量更新
      • 五、合成事件
      • 六、老生命周期
      • 七、DOM-DIFF（一)
      • 八、DOM-DIFF（二）
    • React单元测试
      • 一、React单元测试
  • 工程化
    • 基础篇
      • 一、git
      • 二、包管理工具
    • Webpack
      • webpack5实践篇
        • 一、基础
        • 二、实践基础篇
        • 三、实践进阶篇
        • 四、优化篇
        • 五、专业术语
        • 六、实现loader
          • 一、简单loader
          • 二、多个loader依赖
        • 七、实现plugin
          • 一、简单的plugin
      • 原理篇
        • 一、核心原理
        • 二、webpack bundle打包原理分析
      • webpack4概念和实践
        • 一、初识Webpack
        • 二、Webpack基础用法
        • 三、Webpack进阶用法
        • 四、Webpack高级概念
        • 五、Webpack常用知识点总结
  • 组件库
    • 一、初始化项目
    • 二、Button组件
    • 三、Form组件
  • 网络、浏览器相关
    • 浏览器工作原理
      • 一、宏观下的浏览器
      • 二、浏览器中的JavaScript执行机制
      • 三、V8工作原理
      • 四、页面循环系统
      • 五、浏览器中的页面
    • HTTP协议
      • 一、宏观下的HTTP
      • 二、基础篇
      • 三、进阶篇
      • 四、安全篇
      • 五、HTTP2%26HTTP3
    • 计算机网络
      • 一、传输层协议TCP
      • 二、TCP封包格式
      • 三、滑动窗口和流速控制
      • 四、TCP 协议和 UDP 协议的优劣势
  • 源码手写相关
    • 手写库
      • Ts实现Axios
        • 一、GET请求
        • 二、POST请求
        • 三、异常处理
        • 四、拦截器
        • 五、合并配置
        • 六、请求响应转换
        • 七、取消任务
      • Promise
        • 二、以小白视角一步步实现Promise源码(一)
        • 二、以小白视角一步步实现Promise源码(二)
      • 常见手写
        • 一、继承
        • 二、数据类型判断
        • 三、数组去重、扁平化
        • 四、解析URL参数为对象
        • 五、字符串模板
        • 六、柯里化
        • 七、instanceOf
        • 八、call、apply、bind实现
        • 九、防抖、节流
        • 十、深拷贝%26浅拷贝原理
        • 十一、发布-订阅
        • 十二、高阶函数
        • 十三、实现new
        • 十四、缓存函数
        • 十五、手写Promise（一）
        • 十六、手写Promise（二）
        • 十七、手写Promise（三）
    • 源码共读
      • 一、Vue3 源码中的基础工具函数
      • 二、co 源码学习
      • 三、Koa-Compose源码
  • 项目相关
    • 项目优化、痛点
      • 一、Promise、Async相关
      • 二、设计模式使用
      • 三、React + Node 实现大文件分片上传、断点续传、秒传方案
      • 四、前端监控
      • 五、海量数据处理
  • 数据结构
    • 数据结构与算法定义
      • 一、时间复杂度分析
      • 二、栈
      • 三、队列
      • 四、链表
      • 五、二叉树
      • 六、分治算法
    • 数据结构与算法习题
      • 刷题记录
      • 学习算法思维
      • leet code必刷题
      • 代码模板
      • 一、数组
      • 二、栈
      • 三、链表
      • 四、排序
      • 五、队列
      • 六、Map %26 Set
      • 七、字符串
      • 八、回溯%26递归
      • 九、树
  • 基础概念相关
    • Typescript
      • 一、TS基础
      • 二、基础理论
      • 三、常用特性总结（看这篇够用）
    • 前端基础散文
      • 带你熟悉异步解决方案（一）
      • 带你熟悉异步解决方案（二）
      • DOM基本操作
      • DOM事件流
      • 迭代器
      • ESnext
      • babel
      • HTML和CSS基础知识点
      • 值类型和引用类型
      • 执行上下文
      • 作用域与作用域链
      • 闭包
      • Ajax
      • 一篇文章带你掌握继承的实现方式
    • 前端概念xmind
      • 一、React知识点梳理
      • 二、前端基础（待补充）
      • 三、es6+（待补充）
      • 四、题目整理
      • 五、Webpack
  • 工具类
    • 常用资源网站
    • vscode插件
  • node
    • 一、node基础
    • 二、node实践（一）
    • 三、node实践（二）
    • 四、http
  • 2022学习计划
    • 一、优质手写题
      • 1、数据结构与算法类题
    • 二、手写React18源码
      • 1、初始化项目
    • 四、React源码理论篇
      • 1、设计理念
      • 2、虚拟DOM
      • 3、React新老架构
      • 4、fiber
      • 5、协调%26diff
暂无相关搜索结果！

    让时间为你证明

    展开/收起文章目录

    分享，让知识传承更久远

    文章二维码

    手机扫一扫，轻松掌上读

    文档下载

    请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
    PDF文档 EPUB文档 MOBI文档

    书签列表

      阅读记录

      阅读进度: 0.00% ( 0/0 ) 重置阅读进度
        思维导图备注