前端那些事-React基础

84 阅读2分钟

特性

  • Declarative 声明式编程
  • Component-Based 组件化编码
  • Learn Once,Write Anywhere 支持客户端与服务器渲染
  • 高效
  • 单项数据流

React高效的原因

  • 虚拟DOM
    修改虚拟DOM 修改完成后 虚拟DOM映射到真实存在的DOM中
    从而达到批量修改 增加工作效率
  • DOM diff算法
    最小化页面重绘

模块与组件和模块化和组件化的理解

模块

模块:向外提供特定功能的js文件
特点:js代码更多更复杂
优点:复用js文件 简化js的编码 

组件

组件:用来实现特定/局部功能带代码集合(HTML、CSS、JS)
使用场景:功能复杂的界面
作用:复用编码,简化项目编码 
目的:提高运行效率

模块化

当应用的js都以模块来编写的,这个应用就是一个模块化的应用

组件化

当应用以多组件的方式实现,这个应用就是一个组件的应用
    

安装

相关软件

Vscode

概述

Vscode是是一款由Microsoft Corporation开发并推出的用于用于跨平台编写源代码的编辑器,Vscode支持在全平台运行,能够对Java、TypeScript和Node的运行支持,Vscode还有其它的语言运行时的拓展生态环境。

官网链接:code.visualstudio.com/

Node.js

Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好,V8引擎执行Javascript的速度非常快,性能非常好,基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。

官网链接:nodejs.org/zh-cn