页面重构时的注意事项

• 页面重构时的注意事项
  • 1. 重构页面时，什么样的代码才算是好的代码？
  • 2. 重构时如何告诉设计师，他设计的东西太丑？

 

1. 重构页面时，什么样的代码才算是好的代码？

这个我感受要从三方面来作答，基础的就不说了，那些语义化，结构化，兼容性等等方面的问题。说说中级部分的：

• 页面的健壮性：　这个怎么说呢，按个人理解，UI出的psd图是一个页面理想状态下的形态，而真实上线后，会出现三种极端状态，一，数据极多，二，数据极少，三，数据恰好(其实就是PSD设置描述的一个状态)。因此在页面排版的时候，考虑这设计以外的两种状态，以避免数据太多的时候，撑破布局，页面走样。以避免数据太少，页面高度变小，布局不对齐，会打破整个页面的平衡。UI设计时为了效率或经验问题出的图，恰好是理想状态，很少很多，但经验丰富的，会在项目后期补出一个无数据时的装饰页面。

• 页面的扩展性：能够说，这个也是第一条的扩充，扩展性的意思为，在页面的模块不多的时候，要考虑将来添加子模块或兄弟模块的状态，为未来留好css，html扩展的出入口。在未来添加模块的时候，尽量少的去动原来的html结构，使html易于扩展，尽量少的去修改css，使css可以继承可复用。通常的处理就是多套一层div，或其它解决办法。

• 页面的复用性：　因为页面中风格类似的模块不少，或页面中与页面中类似的模拟不少，可是有的高点有的低点，这样建议把表现形式的样式放在一个class中，物理属性放在一个class中。还有就是装饰性的图片决不不以明标签的方式插入到页面中，内容式的内容绝对以的方式插入中去，以避免未来多主题，多语言版本的实现。
  大概就这么多，唉，上次面试都没有想起这么多，郁闷。

 

2. 重构时如何告诉设计师，他设计的东西太丑？

• 我的自己的专业度，若是你是从一个设计转过来的前端，而且虽然在从事前端，但一直在关注着前端，这样在保证自身水平或有认知能力的前提下，去提一下建议，那能保证是有质量，而不是随便说说。好比：欧美国家的人为何喜欢饱和度那么重的页面风格，那是由于他们在赤道附近，接受紫外线比较强，因此喜欢重色。好比，能分清冷暖色，能分清各个颜色的表达意义，通常各个颜色搭配以后是为了突出页面内容版块并且强调必定是有序，而不是无序的。

• 沟通时的语气或说话时的文字组织，必定要注意。这不但体现一我的的情商，更体现一我的的智商。话有三说，巧着为妙。为什么他与人相处偏偏恰好，而我却到处被动，这是有道理的。
  我的建议：注意建议，好比如下场景，你这个东西在个人显示器上看的偏黄，与咱们产品logo的主色冲突太大，是否是故意为之，仍是我显示器的问题，能不能到我这来看看。必定要注意，是你故意为之，或我这看看。即抬高了对方，又把场景的主动权掌握在本身的手里。

• 自己话语权，若是你具有一个有话语权的人，或者有这个品牌认知，让你们有这个共识，这人，说的东西通常靠谱。能够去说，不然，点评别人的江山，还不如管好本身的三亩地。

 

---

前端开发qq群： 389875212  ，禁止闲聊，非喜勿进~！