这是一个创建于 3276 天前的主题，其中的信息可能已经有所发展或是发生改变。
目前我的做法是每一個 js 文件 (eg. product.js / article.js) 頭都有一個這樣的代碼。遇到 body 裡面有這個 className 就執行。
if (!$('body').hasClass("body-element-name")) {
return false;
}
然後代碼用 gulp 壓成了一個 .js ， HTML 頁面按需求執行需要的部分。
不知這樣是否合理，你們都怎麼做？
 |
1
zkd8907 2015-12-09 23:22:01 +08:00
其实这样和直接在 html 里写
```window.config = {}; window.config.module1=true; window.config.module3=true;``` 然后在各个 js 的头部写 ```if(!window.config.module1)return;``` 是没有区别的 然而现在一般意义上说所的模块化，除了说把不同的 module 分成独立文件，还包括诸如模块(异步)加载、模块依赖的=。= |
 |
2
SolidZORO OP @zkd8907 嗯，沒錯。我只是想簡單的讓 js 識別 className 運行而已。疑惑這樣很多的 hasClass 判斷是否會影響性能，因為現在 js 文件有 10 多個了。
還想多看看大家的實現方式。 |
 |
3
liuzhen 2015-12-09 23:30:29 +08:00
我现在公司有个人 js 代码就是你说的这样，一开始简直有点不习惯，现在倒也能接受。
前端这几年发展太快，项目启动时没有及时规范后面好容易每个人整一种模式在项目里 |
 |
4
belin520 2015-12-09 23:31:18 +08:00 via iPad
什么套路？
|
|
5
zkd8907 2015-12-09 23:47:15 +08:00
@SolidZORO 这样做肯定是可以的，性能肯定是比直接判断 window.config.module1 慢的，但是如果数量不多的话倒也还好，在现代浏览器上应该几乎没有区别。
|
|
6
zkd8907 2015-12-09 23:48:22 +08:00
如果你们的项目用这种方式就能解决问题的话，倒也无所谓。毕竟框架、设计本身也要服务于业务嘛。
|
 |
7
zhouyg 2015-12-10 10:42:31 +08:00
我们是 body 有十几个 data-xxx ，启动时把这些数据放到挂到全局的对象中。
然后 switch case..好像跟 lz 差不多。 |
Select Language