非spa的前端开发是怎么管理代码的

Question

从事前端以来一直前后端完全分离的，现在的工作里代码是php模版和html，js混合在一起，window上挂了无数对象，改起代码来有着深深的挫败感

1.这种前后端合在一起，前端代码怎么组织比较好呢？
2.如果所有代码都写在一个js文件里，如何保证a页面需要的js代码正确执行，而不会执行b页面需要执行的代码呢

Answer 1

鲁殿你好！~

如果是php模板的话，是可以做一些模块化的。比如thinkPHP中，可以通过<include>标签去引用子模板的内容，从按钮到一些页面功能都可以用模块去做。

js方面也可以模块化，建议使用AMD或者CMD去组织，一个功能引用一个功能的js。加上，如果php模块化了，例：一个按钮，那么这个按钮php模板可以单独引用一个js。这样，js就不会冲突，更不会执行到其他页面的代码：因为没有被引用嘛~

不知道为什么都要写在一个js文件里……但如果一定要这样做，可能要注意谨慎使用全局变量，为每个功能不一样的元素设置不同的类名或ID以便绑定事件，把功能写到方法里去触发之类的……