zoukankan      html  css  js  c++  java
  • 对于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)
  • 相关阅读:
    CodeForces 279B Books (滑动窗口)
    LightOJ 1010 Knights in Chessboard (规律)
    HDU 2665 Kth number (主席树)
    URAL 2014 Zhenya moves from parents (线段树)
    HDU 5973 Game of Taking Stones (威佐夫博弈+高精度)
    HDU 5974 A Simple Math Problem (解方程)
    HDU 5980 Find Small A (水题)
    Spring入门篇——第5章 Spring AOP基本概念
    Java入门第二季——第4章 多态
    Spring入门篇——第4章 Spring Bean装配(下)
  • 原文地址:https://www.cnblogs.com/wj000/p/10967621.html
Copyright © 2011-2022 走看看