博客

  • 认识 React.js(一):与 React.js 的初识

    React.js (以下简称React) 是由Facebook开发,用于构建用户界面的 JavaScript 库,也可能是目前最为流行的JavaScript UI库。

    每天,有来自全球各地的成千上万个前端工程师在使用 React 开发,也有数以万计围绕着 React 所构建的插件和框架。可以说,如果你想要进行现代化的 Web 开发,那么 React 一定是你值得去选择的其中一个。

    (另外一个或许是 Vue.js,不过那应该是另外一个系列了)


    那么,让我们来认识一下React。

    React 是用于构建用户界面的JavaScript库,因此掌握了 JavaScript 的同学可能会感到一些熟悉。但与常规的JavaScript不同,React提供了一种在JS代码中编写HTML的方法,因此编写网页时,不再需要将其分开编写。

    <body>
      <div>这是一个盒子</div>
    </body>
    <script>
    let a = "这是一个变量";
    </script>

    而是变成:

    const TestBlock = () => {
      let a = "这是一个变量";
      return (
        <div>这是一个盒子</div>
      )
    }

    如你所见,这样写免去了在JS代码和HTML代码中的来回跳跃,变量和结构之间的关系更加紧密。同时,可以将页面抽离为组件,每一个组件只负责自己的逻辑,而一个页面由不同的组件所构成,复用起来也更加方便直观。

    这样的语法,则被称之为JSX语法

  • 世界,您好!

    欢迎使用 WordPress。这是您的第一篇文章。编辑或删除它,然后开始写作吧!