对于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

        下载网址:https://www.npmjs.com/

    三、自定义模块

      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)
posted @ 2019-06-03 15:00  网名想好了  阅读(267)  评论(0编辑  收藏  举报