实习总结系列1

序

2月16号早上到北京，一个礼拜之后开始实习，现在3月26日，一个多月了，变化很多，有许多感受，融泽嘉园挺好的，对于骑车的我来说，路过著名的后厂村路到公司也就是16分钟的事，回去最快记录12分钟，感觉骑快车还是挺爽的，生活方面还是挺适应的 当然想到每天200非工作日还不算就有点蛋蛋的忧伤=。=不过欣慰的是实习期间发现了许多自己不会的，不过不管用啥手段通过啥路径，啥方法，最终还是解决了，完成了任务。现在我要开始每次完成任务之后都总结一次。让自己以后更有效率，少走弯路，解决问题的思路更高效，一次提升自己的水平。搞技术的首要任务就是技术最快的提升，技术过硬，对你自然有好处，以后职业路上的主动权完全在自己手上，要么升职要么跳槽。所以以后我肯定会努力的。

body-go：

前言

入职前两个礼拜呆在支付部门，还没说周边同事受伤两句话，然后公司组织结构上做了比较大的调整，一不小心拥抱变化，换到了流量变现部。以前在支付部门做的产品用到的技术架构如下：ractive前端双向绑定渲染模板，jq，组件化，amd。现在换了个部门，做的需求完全不一样，技术选型上有许多区别，但是还是有相似点，首先模板变成了后端的smarty，模块化方面变成了cmd。其他还好。我还是可以经常见到以前师傅打的代码，各种母版文件，还有各位大神写的架构，给跪了。这周五为了上线，拖累同事加班，以后尽全力做好，不拖累团队成员和延迟团队进度。

---

代码方面

• 星级打分
  上周写了一些页面，期间遇到了一些稍微有意思的问题，有些需求感觉以后可能会经常看到，有一个叫星级打分，网上有人用css实现，我用jq。给提交的button-tag加了个data-score的属性-用来存储score。不过似乎css方式更好些。我待会再去研究研究。而且现在想想以前的jq代码还是不够符合实际体验，因为没解决好一个悬浮与点击相矛盾的bug。所以不是很爽，现在想起来怎么做了-要设置好一个变量去判断悬浮前是否点击过。诶，只是我的想法，没参考过别人的代码，但是我的肯定能实现，只不过这后知后觉的习惯以后必须得慢慢改。

• 文字截断
  需求是要给一个加粗的大写标题做超出指定宽度的文字截断，同时不管有没有超出指定宽度都给文字加个长度可变的下边框-dashed型的。一开始没想出来。觉得既然要做截断，那肯定得固定长度，后来才发现原来可以用一个很简单的方式—里外两层div—我的里面是个块级的h2或者header，里面写个border-bottom，外面做固定长度的文字截断，这样就能完美的满足需求。

• 尽最大努力完美匹配ue图
  发现前几个页面做得比较操，没顾虑到ue的感受。后来师傅跟我反映说，你这样做，ue说不定以后就不给我们设计页面了，以后写页面不能自作主张说改就改，而且要仔细看需求文档，尽全力满足好提出的需求。一旦有问题，某些需求满足不了或者有其他自认为更好的方案可以得到更好的用户体验的话一定要跟pm或者ue说，千万不能擅自做主张，要替团队考虑，为团队成员切身处地着想。

• border覆盖
  两个相邻块级元素的下方div的margin取负值的话可以做到border覆盖的效果：
  不过需要分情况：
  1.如果上面只是单纯的div，那么不管你是设置div1的border-bottom还是div2的border-top为负值都会是下面div2的border-top覆盖上面div1的border-bottom，因为理所当然的，w3c规定了元素是从上到下，从左到右进行渲染和覆盖，除非你设置z-index或者改变元素定位—脱离正常文档流。
  2.如果div1设置为display：inline-block的话，就是div1的border-bottom覆盖div2的border-top
  3.如果div1设置为display：inline的话，就完全达不到覆盖效果，只是div1的border-bottom到了div2的里面了。
  我得再仔细研究研究display的各个取值及具体的含义和本质，还有个强大的flex—支持ie8+，不过好像有点小bug。

• ue距离计算
  只有一行文字的情况下height和line-height相等的话可以更方便于ue图上的标注的微小距离计算。
  还有就是别算错了margin和padding，别算重了或者少算了距离。

• 现在有的ue好像用了什么软件
  可以只给我一个index.html不用png图片了，不过需要自己用鼠标器悬浮或者点击才能确定更多细节。但是有个做大的好处。相比于png图片，它里面不会漏掉小细节，而png标注图经常会有。

• chrome智能处理css错误
  我跨浏览器做的兼容性测试比较少，但是事实证明，chrome有时候会智能处理你的CSS错误代码，让样式自动达到你想达到的效果–但是eg: a标签少了个display：block在ff下面却可以体现出你的css错误写法。所以说以后我会尽可能用ff类似的browser来的debug pc端的页面样式。m站的还得靠chrome devTool里强大的mobile simulator。

• vertical-align可以取值为middle，但是别弄成center了。

好了今天先到这里。