天天看點

最近案子的總結

哇,真的好久沒有來csdn了!今天想起來是覺得需要對近來發生的事進行一個總結。

最近接手的一個案子十分棘手——客戶很挑。客戶會提出各種毛病,你測試的時候看不到的問題,可是在他的機子上就出現了!詭異至極,讓人無從下手啊。。不知道是浏覽器本身渲染的問題還是與機子的系統有關系。總之深層的還有待去追究。

先說下主要的幾點吧。

1.建議筒子們在使用fullPage插件(需要jquery的支援)的時候一定要小心!因為這個效果看起來很高大上,但是如果橫向動畫或縱向動畫不滿足客戶需求,後期改起來會很麻煩(這一次案子就相當悲催啊。。)。我承認前端的實作要忠于設計,盡量接近設計。但是有些地方如果不傷大雅,就不要過于糾結一些方面,何況技術上不一定能夠實作的方面,這個時候修改或摒棄一些設計我覺得還是能接受的吧。這隻是我個人觀點。主要就是想說fullPage這個插件的使用。如果不考慮個别的設計,比如滾動方式的可選性(如橫向輪播既可以有滾動的效果,也可以有第二幀疊加在第一幀上的效果)等,這個插件還是很好用的~

2.js邏輯調試

調試的時候我們通常可以下斷點去看解釋器有沒有去執行到斷點處的語句。這個隻是一方面。必要的時候弄個console.log()或者alert一下還是很有用的。比如我最近的案子涉及到jquery裡的show()和fadeIn()兩個基本的動畫。可能會有人說這兩個多簡單。然而笨拙的我遇到了問題。就是他們都有兩個可選參數:第一個是速度,第二個是回調函數。如果隻有回調函數的話,這個回調函數是不會執行的!沒有錯,不會執行。這個我在safari,chrome等浏覽器上都試過。這很坑啊,我盯着代碼看了半天,若不是小夥伴alert一下發現問題,時間就白白浪費了。或許你覺得alert好low啊,但是調試比較短的代碼段,用這個可以一下子看出問題!