React:三、组件与模块,开发者工具

文章介绍了模块化和组件化的概念,模块化是将JavaScript代码拆分成独立的部分,而组件化则涉及HTML、CSS等的拆分。在React开发中,可以使用Chrome的开发者工具中的Components查看组件结构,Profiler分析组件性能。
摘要由CSDN通过智能技术生成

1.模块与组件

2.模块化与组件化

1.模块化:使用的js如果拆成模块了,就是一个模块化的项目。

                 例如:写一个页面分为头,左侧导航栏,主体部分,把各个部分的js都独立出来编写,就是一个模块化的项目。

2.组件化:使用组件开发的,就是一个组件化项目。

                 例如:写一个页面分为头,左侧导航栏,主体部分,把各个部分的html、css、font、img、vedio等等都拆分出来成一个组件,就是组件化开发。

3.react开发者调试工具

谷歌拓展程序搜索

下载了拓展程序f12,就有了下面两个按钮。

Components:表示这个项目用了哪些组件,组件的属性等等

Profiler:表示组件的性能,加载快慢等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值