资源描述：
《如何做一个好前端重构工程师精选》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、编者注：这里的“重构”指的是将设计图（比如PSD）转换为html+css+js。 用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？ 其实，"好"与"坏"向来都是相对的，因为每个人眼中看待"好"与"坏"的标准不一样，不如从自身的角度考虑一下：如何做一个好重构？ 先来看一个平时我们遇到的最多的两栏布局： 基本的html代码： 来看具体的CSS代码实现（忽略margin）： 很明显在保持同样html结构的情况下，实现两栏布局可以有多种CSS方案实现（左栏定宽），主要方向是用浮动或不用浮动，右栏
2、定宽或者不定宽：speeduptechnologyresultsinto,activeguideenterprisewillmaturetechnologyresultsintoforproductivity,andTranslateintoeconomicbenefits,effortstosolveeconomicandtechnological"twopeels"phenomenon,saysfromtheDongpingreal,istoprovideresearchinstitutionswithmoreint
3、oplace.Strengtheningtheagriculturalscientificandtechnologicalachievementsinthefieldtoimproveeffortstohelpfarmers,cropplanting,processing,animalhusbandryandotheragriculturalproducts,increasetheintensityoftransformingscientificandtechnologicalinnovation,scienceandt
4、echnologytoimproveagriculturalefficiency,improvethemassincomeandservicesimmigrantssafehavensiegeworks.WuhanInstituteoffreshwatershouldgivefullplaytotheChineseAcademyofSciences,andimprovingtheaddedvalueofDongpingLakeaquaticproducts.1th,inthemiddleofthisyearPropose
5、dtoincreasethelevelofmodernizationinagriculture,hopingthecountylevelstoseriouslystudythedocuments.18plenarysession"storingfoodin,storingfoodinland",thisrequirementisveryhigh,population,foodisnotenough,andnotcompletelyrelyonimports,hastorelyontechnologytoincreasef
6、oodproductionandlimitedlandmass,relevantdepartmentsatthecountylevelinparticular,agriculturalsector,activedockingtertiaryinstitutions,theInstitutetooktheleadinthe Qzone、朋友网、Facebook都给左栏浮动，唯一不同的是右栏的写法，Qzone给右栏定宽并且浮动，而朋友网和Facebook则并没有给右栏定宽也未浮动，而是利用了创建BFC并且为低版本IE触发h
7、asLayout的原理让右栏自适应宽度。 Yahoo和Google两栏都未用浮动，唯一不同的是Yahoo用了绝对定位的方法，而谷歌用了inline-block，Google已经宣布旗下一些产品放弃对IE8的支持，所以Google可以大胆的使用inline-block去实现布局，不用去为其他低版本浏览器写一大堆的hack。 这其中有最好的方案么？上面每一种方案都有各自的优劣，可能适合于某种项目背景，同样选用的方案可能和用户群体也有关系。虽然无论选用哪一种方案，从用户层面来讲，无法感知到，但我们不能因此去随意的使用一种方
8、案。 为了项目后期的易维护性和易用性，必须要选择一种最佳的方案，而我们如果连基本的BFC、hasLayout这些知识都不了解便会显得力不从心。同时要明确自己的定位：我们不仅仅是一个"切图仔"或"美工"，我们不能忽视一些障碍用户群体，我们必须去使项目的代码变得更优雅、更易用。虽然重构的基本岗位职责是：PSD转html
