react工程化开发

react工程化开发

组件化/模块化

业务组件 & 通用组件

全局命令create-react-app

npm run eject

npm run eject 暴露webpack配置。(一旦暴露就无法还原)

新增了很多依赖项

@babel/core es6转成es5

react-refresh 关于刷新的插件

babel-preset-react-app 对@babel/presest-env的重写,使其能识别react的语法

尝试配置项修改

规则配置项通过module.exports导出,导出一个函数,未来这个函数一定会执行。

以修改less为例:

环境变量更改:cross-env

浏览器兼容

browserlist

*5.proxy跨域

MVVM

*区别mvc&mvvm

两者的区别:

数据模型去渲染视图。数据层改了,vue自己会监听到帮我们拿最新的数据去渲染视图;构建数据构建视图,数据驱动的思想。这一套是非常相似的。

视图中的内容改变,比如一个input,vue会监测到视图改变自己把数据改了 ,不仅实现了数据驱动视图,视图也驱动数据,反向地视图驱动数据,双向的

jsx构建视图

xml:通过自定义标签存储数据

通过reactdom

10n -> bigint

相关推荐
小小怪下士_---_1 分钟前
uniapp开发微信小程序自定义导航栏
前端·vue.js·微信小程序·小程序·uni-app
前端W3 分钟前
腾讯地图组件使用说明文档
前端
页面魔术5 分钟前
无虚拟dom怎么又流行起来了?
前端·javascript·vue.js
胡gh5 分钟前
如何聊懒加载,只说个懒可不行
前端·react.js·面试
Double__King9 分钟前
巧用 CSS 伪元素,让背景图自适应保持比例
前端
Mapmost10 分钟前
【BIM+GIS】BIM数据格式解析&与数字孪生适配的关键挑战
前端·vue.js·three.js
一涯11 分钟前
写一个Chrome插件
前端·chrome
鹧鸪yy18 分钟前
认识Node.js及其与 Nginx 前端项目区别
前端·nginx·node.js
跟橙姐学代码19 分钟前
学Python必须迈过的一道坎:类和对象到底是什么鬼?
前端·python