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

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

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

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


鲁殿你好!~

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

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

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

【热门文章】
【热门文章】