- 团队引入
weex
,temple、script、style
三部分写下来有上千行。有的页面比较复杂,逻辑比较多,按照“单页面”原则,文件很容易变得很长。 -
temple、style
放在一起很合适,但是script
是业务逻辑部分,最好能够单独列出来,跟界面分开 - 后来慢慢了解到
weex
其实是从node.js
改过来的。后来,和vue.js
合作,这种特点就更明显 -
module.exports
其实是node.js
的模块导出方式,weex
也有采用。其实也是可以用来将script
部分独立到其他文件中的。 - 第一步,是创建一个同名的
js
文件,然后将weex
中的script
部分独立出来。 - 第二步,将一些公用的功能封装在一些
js
文件,通过module.exports
导出对外的接口,供调用。 - 通过以上两步改造,基本上可以解决上千行的大文件问题了。至于具体怎么分,就按照具体情况来了。
- 微软提供的工具Visual Studio Code,就默认接了一个
node.js
,用起来很方便。 - 统一使用
module.exports
,不要用exports
- 每个
.js
文件都是一个模块,模块的好处就是避免命名空间污染。倘若你想让一个模块对外暴露变量,可以用module.exports = variable;
- 而一个模块想要引用另一个模块对外暴露的变量,用
require
关键字就可以了,如var ref = require(‘module_name’);
Node.js中的模块接口module.exports浅析
exports 和 module.exports 的区别
node.js module初步理解
关于node.js的误会
让我欲罢不能的node.js
- 文件名和文件夹名字用小写字母加下划线的方式,下划线开头的为内部文件
- 变量、函数采用小驼峰方式
- 类名采用大驼峰方式
- 常量采用大写加下划线方式