React 运行流程

项目启动流程

1.项目目录下进行 npm start 命令

– 开启了一个服务器，服务器程序的唯一标识端口号3000

2.浏览器上访问 localhost:3000

localhost: 域名。  代表当前计算机在 网络中的名字
localhost:3000 访问当前计算机中 端口号是3000的软件

3.index.html

固定名称的文件：当访问服务器时，如果没有指定访问的文件名称默认访问index.html
此文件中存在 <div id="root"></div>

4.webpack工具：脚手架自动配置了此工具，项目运行时会自动打包 index.js 文件引入到 index.html 中

5.index.js

引入了 App.js 并且渲染到 id="root" 的标签

6.App.js
项目的根组件：

React项目是 SPA 项目： Single web page Application 单页面网页应用
整个网站只有一个页面，通过路由切换页面中的局部内容，实现页面的变更。

React 运行流程相关推荐

2021年大数据Hadoop（二十七）：YARN运行流程
全网最详细的Hadoop文章系列,强烈建议收藏加关注! 后面更新文章都会列出历史文章目录,帮助大家回顾知识重点. 目录本系列历史文章前言 Yarn运行流程本系列历史文章 2021年大数据Hado ...
HDFS源码分析心跳汇报之BPServiceActor工作线程运行流程
在<HDFS源码分析心跳汇报之数据结构初始化>一文中,我们了解到HDFS心跳相关的BlockPoolManager.BPOfferService.BPServiceActor三者之间的关系 ...
python爬虫流程-Python爬虫程序架构和运行流程原理解析
1 前言 Python开发网络爬虫获取网页数据的基本流程为: 发起请求通过URL向服务器发起request请求,请求可以包含额外的header信息. 获取响应内容服务器正常响应,将会收到一个res ...
WordPress 运行流程分析
2019独角兽企业重金招聘Python工程师标准>>> WordPress 的运行流程如下图所示: 整个wp的程序结构比较特别,也不象一些普通的面向过程,也不是MVC,总之就是他自己 ...
Python爬虫：scrapy 的运行流程和各模块的作用
scrapy的运行流程爬虫 -> 起始URL封装Request -> 爬虫中间件 -> 引擎 -> 调度器(Scheduler): 缓存请求, 请求去重调度器 -> ...
MyBatis的架构和其运行流程
0x00:MyBatis 架构组成 MyBatis 整体的架构组成为:数据源配置文件.SQL 映射配置文件.会话工厂.会话.执行器以及底层封装对象组成. 0x01:数据源配置文件对于持久层框架,连接 ...
一个对象的内存图及运行流程和3个对象的内存图的运行流程
内存图运行流程(大致流程) 1.执行main方法 2.对象创建 3.创建一个新的对象,值为空 4.生成地址,并将空值输出 5.栈中地址就指向新对象的地址 6.方法区的地址值 7.堆中对象存有方法区的地 ...
python基础爬虫的框架以及详细的运行流程
网络爬虫是什么? 网络爬虫就是:请求网站并提取数据的自动化程序网络爬虫能做什么? 网络爬虫被广泛用于互联网搜索引擎或其他类似网站,可以自动采集所有其能够访问到的页面内容,以获取或更新这些网站的内容和 ...
Apache Shiro的运行流程和权限控制方式分析
Apache Shiro的运行流程和权限控制方式分析 Shiro的架构有3个主要的概念: Subject SecurityManager Realms 下面的关系图是关于这些组件是如何交互的高级概述. ...

React 运行流程

项目启动流程

React 运行流程相关推荐

最新文章

热门文章