我心中的页面重构

前言：

今天第一次堵门口，霸面了一把，不是什么光荣的事。面试临走的时候，面试官要我今晚把作品以及简历发给他看看，并强调只要重构相关的。

直到今晚，我纠结半天，才发现我的很多作品，都是半吊子，都不能很好的展示我的重构技术。

正文：

页面重构是什么？

从字面上，页面重构就是要把曾经因为种种原因，开发出来的，但是对已经不适应现代社会发展的页面进行重写。7前年的表单布局，各种IE6的bug，再到后来的DIV泛滥。

而今，我认为页面重构被赋予了新的使命。

这里引用彪叔的一句话

“别在纠结IE6了，别在纠结各种hack”

IE6的各种bug已经都很完美的解决方案，最好的办法是直接给IE6上一套单独的样式，或者直接选择不兼容。

重构应该往前看，不再是传统的页面仔，不再是PSD -> HTML这么苦逼的活。

Html5、jQueryMobile等技术的出现，让我们可以快速地将现有产品转向移动互联网方面，占用手机平台。

响应式设计，让页面能够快速匹配多钟分辨率屏幕。

渐进增强的设计模式，抛弃了各浏览器必须表现一直的做法，取而代之的是充分发挥个浏览器的私有特性，为用户展示更加美妙的效果。

看完上面，有人可能会觉得我有点激进。产品的后续维护依然要有人进行，虽然有CMS，但是还是需要重构人员来完成部分特色页面的工作。苦逼工作总得有人做，我也很乐意做，只是我的思维不会止步于此。

今晚师姐、同学、以及面试官都有问到我，为什么我要报重构，而不是开发类的，我是真心想在重构上面做下去吗？

我是从页面重构，走进的互联网、走进外行人中的“专家”、走进Coding。 但对于真正的编程开发，我清楚自己有几斤几两，不是这方面的料。 我喜欢重构，喜欢重构中的思想。做开发是不得已，做开发也仅仅是我一个业余乐趣，像工匠般，自己动手，丰衣足食。 所以，我选择重构，希望重构这个岗位，是我步入互联网公司的敲门砖。

结语：

今天面试官问到，页面重构的核心思想是什么？我还是第一次听到这样的问法，就把我心里面的感觉说出来吧。

分离、复用、持续维护

分离是指行为、样式、结构分离，最简单的例子就是HTML文档、JS、CSS分开文件。

复用是在分离的层面上，把可以重复使用的东西，放在一起，一次定义，多次使用。比如CSS里面设置一个.fl专门用来放置浮动的，需要的时候只需要给该HTML标签添加class=”fl”即可。

持续维护，这里有两层含义：

1. 重构对象通常是已经在提供服务的页面，任何重构的操作，都必须保证页面的可用性，防止因为重构的失误导致服务终止。
2. 代码可读，罗马城不是一日建成的，页面也不是一个人月能够完成的，总是会有合作，总是会有迭代，必须保证代码的可读性。