首先说说楼主的情况,坐标南京.我是去年6月份本二计算机专业的毕业生;因为不知道自己想要做什么(甚至想入行游戏开发 )错过了秋招和春招,毕业之后面试了几轮之后,决定朝着前端开发的方向发展,然后开始买书自学看面经.一直到12月份左右才找到一份前端的工作,在此之前,根本没有参与过团队开发.页面也没正儿八经的写过几个.刚进去的时候,只能战战兢兢模仿的团队的其他成员的写法风格来写,帮他们补补页面,但自己实战不足的缺点就暴露了出来,这里就记下自己学习的历程,每当回首的时候,若是觉得当年的自己是个弱智,那不是说明自己成长了吗
为什么要讲布局?因为我觉得在一个业务稳定,目标客户明确的正常公司,常用功能模块大部分情况下都封装的妥妥当当,就算自己懒得不想看文档,公司的前辈们也比较乐意于讲解封装模块的使用,毕竟这是公司的业务核心,再不济丢给你一个之前的项目,移花接木也是比较正常的.但是页面的布局实现,每个人都有自己的习惯使用,只要能适配不出现使用问题,布局这方面只有优劣之分,没有对错.
那是不是就不需要优化自己的布局习惯呢,我认为还是有必要的,布局实现的方法的难易,可能的隐患,页面的灵活性等等,要求着前端人员对自己的布局页面的精益求精,接下来看看那些年,楼主干的蠢事吧
阶段一
刚入职之后,第一次工作和接触团队生产环境,对各种工具看的眼花缭乱,第一次接触使用git,第一次拿到美工的ui等等,不知道ui点击可以看到每个细节具体的值,想到自己第一个页面没有完全按照ui规定的值而是用自己目测的来画的这件事,胃就有点疼…
然后被告知了应该完全按照ui上的要求来,自己的布局又为了完全按照ui,使用的都是绝对定位,大量使用绝对定位,这就是我布局的的第一阶段,虽然绝对定位在位置展示上很精确,但也十分脆弱,大量使用绝对定位,必然导致在部分页面会出现预期之外的事情,想想就胃疼
阶段二
经历了上次的事件,我意识到自己的布局,远远不能满足开发的要求,我便询问了几个网站,寻找生产工程的统一的标准,或者说开发的共识,在那时我接触到了我学到的第二种布局样式,就是百分比布局,布局中大量使用百分比,快与快的位置的间隔,边距,等等都是百分比,但在使用中也有很多问题,比如百分比要自己计算,大量的使用过于繁琐,也比如同样会出现当布局盒中文本长度超出想象时,令人意想不到的各种问题,虽然流式布局是布局的主流方法,但现在我也废弃了,只有在特定的情况下,才会偶尔的使用
阶段三
经历了两次的自我审视之后,我的布局慢慢倾向与融合的样式了,display:inline-block 与 float的交替使用,使用方法方便了很多,但浮动和行内的高度都不稳定,在样式中要频繁使用vertical-align属性来规约他们的位置,居中的实现也比较繁琐,但也不是不能用,阶段三陪伴了我最长的一段时间
阶段四
技术是不断进步的,在项目的闲暇之余,我去学习了弹性布局的方法,现在也慢慢着试着将弹性布局加入到自己的项目当中,同样对flex有兴趣的可以看看这里,弹性布局在处理对齐居中方式确实有很多的优越性,就是现在使用不是很熟练,如果布局复杂一点也只能将flex容器的项目定义为新的容器,不知道这样对父容器有没有什么影响,现在还是慢慢学习中,目前flex布局用着并没有发现什么问题,学习是个辩证的过程,能发现flex布局的问题,是不是也能表示着那时的我又进步了一点呢
这就是我第一次参加工作3个多月的流水账式的记录,大家看看,笑笑,记在心里,不要犯跟我一样的错误就行