2021-08-25

网址:https://www.bilibili.com/video/BV1wy4y1D7JT?from=search&seid=13608963540686468915

今日目标:P1-P2

P1:介绍了React:

1.React的特点:1.声明式编程 2.组件化 3.diff算法+虚拟DOM

React高效原因:虚拟DOM,可以减少操作DOM,避免过多的回流和重绘

P2:渲染Hello World到页面

1.引入三个react相关js文件,分别是React,React-dom,babel。

2.手写一个“容器”(挂载点) <div id="test"></div>

3.手动创建虚拟DOM: const VDOM = <h1>Hello World</h1>

4使用API渲染页面: ReactDOM.render( VDOM , document.geElementById("#test"))

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Q1:什么是虚拟DOM? 难度::star: 虚拟DOM(VDOM)它是真实DOM的内存表示,一种编程概念,一种模...
    陈二狗想吃肉阅读 456评论 0 1
  • 一.单线程和异步的关系 单线程:同一时间只能做一件事原因:避免DOM渲染的冲突解决方案:异步实现方式--event...
    王蕾_fd49阅读 392评论 0 0
  • 一 .react 的理解 1. react是一个界面 的库 react 全家桶 加起来是一个框架 2. rea...
    陈情令阅读 1,064评论 0 1
  • 一、原生js操作dom 二、react实现hello world 第一步:按顺序引入依赖 第二步:将type类型写...
    西北有高楼lee阅读 196评论 0 0
  • 简介: 当2014年Facebook推出React时,给整个业界带来全新的看待网页应用开发的方式,和React一同...
    我寄你的信总要送往邮局阅读 361评论 0 4