• 对于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)
  • 相关阅读:
    插入排序(C语言版)
    2015蓝桥杯分机号(C++C组)
    2015蓝桥杯二项式
    2016蓝桥杯报纸页数(C++C组)
    区块链
    C语言学生管理系统完善版
    数据结构队列
    C语言数据结构队列
    C语言数据结构栈
    javascript 事件
  • 原文地址:https://www.cnblogs.com/wj000/p/10967621.html
Copyright © 2020-2023  润新知