reactjs是什么

最新推荐文章于 2022-12-14 03:11:23 发布

_阿锋丶

最新推荐文章于 2022-12-14 03:11:23 发布

阅读量293

点赞数

分类专栏： javascript 前端

本文链接：https://blog.csdn.net/weixin_43342105/article/details/103347809

版权

javascript 同时被 2 个专栏收录

50 篇文章 2 订阅

订阅专栏

前端

28 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 
        reactjs是什么
        1，Facebook开源的一个js库
        2，用于动态构件用户界面的一个库
        3，react的特点
          *Declarative(声明式编码)、
          *Component-based(组件化编码)
          *支持客户端与服务器段的渲染(Learn Once,Write Anywhere)
          *高效
          *单项数据流
        
          React高效的原因
          1）。虚拟的DOM，不总是直接操作DOM
          2），高效的DOM Diff算法，最小化的页面重绘

          什么是Diff算法
          比较变换前的dom和变换后的dom的差别，只渲染局部的，肯定比渲染整个页面搞

          几个重要的概念
          1，模块与组件
            模块
                *理解：向外提供特定功能的js程序，一般就是一个js文件
                *为什么：js代码更多更复杂
                *作用：简化js的编码，阅读，提高运行效率
            组件
                *理解：用来实现特定功能效果的代码集合（html/css/js)
                *为什么：一个界面的功能更加复杂
                *作用：复用，简化项目编码，提高运行效率

           2，模块化和组件化
           模块化
             *当应用的js都以模块来编写的，这个应用就是模块化应用
           组件化  
            *当应用是以多组件的方式实现功能，这上应用就是一个组件化的应用 
            
            
        相关的js库
        react-js：Reack的核心库
        react-dom.js:提供操作DOM（虚拟的）的扩展库
        babel.min.js:解析jsx语法代码转为纯js语法代码的库

        什么是babel
        一个工具库：可以将ES6转化为ES5等功能
     -->
    <script type="text/babel">
    // 创建一个虚拟的DOM对象
        let user=<h2></h2>

    // 渲染虚拟的DOM对象
    
    </script>
</body>
</html>

_阿锋丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
reactjs是什么

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
复制链接

扫一扫