大厂神技--React框架

    科技2022-07-15  142

    企业中项目开发流程

    需求调研: 产品定位, 受众群体, 市场需求, 开发价值(产出物: 需求文档)产品设计: 功能模块, 流程逻辑, 确定项目的基本功能(产出物: 设计文档, 交互稿)项目开发: 项目架构, 美工, 前端, 后台, 测试运营维护: 上线试运行, 调Bug, 微调功能模块, 产品迭代

    React概述

    简介: React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。特点: 声明式设计:React采用声明范式,可以轻松描述应用。高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。灵活:React可以与已知的库或框架很好地配合。 核心概念 虚拟DOM(Virtual Document Object Model) DOM本质: 用JS表示的UI元素DOM和虚拟DOM的区别: DOM是浏览器提供的, 虚拟DOM是程序员提供的.原理: 就是通过比较算法, 只更新改变的DOM元素

    React更多细节

    入门 下载相关依赖: npm i react react-dom -s导入到项目中: import React from 'react' import ReactDom from 'react-dom'创建DOM元素 参数1: 是个字符串类型的参数, 表示要创建的元素类型参数2: 是一个属性对象, 表示创建的这个元素上, 有那些属性参数3: 从第三个参数的位置开始, 后面可以放好多的虚拟DOM对象, 这些参数, 表示当前元素的子节点 挂载元素 ReactDOM.render(‘要渲染的虚拟DOM元素’, ‘要渲染到页面的那个位置’)

    未完待续… 有需要请点赞,会尽快更新.

    Processed: 0.012, SQL: 8