mobile开发模式

1.传统的开发模式:这个网页就写一个js,全部的特效都在这个里边前端

  缺点:耦合度过高,代码关联性太强,不便于后期维护,会形成全局污染。node

 

  发生请求的次数太多,依赖模糊,难于维护webpack

2.模块化开发web

  (1)为何要使用模块化?gulp

    减小代码之间的关联度,部署方便,更好的分离,按须要加载,比免命名冲突,容易维护。浏览器

  (2)什么是模块化?模块化

    模块化就是将js文件按照功能分离,根据需求引入不一样的文件中。ui

    在前端开发中,最早出如今node.js中,common.js中(module.exports和require)随着web应用的模块化,在浏览器端页是须要进行模块化开发,早期AMD,CMD规范,表明Require.js和sea.js。3d

    commonjs是node的规范,运行在服务端,不是浏览器端,若是使用在浏览器端,须要使用对该文件进行打包编译(借鉴browserify,webpack,gulp等)模块化开发

    书写模块的时候,对外暴露接口module.exports={}     exports.xxx=

    引入模块:require(路径)

    commonjs暴露的本质是一个叫exports的对象

    module.exports={}和exports.xxx=

    两者的本质都是同样的,都是暴露一个exports对象

  (3)注意:commonjs是node的规范,但他是同步加载的,同步加载在浏览器中就是一个坑,只要一个环节卡住了,后面的就没发执行。因此不建议使用,若是要使用须要编辑打包。

相关文章
相关标签/搜索