mobile1

Posted 2021-12-20 guhuai

1　　.我们传统的网页开发，整个网页我们写一个js文件，所有的特效都写在里面了，有很多的缺点：耦合度太高，              代码关联性太强，不便于后期维护，会造成全局污染。

例如：这样

     

       发生的强求次数过多，依赖模糊，难于维护

       这些都是传统的开发形式，都被抛弃了

2.　　所以我们需要用模块化开发

　　　模块化的开发有很多的优点，可以减少代码之间的关联度，部署方便，更好的分离   按需要加载，避免命名冲突，容易维护。

3.　　那么什么是模块化开发呢？

　　模块化就是将js文件按照功能分离，根据需求引入不同文件中。源于服务器端。

所以我们就运用到了node.js,在node.js中，模块就是一个文件，通常js，json文件，包是多个模块的集合，类似文件夹

　　node自带的规范是commonjs规范

　　commonjs是node的规范，运行在服务器端，不是浏览器端，如果使用在浏览器端，需要使用对该文件进行打包编译(借鉴工具 browserify，webpack，gulp等)

　　我们书写模块时，为了使一个属性在另一个文件中也可以使用，就需要将一些属性进行暴露，我们可以用这两种方法  

　　　　　　module.exports=  

　　　　　　exports.xxx=xxx

注：二者暴露的本质是相同的，都是报录一个exports对象，不同的是第一个，如果后面再附一个对象的话就会覆盖前面的，而第二个是在exports赋值

　　然后我们在另一个模块用接口引入暴露接口的文件，是用require（路径）

　　commonjs暴露的本质是一样的，都是暴露一个exports对象

　　commonjs是node的规范，但他是同步加载的，同步加载在浏览器端是一个坑，只要一个环节卡住了，后面就没法执行。所以不建议使用，如果非要使用就需要编辑打包。

　　在web端

　　每个js都是一个模块，每个模块都必须有一个暴露接口，每个js文件有一个全局的方法叫require()用于引入模块。

　　接下来是模块

　　　　1.node自带的模块(包)       path url fs

　　　　2.第三方模块　　weui      zepto    jqury    axios

　　　　npm   全名  node    packsge        manager       node包管理工具  可进行    增删查改

　　　　详细使用方法见                          

https://www.npmjs.com/

　　　　如果npm操作太慢

　　　　可安装npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org            (在npm中输入此条语句)

　　　　　　下载     

　　npm  install  jquery     

　　载存放的位置

　　　全局下载       在任何一个文件下都可以使用这个包，全局安装目录

　　　　　　C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules

　　如何全局安装

　　npm install  -g jquery

　　　局部安装
　　npm install  jquery

　　就会在目录下生成一个node_modules的文件夹里面

　　npm install jquery   --save

　　这个是下载运行环境(生产环境)的包      比如jquery

　　

　　npm install jquery --save  -dev

　　这个是下载开发环境所以来的包      比如 npm    browserify

　　

　　二者区别

　　前者--save是上线是会被压缩的包，后者--save -dev是上线时会被抛弃的包

 

如果需要下载指定的版本         以jquery为例

npm   install   [email protected]   --save

　　npm install    要下载的文件名@版本号       --save

npm删除    npm     uninstall     jquery

npm查版本       npm   search       jquery

npm更新        npm     updata      jquery

　　　　3、自定义更新       我们写的

　　　　　　1.配置模块说明文件     npm  init     就会生成一个package.json的文件

　　　　　　

　　　main:index.js我们的主文件是index.js

　　　index.js是这个包的输出文件，即使删除了 package.json只要不改变index.js的文件名就没事，一旦改了机会报错，是因为包的输出文件默认是index.js

　　　　　2.。var obj=require("cui")

　　　　　　默认在node_modules文件夹下照这个包

　　　　　　在浏览器端，说require is not  defined   说明浏览器 不支持  commonjs，需要借鉴打包工具 

 　　　　　　　　<1>下载打包工具  

　　　　　　　　　　browserify      npm  i      browserify  -g

　　　　　　　　<2> 编译打包

　　　　　　　　　node  

　　　　　　　　　　node是javascrip的环境，在 node里面可以运行js文件。  指令   node      文件名