马上,便是新的※一年,故在此总◉结下平时☆工作中遇✦到的问题◆以及我的•解决的方□□□法。祝大家新□□年快乐~
我在编写□□代码的过□□程中,发现经常◣会遇到很△多重复的□□效果,或者是相□□同的布局,想到为了□□□□加快编写□□□速度,我会把经□□□常用到的□□□布局或者□□□效果用文□□本保存下□□□来,下次遇到◣相同效果□□的时候,直接copy稍稍改下□□□便可了,这大大提□□□高了编写□□□□速度。
作为前端□□□□开发人员,遇到最多□□□的问题便□□□是浏览器□□□的兼容了。最开始对□□每个浏览□□□□器的差异□□□不太了解,做出来的●页面大多□□要去调制□□□兼容,会浪费太□□□多的事件,而现在一□□□□个页面完□□□成,在其他浏□□览器中打□□开的时候,基本是没◣有差异的。比较常见▼的就是:
css透明的问题,非IE浏览器可以直接写成opacity:0.6,而IE浏览器需要写成filter:Alpha(opacity=60);
IE的双边距bug,设置为float的div在ie下设置的margin会加倍。
解决方案:在这个div里面加上display:inline;
IE与宽度和✦高度的问□□题 IE 不认得min-这个定义,但实际上△它把正常□□□□的width和height当作有min的情况来□□使。如果只用□□宽度和高□□□度,正常的浏□□览器里这□□□□两个值就□□不会变,如果只用min-width和min-height的话,IE下面根本□□□等于没有□□□设置宽度✦和高度。
DIV浮动IE文本产生3象素的bug 左边对象□□浮动,右边采用◇外补丁的□□□左边距来□□定位,右边对象□□□□内的文本□□会离左边□□有3px的间距.
解决方案:加上margin-right:-3px;
等等,当熟悉各○个浏览器□□之间的差□□□□异时,制作出来□□□□的页面基□□□□本上就能□□兼容各个□□□浏览器了。
在业余时○间也有去★学习新的◆专业知识,拓展知识□□□面,学习更多□□□的网友开□□□□发动态效◣果,在制作网▼站时,把新学的□□技术加入□□□到页面中,页面就变□□得有趣炫□□□酷多了。
希望下一□□□步通过努◣力,我可以按□□时完成项□□目,并且确保□□□在各个浏□□□览器的兼□□□容性。掌握静态◈页面切图,学习,不断提高◥专业知识,使得制作◥出来的页▼面更加完□□□□善,加入更多□□□的新技术。
总结今年□□□□的工作,我获益颇•多,专业知识,工作方法,可以独立✦高效的完※成部门安□□□排的工作。同时我也□□□发现,有待学习□□□□和提高的丨内容还很◤多,关于前端,关于性能□□□优化,关于用户□□□□体验,我还有太★多需要学●习和提高□□的。将从前的□□□□代码与现◆在的代码□□进行比较○也看出了□□显著的进□□□□步,代码更加✦简洁优化,易读性也□□□更好,规范性也☆有提高,接下来希△望通过自○己的努力□□□□在工作上◎有更大的□□□突破。
如没特殊注明,文章均为OETY欧亿原创,转载请注明来自https://www.hd-banhen.com/news/2479.html