1. 满足UI同学的视觉需求。
无论是css hack还是通过js进行差异化处理，从技术手段上无底线的实现UI同学的视觉要求。这是工作负责的态度，也是自我需求突破的一个手段。从UI同学来说，做的设计稿没有达到要求，是对其本身工作成果的不尊重。
2. 控制好后端同学的数据显示。
前端做为后端同学的代言人，无趣的数字通过有趣的交互或界面展现出来，本身是一件很美好的事情，通过合作的方式让整个流程完美无瑕，但总是在外界因素的影响下，把握不好。
3. 在这有限的条件下提高自己的效率或代码质量。
这就要提到一般页面的 页面的健壮性，扩展性，复用性。
a. 健壮性：
这个怎么说呢，UI出的psd图是一个页面理想状态下的形态，而页面有数据，会出现两种极端状态，一，数据极多，二，数据极少。所以在页面排版的时候，考虑这两种状态，以免数据太多的时候，撑破页面，以免数据太少，页面部分元素会出现收回去状况，这样的页面会出现一些细节没有处理的常规失误。
b. 扩展性：
可以说，这个也是第一条的扩充，扩展性的意思为，在页面的模块很少的时候，要考虑未来添加子模块或兄弟模块的状态，为将来留好html接口。在将来添加模块的时候，尽可能少的去动原来的html结构，使html易于扩展。这个具体情况，具体处理。一般的处理就是如果有可能会有兄弟元素就多套一层，为后台添加兄弟元素尽可能的不影响现有结构。这个点乍看起来很小，其实如果扩充到整个项目，多个项目就有可观的效应了。
无论是css hack还是通过js进行差异化处理，从技术手段上无底线的实现UI同学的视觉要求。这是工作负责的态度，也是自我需求突破的一个手段。从UI同学来说，做的设计稿没有达到要求，是对其本身工作成果的不尊重。
2. 控制好后端同学的数据显示。
前端做为后端同学的代言人，无趣的数字通过有趣的交互或界面展现出来，本身是一件很美好的事情，通过合作的方式让整个流程完美无瑕，但总是在外界因素的影响下，把握不好。
3. 在这有限的条件下提高自己的效率或代码质量。
这就要提到一般页面的 页面的健壮性，扩展性，复用性。
a. 健壮性：
这个怎么说呢，UI出的psd图是一个页面理想状态下的形态，而页面有数据，会出现两种极端状态，一，数据极多，二，数据极少。所以在页面排版的时候，考虑这两种状态，以免数据太多的时候，撑破页面，以免数据太少，页面部分元素会出现收回去状况，这样的页面会出现一些细节没有处理的常规失误。
b. 扩展性：
可以说，这个也是第一条的扩充，扩展性的意思为，在页面的模块很少的时候，要考虑未来添加子模块或兄弟模块的状态，为将来留好html接口。在将来添加模块的时候，尽可能少的去动原来的html结构，使html易于扩展。这个具体情况，具体处理。一般的处理就是如果有可能会有兄弟元素就多套一层，为后台添加兄弟元素尽可能的不影响现有结构。这个点乍看起来很小，其实如果扩充到整个项目，多个项目就有可观的效应了。