首页 > 如何提高对JS项目的总体设计能力?

如何提高对JS项目的总体设计能力?

我是Java出身,写过Android,也曾经写过PHP,后来学了Web前端开发,现在和朋友一起做NodeJs作为后端的WebAPP。

现在有一种感觉,就是我们之前的水平顶多是盖个平房的水平,现在的项目却像是盖摩天大楼,总一种力不从心,又不知道应该去学什么的感觉。HTML,CSS,JS都会,也学习了一些类似Vue的框架,还弄懂了Gulp。但是按照目前的工作方式,还是面临很多的问题。

比如:
1.代码管理很乱,感觉每个文件都写了很多杂七杂八的东西,文件耦合很严重(暂时没用vue)。
2.代码没有规范,每个人都在按自己的想法写,这在以前做项目时无所谓,反正页面都是做一个扔一个,很少继续维护的,但是现在的项目比较大,以后肯定面临换人维护的问题。不知道怎么办,不知道有没有现成的规范可以遵守。

请问各位,现在这种情况,该怎么改进呢?有没有相关学习资料可以推荐?
非常感谢。

这个问题很像是练武之人进入了“招式都会,但是内功不行,却不知道怎么练”的地步。希望可以得到高人指点。


你需要《设计模式》


所以到底是前端文件结构混乱还是服务器端的NodeJS项目结构混乱?

对于前端结构管理,你可以参考一些框架的初始模板(即使不使用框架,也可以参考目录结构)。
后端的话,如果本身没什么思路,我建议可以找一些express的模板参考一下思路。或者看看Sails.js,这个是一个比较成熟的企业级Nodejs后端框架。

代码规范可以用eslint之类的监测工具强行规范,适应一两天就好了。


你需要设计模式...
前后分离,各自使用不同的设计模式,通过数据交互
至于项目构架,需要前后统筹,重点在性能和客户体验上做出平衡


我以为后端转前端设计思路上会更注重代码的可操作性,更加注重前后端分离的概念,所以你可以去看看设计模式这本书


每个feature做完了,所有开发人员坐下来,花半天code review,花1-2天重构下代码撒。
如果你是架构师角色,那就抽一部分精力来慢慢把项目migrate到好的方向,然后给developer们灌输你的设计思想吧。


Vue 与 React 项目的设计与架构:
https://github.com/kenberkele...
https://github.com/kenberkele...

欢迎品鉴


传统后端在转使用nodejs时,最大的问题莫过于异步的坑,虽然其他语言也有异步编程的库,但是一般的开发中很少用到。在我看来js不仅仅是弱类型,更是弱语法,在继承上的模糊更是让以前用java,c#这些基于类的程序员摸不着头绪,没办法像以前那样组织好代码。建议使用个框架来帮助组织代码,毕竟用其他语言开发时大多数也是在用框架。


我以为从后端转过来的都懂这些的

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