换位思考

白茶清欢无别事 我在等风也等你

【2019.03.20】

作为一名的前端从业人员，不能仅仅停留于页面的呈现，除了高度还原产品设计师的UI设计稿之外，
我认为至少还应该做到以下几点（水平有限，欢迎补充）：

一、站在浏览用户的角度思考问题：如何加快页面加载速度，提升浏览体验？

<1> 减少冗余代码，以最精简的代码呈现最佳效果。
<2> 代码布局的合理性，有很多前端初级入门者很容易忽视这一点，把css样式文件和js脚本文件齐刷刷地放在网页头部head标签里面，极其影响页面的加载速度，最佳方案是把js放在网页的底部（目的是先把网页的整体框架结构呈现给浏览者，最后再去执行动画特效等）。
<3> 网页内容无非就是文字+图片，归根结底，降低网页加载速度的罪魁祸首就是图片，必须要从根源上面解决问题，具体的方法有：1. 图片压缩（以不影响图片可以正常浏览的清晰度为前提） 2. 精灵图的灵活运用（把多个小图标放在一个图片上面，然后用图片定位技术找到你需要的那个部分，减少http请求，减轻服务器的压力） 3. 图片懒加载技术（也包括swiper轮播图的懒加载，先加载用户能看到的那一部分图片，当用户滑动鼠标时，再去加载下一屏的图片）。

二、站在企业客户的角度思考问题：

      <1> 企业客户在后台修改内容时，样式是否会乱？

在开发的过程中，除了低头耕地（写代码），也要回头看看自己走过的路，看看自己写的代码是否有较好的可扩展性，打个比方说，我今天写的样式看起来是完整的清晰的，但是用户一旦在后台换了内容，比如加了文字或者换了图片，而导致网页的样式错乱，归根结底是前端在开发过程中没有考虑周全，我认为一名优秀的前端开发工程师写出来的代码，无论你怎么去修改内容，我写出来的页面样式应该纹丝不动。
<2> 网页是否能适配不同尺寸的屏幕？
我们用的是1920的台式电脑，但是浏览者可能用的是笔记本等小屏电脑，在开发过程中 这些因素都必须考虑在内，无论电脑尺寸多大，样式必须保持高度一致！
<3> 我们的网站排名是否能尽量靠前？
SEO优化，这是一个非常重要但是却极其容易被忽视的问题，平心而论，外包公司的前端开发人员很少会主动去帮企业网站做SEO，给自己带来不必要的麻烦，但是，正如谯姐所说，我们虽然是外包公司，但是我们是不随波逐流，要做就要做的跟别人不一样（打造企业的核心竞争力），所以SEO优化我们也要尽可能做好，比如：添加keyword关键词、description网站描述、网站title、ico图标、h1标签的合理使用、添加img标签的alt属性、H5新增语义化标签的合理使用等等…

三、站在公司（以及公司同事）的角度思考问题：怎样让以后的同事可以快速简单地修改自己写的代码？

     <1> 代码的可读性： 必须要有尽量简洁易懂的代码注释，没有注释的代码，就像忘记放盐的菜 食之无味 难以下咽。
     <2> 命名的规范性：严格遵守“驼峰命名法”，杜绝首字母缩写、拼音+英文等不合理的命名方式。