从后台到前台

很多Web后台开发人员对前台开发人员有一种天生的优越感，感觉前台开发就是做做Web界面，没什么技术含量；前台开发人员不懂技术，就是美工。我就是这些后台人员之一。

 

不过有意思的是，虽然后台开发人员总是觉得自己高人一等，可让他们去做前台页面，却很少见他们能搞定。这方面我有亲身的经历。实际上我和一般后台人员还有点不同，我喜欢排版，喜欢做清爽的界面。我做的Word文档要比很多人结构清晰，层次分明。但我就是做不好页面。我花了大量时间，学了HTML，CSS，JavaScript，我对他们的语法都很清楚，但是就是没有做出一个很好看的页面来。难道后台开发人员就是天生没有美感，没法做美工？

 

我不信。

 

这两天打算做一个小网站，做页面的过程中，忽然有一些感触。我发现了自己的一个问题。

 

我总是拿着教科书上说的方法来做界面原型

=========================

教科书上说，页面的结构要和展示分离，逻辑要和结构分离。html里不能有展示内容，脚本要写在html之外。对于做产品来说，这是对的。这样做出来的页面可维护性好，容易修改。但这不适合做界面原型。界面原型的唯一要求就是快速搞定，快速反馈，快速修改，继续反馈，继续修改。当我有一个界面的想法时，快速把它变成现实界面看一下，远比按部就班写结构化良好的html和css重要。以往我的问题是，要写结构严整的html，前面加上一对html头部，把css和js拿到外面，html中定义一对class和id。界面原型还没有看到，单单做前面这些就已经费尽脑汁，而真正有用的界面还没做出来，而此时往往已经没精力去做了，每次界面开发尝试也就到此为止。

 

我认为这是一个很大的错误。我没有看过美工做的界面时什么样子，我相信他们应该没有良好的变成习惯，应该会把展示都直接写在html里。我相信我作为一个后台开发人员，如果看到这种美工页面时，我会在心里耻笑他们写代码的不良习惯，从而再次体会自己作为后台开发人员的优越感。但我忘了，他们真正的目标是把页面做出来，作为一个前台开发人员：“我心中有万千世界，只想与你分享”是最最重要的，其他编码习惯之类都是小事，原型有了，慢慢琢磨即可。

 

想想我们做后台程序，其实也是一样。我们写原型的时候，什么时候想过配置log4j？不是更多直接sysout打印吗？

 

做一个优秀的展现界面需要良好的美感，需要良好的创意和整体结构把握，其难度一点也不比做后台功能小。前后台应该拉通，这才是我们开发人员应该具备的能力。

 

不知道自己是否发现了后台人员做前台难的真正原因。但按照这个思路做下去，相信能最终做好的。

 

另外一个问题，设置某个html元素的style后，并不总是生效，因为有一堆的覆盖策略，并且不同浏览器的实现方法也不同，需要面对多浏览器兼容的繁琐问题，开发后台的人最烦这种事，这也是做html与做后台的很大区别。