对于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)
 
                    
                     
                    
                 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号