对于Mobile模块化的概念认知(小白)
最近刚刚学习了Mobile的一些基础知识,把它整理一下方便自己的学习
那什么是Mobile呢?
自己的理解是将一个项目中共同的部分抽出来,这样就形成了Mobile模块。
为什么要使用Mobile呢?
传统开发的缺点:
1) <html>
<script src="index.js"></script>
</html>
耦合度太高,代码之间的关联性强,不利于后期的开发维护
2)
<script src="nav.js"></script>
<script src="banner.js"></script>
<script src="lazy.js"></script>
发生的请求次数过多,难以进行维护
Mobile模块的优点:
减少代码与代码之间的关联
更加灵活,想引入哪个就引入哪个
避免代码之间的重名,也利于维护
模块的使用
一、Node自带的模块
二、第三方模块
1)、jQuery、weui、Zepto
三、自定义模块
1)、配置模块说明文件(在服务器端)
在node.js中输入npm init就会生一个package.json的文件
package.json内容如下:
{
"name": "wang",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
"main": "index.js"表示主文件为index.js
2)、在浏览器端
在浏览器端我们会发现require为not defined,说明浏览器端不支持conmmon.js,这时我们就需要借鉴打包工具(browserify webpack guip)