vivian blog

intern-experience

实习情况

今天是上班的第二天了,这几天我做了2个静态页面和一些Js效果。最大的感触大概就是公司需求变动还是挺大的,首先是table布局不被允许,他们说是因为table现在没什么人知道其特性,但是我觉得既然只是显示数据,那么table就是最好的布局啊。。。可是最后还是改成了ul li布局。

第一次不用bootstrap框架和normalize.css来写静态页面,发现很多页面上有很多潜在的错误是我之前没有发现的,比如用display: inline-block可能会导致html上的元素和有js生成的相同标签的元素会有不同的间隙,这个时候就需要用到float:left来解除潜在的错误!

然后的话,还有一个错误我没有找出来,那就是在jquery中,当我点击button后,然后将该button删除,接着再添加同样的button,当再次点击的时候jquery就找不到那个button,然后我就不知道为什么了。

不过今天get到一个tip,那就是,hover元素的时候之后,会弹出tooltip,鼠标移去tooltip后,tooltip仍是display:block;,解决方法就是,让hover的元素放置在一个透明的父级里,让该父级的宽度要涵盖tooltip和hover元素,便可实现该效果。

再然后就是,当提交有冲突的时候,我好像没有解决那些冲突问题,每次都是叫人帮忙解决,下次得自己解决一下那些问题。


继续更新,周末去加班了,感觉今天的状态真的不太好,头晕,今天的任务主要是实现点赞反对的动态效果。现在说说今天遇到的问题。

遇到的问题

  1. 以为元素只有一个,所以就没有考虑元素的扩展性,后来我就花了一倍的时间去完成那个效果。以后写代码之前,一定要先看清楚页面,问清楚需求,然后考虑js的扩展性

  2. 今天小组内所有人都在写着几个页面,所以在提交的时候,代码就发生了冲突,然后怎么搞都搞不定,最后就只能自己将自己修改的那部分,复制到记事本中,然后等明天复制粘贴过去。日后的解决方法便是每次要写其他文件时,要先询问其他人用没有做,然后进行提交,亦或是当天每个人写了的页面,其他人不许修改,这样子才能够避免冲突

  3. 交互逻辑出现了点问题,刚开始的时候是以样式来判断点赞或去点的,然后样式的改变是在ajax请求成功以后才执行,然而这是一个错误的思路,正确的思路是应该在元素上自定义属性,然后根据该属性的值,进行ajax请求,最后再改变其样式以及要渲染的数据!

  4. 要看清楚接口文档中的url,千万不要搞错,不然会被搞死的

总结

  1. 以前自己自学前端的时候,没有跟后台进行交互,不会遇到现在这些问题,所以才说,业务的实践是自身所遇瓶颈的下限。但是不管如何都要巩固自己的基础,不然的话,你永远都只是一个页面仔,无法成为一个架构师!

  2. 要多点考虑元素的扩展性啊,这是相当重要的一件事情,还有代码的规范啊。

  3. 要多写js,这样的话,写css/html的时候,就会想着要为日后写js的时候,获取更方便的获取元素。