前端学习笔记

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

一、源码准备篇

浏览 76 扫码 分享 2022-10-22 17:36:25
  • 1.拉取源码&安装依赖

    1.拉取源码&安装依赖

    1. git clone https://github.com/facebook/react.git
    2. cd react
    3. yarn

    若有收获，就点个赞吧

    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 ) 重置阅读进度
          思维导图备注