在編寫(xiě)代碼的過(guò)程中，小編發(fā)現(xiàn)經(jīng)常會(huì)遇到很多重復(fù)的效果，或者是相同的布局，想到為了加快編寫(xiě)速度，我會(huì)把經(jīng)常用到的布局或者效果用文本保存下來(lái)，下次遇到相同效果的時(shí)候，直接copy稍稍改下便可了，這大大提高了編寫(xiě)速度。
作為前端開(kāi)發(fā)人員，遇到最多的問(wèn)題便是瀏覽器的兼容了。最開(kāi)始對(duì)每個(gè)瀏覽器的差異不太了解，做出來(lái)的頁(yè)面大多要去調(diào)制兼容，會(huì)浪費(fèi)太多的事件，而現(xiàn)在一個(gè)頁(yè)面完成，在其他瀏覽器中打開(kāi)的時(shí)候，基本是沒(méi)有差異的。比較常見(jiàn)的就是：
css透明的問(wèn)題，非IE瀏覽器可以直接寫(xiě)成opacity:0.8，而IE瀏覽器需要寫(xiě)成filter:Alpha(opacity=80);
IE的雙邊距bug，設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。
解決方案：在這個(gè)div里面加上display:inline;
IE與寬度和高度的問(wèn)題 IE 不認(rèn)得min-這個(gè)定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來(lái)使。如果只用寬度和高度，正常的瀏覽器里這兩個(gè)值就不會(huì)變，如果只用min-width和min-height的話(huà)，IE下面根本等于沒(méi)有設(shè)置寬度和高度。
DIV浮動(dòng)IE文本產(chǎn)生5象素的bug 左邊對(duì)象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來(lái)定位，右邊對(duì)象內(nèi)的文本會(huì)離左邊有5px的間距.
解決方案：加上margin-right:-5px;
等等，當(dāng)熟悉各個(gè)瀏覽器之間的差異時(shí)，制作出來(lái)的頁(yè)面基本上就能兼容各個(gè)瀏覽器了。
在業(yè)余時(shí)間也有去學(xué)習(xí)新的專(zhuān)業(yè)知識(shí)，拓展知識(shí)面，學(xué)習(xí)更多的網(wǎng)友開(kāi)發(fā)動(dòng)態(tài)效果，在制作網(wǎng)站時(shí)，把新學(xué)的技術(shù)加入到頁(yè)面中，頁(yè)面就變得有趣炫酷多了。
希望下一步通過(guò)努力，我可以按時(shí)完成項(xiàng)目，并且確保在各個(gè)瀏覽器的兼容性。掌握靜態(tài)頁(yè)面切圖，學(xué)習(xí)，不斷提高專(zhuān)業(yè)知識(shí)，使得制作出來(lái)的頁(yè)面更加完善，加入更多的新技術(shù)。
總結(jié)今年的工作，我獲益頗多，專(zhuān)業(yè)知識(shí)，工作方法，可以獨(dú)立高效的完成部門(mén)安排的工作。同時(shí)我也發(fā)現(xiàn)，有待學(xué)習(xí)和提高的內(nèi)容還很多，關(guān)于前端，關(guān)于性能優(yōu)化，關(guān)于用戶(hù)體驗(yàn)，我還有太多需要學(xué)習(xí)和提高的。將從前的代碼與現(xiàn)在的代碼進(jìn)行比較也看出了顯著的進(jìn)步，代碼更加簡(jiǎn)潔優(yōu)化，易讀性也更好，規(guī)范性也有提高，接下來(lái)希望通過(guò)自己的努力在工作上有更大的突破。
上一頁(yè)：沒(méi)有了