没有合适的资源?快使用搜索试试~ 我知道了~
前端模块化方案总结1
需积分: 0 0 下载量 56 浏览量
2022-08-08
20:00:34
上传
评论
收藏 15KB DOCX 举报
温馨提示
试读
2页
另外关于commonjs规范的模块化和ECMAscript模块化的区别es6 { export : '可以输出多个,输出方式为 {}' , e
资源推荐
资源详情
资源评论
1 模块化-基于 commonjs 规范
顶部声明依赖,底部导出内容,把组件逻辑放在中间。
导入模块方式: var React=require(react’)
声明组件方式:var Logo=React.createClass({*…..*})
导出模块方式: module.exports=Logo
2 基于 ECMAscript 模块
导入模块方式: import React from ‘react’
声明组件方式:var Logo=React.createClass({*…..*})
导出模块方式: export default Logo
.基于 ECMAscript 的类组件编写
修改前:var Logo=React.createClass({*…..*})
修改后:class Logo extends React.Component{/*……..*/}
几个区别,方法之间不再需要逗号隔开,方法通过 render(){}方式定义,
不需要像之前一样 render:function(){return},类中无属性只有方法,需要属性可
以由 this.nam 之类来定义。
另外关于 commonjs 规范的模块化和 ECMAscript 模块化的区别
es6 {
export : '可以输出多个,输出方式为 {}' ,
export default : ' 只能输出一个 ,可以与 export 同时输出,但是不
建议这么做',
解析阶段确定对外输出的接口,解析阶段生成接口,
模块不是对象,加载的不是对象,
可以单独加载其中的某个接口(方法),
静态分析,动态引用,输出的是值的引用,值改变,引用也改变,即原来模
块中的值改变则该加载的值也改变,
资源评论
shashashalalala
- 粉丝: 19
- 资源: 285
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于opencv的dnn模块实现Yolo-Fastest的目标检测python源码+模型+说明(高分项目).zip
- 使用Python调用微信本地ocr服务.zip
- 【精品推荐】人工智能在医疗中的应用.pptx
- 【精品推荐】电子医疗仪器人机接口-(1).ppt
- 【精品推荐】电子医疗仪器人机接口.ppt
- ubuntu镜像ubuntu镜像01
- 基于paddle搭建神经网络实现5种水果识别分类python源码+数据集(高分毕设).zip
- 【精品推荐】电子商务网店类型介绍.ppt
- 基于paddle搭建神经网络实现水果识别分类python源码+数据集(高分项目).zip
- 三菱plc编程口通信学习笔记.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功