在前端开发一些独立的项目时,如何建模,还是大脑想好思路就开写代码,有用到UML么?

Question

开发稍微大点的项目,大家都是如何进行设计和分析的,都用到那些建模工具,关于面向对象设计和分析大家都是如何应用到前端开发的,还是有其他的方式,或者搞前端重点放在代码构建过程中,过程中迭代更新代码结构和设计,我目前是这种方式不知道对不对,想参考更好更美的方式

Answer 1

设计模式

• 设计模式有很多，如何设计取决于你理解并熟知哪些设计模式以及更重要的是项目的需求。
• AlloyTeam曾写过Javascript的17种设计模式实践。
• 可以看看《Javascript设计模式》这本书。
• 使用框架，每个框架都包含了本身优势的设计模式，使用它就可以一定程度上决定你的系统设计，但前提仍然是熟悉它，否则毫无益处。

工具

• 你可以使用UML，无论是软件还是白板甚至白纸都可以，但前提是你必须熟练掌握，而不是了解。另外UML最大的好处在于交流，如果是开发独立的项目不一定要使用UML，你可以随意的画一些草稿，只要你能理解就可以。
• 作为前端，可视化的界面也是一个非常重要的部分，所以不要仅仅停留在系统设计上，交互设计，视觉设计，把它们全部考虑进去，因为往往视觉设计决定了交互设计，交互设计决定了系统设计。
• 你可以使用axure RP设计原型，还可以使用Photoshop设计UI，另外还有一些在线工具：
  • WireFrame - 设计原型
  • FluidUI - 设计移动端原型
  • PhotoRaster - 图片编辑

方法

TDD

如果你了解单元测试，可以尝试测试驱动开发，它的基本三部曲是，红条-重构-绿条。也就是先写测试，此时没有开发代码，所以测试不通过，然后重构代码使之通过测试，如此循环不断重构代码。它的好处是在你写测试的时候就会慢慢构建出整个系统的结构和接口设计，并且为了保证你的代码可以被测试，你会自然而然的暴露出应该暴露的东西，封装起应该封装的东西，大大减少了冗余代码和功能模块。

渐进增强

先保证低级浏览器中基本逻辑的实现，然后逐渐增加完善，比如先构建HTML部分，然后考虑在不支持css和js的古老浏览器中也可以完成基本逻辑功能。然后添加基本的样式和逻辑，以及为高级浏览器添加一些CSS3和HTML5的高级技术。

Answer 2

前端没遇到真正的大项目，一般规模的项目简单做些思维导图，理思路就够了。

Answer 3

前端开发
1.原型设计
2.出效果图
3.切图
就好了。

要是你提问时候 能分一下段落 就更好了。