最近刚刚学习了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)

对于Mobile模块化的概念认知(小白)的更多相关文章

  1. js模块化规范—概念和模块化进化史以及模块化的问题

    模块的概念 一个复杂的项目开发中,会写很多js文件,一个js文件执行某些特定的功能,那么每个js都可以称为一个模块,这就是模块的概念 每个js模块内部数据/实现是私有的, 只是向外部暴露一些接口(方法 ...

  2. I-O流概念认知升级

    在文件操作基础入门中,我们提到了流的 概念,这篇我们将更多的介绍流这个东西,以及C的I/O相关知识 现在,我们从C程序员最熟悉的printf函数开始学习I/O流. 我们对printf函数一直是很喜爱的 ...

  3. activity 概念认知

    工作流生命周期,5步 定义,工作流生命周期从流程定义开始. 发布,由开发人员打包各种资源,然后在系统管理中发布流程定义.包含流程定义文件.自定义表单.任务监听等. 执行,有具体的流程引擎如 activ ...

  4. Java模块化概念解惑与现状总结

    在过去几年,Java模块化一直是一个活跃的话题.从JSR 277(现已废止)到JSR 291,模块化看起来是Java进化过程中的必经一环.即便是基于JVM的未来语言,比如Scala,也考虑了模块化的问 ...

  5. Python小白的数学建模课-15.图论基本概念

    图论中所说的图,不是图形图像或地图,而是指由顶点和边所构成的图形结构. 图论不仅与拓扑学.计算机数据结构和算法密切相关,而且正在成为机器学习的关键技术. 本系列结合数学建模的应用需求,来介绍 Netw ...

  6. JS模块化开发：使用SeaJs高效构建页面

    一.扯淡部分 很久很久以前,也就是刚开始接触前端的那会儿,脑袋里压根没有什么架构.重构.性能这些概念,天真地以为前端===好看的页面,甚至把js都划分到除了用来写一些美美的特效别无它用的阴暗角落里,就 ...

  7. 详解JavaScript模块化开发

    什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等 ...

  8. 模块化利器: 一篇文章掌握RequireJS常用知识

    通过本文,你可以对模块化开发和AMD规范有一个较直观的认识,并详细地学习RequireJS这个模块化开发工具的常见用法.本文采取循序渐进的方式,从理论到实践,从RequireJS官方API文档中,总结 ...

  9. 学习了一下javascript的模块化编程

    现在在我脑海里关于“模块化”的概念是这些词:简单.具有逻辑之美.易用.健壮.可扩展.似乎这些形容与我现在水平写出的代码有点格格不入啊. 所以今天想了解和简单的实践一下“模块化开发”. 1.首先学习一下 ...

随机推荐

  1. Object类型转换为String类型

    1. Object.toString() 1 obj.toString() 注意:必须保证Object不是null值,否则将抛出NullPointerException异常. 2. (String)O ...

  2. CCF201612-2 工资计算 java（100分）

    试题编号: 201612-2 试题名称: 工资计算 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 小明的公司每个月给小明发工资,而小明拿到的工资为交完个人所得税之后的工资.假 ...

  3. LearnPython笔记:ex48 代码

    赶紧写上 ,一定有人着急要看,啊哈哈哈哈,嘻嘻 哈哈 不枉我起了个大早 利用什么碎片时间啊,真正能深入学习的,是需要大段大段不被打断的时间 1. 完全实现了如下几种输入数据: 2. 遗留:最后一个el ...

  4. radial profiles of mean streamwise velocity at X/D=3

    matlab code: load aver_ux_array.dat; load z_array.dat; r=z_array(:,); r=r.' r_j=0.00125; r_nor=r/d; ...

  5. 洛谷 1803 凌乱的yyy

    [题意概述] 给出100W个区间,要求找出尽量多的区间满足它们互补重叠,输出最大的区间数. [题解] 贪心. 对区间按照右端点从小到大排序,然后逐个加入合法区间即可. #include<cstd ...

  6. Codeforces 989C - A Mist of Florescence

    传送门:http://codeforces.com/contest/989/problem/C 这是一个构造问题. 构造一张网格,网格中的字符为’A’.’B’.’C’.’D’,并且其连通块的个数分别为 ...

  7. App后台开发运维和架构实践学习总结（5）——App产品从需求到研发到开发到上线到产品迭代全过程

    前言 如果没有做过开发,研发过产品的人,很难体会做产品的艰难,刚进公司的人,一般充当的是程序开发,我这里说的是开发,它与研发是有区别的. 一个需求下来,如果不能很好地理解产品需求,如果不能很好的驾驭需 ...

  8. MongoDB怎么快速的删除数据库数据？

    我的mongodb里有10+数据库.现在需要重置这个环境,得到干净的没有数据的MongoDB.怎么快速安全的删除这些数据库数据呢? 记得首先备份你的数据库mongodump -o bakfolder ...

  9. Wow! Such Sequence! （线段树） hdu4893

    http://acm.hdu.edu.cn/showproblem.php?pid=4893 先贴上一份还没过的代码,不知道拿出错了  1 // by caonima ; ; ],col[MAX< ...

  10. kendo grid dropdownlist 联动 cascading

    之前是无法联动的 后来将html页面中的 //$('<input required data-text-field="CompanyName" data-value-fiel ...