所遇到的前端問題收集(持續更新中.....)
還請朋友們把自身在實際開發中所遇到的問題和解決方案留言下來,供大家以後再遇見時,能及時的解決。我會持續的更新這個文檔。
一:在IE6 IE7中應用了iframe,再點選了某些連結時,會出現,把頭部的内容去掉的原因。
這裡因為是錨點的原因才産生這樣的情況,解決辦法是,把href的#去掉,寫上javascript:void(0)。
二:在使用了window.open()方法之後,如何把原視窗的對象繼承到新視窗上。
在新視窗中使用window.opener。
三:在IE6中CSS盒模型,會在浮動時,相應的内外邊距會增加3像素。
使用display:inline;
四:如何把iframe背景色變透明。
allowtransparency=true并且在iframe頁面的body中加上style="background-color:transparent"。
五:比如我們在添加一些功能時,如給表格能自定義邊框大小,顔色,類型,或者一些自定義的東西,再遇到與IE相容的問題時,可以如此解決。
使用正規表達式,來處理這些問題,能及時的解決與IE6 IE7 IE8的相容問題,比如在表格自定義的邊框類型中border,IE幾個系列的表示方式都不一樣,這裡解決起來就很麻煩,但是用正規表達式,就很快。
六:如何在前端實作記憶功能。
比如我們在翻頁時,很多資料都是從服務互動過來的,翻頁一次重新加載一次dom結構,那麼在checkbox上如何做到前一頁勾選之後,再後一頁翻頁回來依然勾選着呢?這裡就是前端的一個記憶功能,解決方案可以從json這樣的格式來着手。我們知道在javascript中的數組,可以裝object類型,那麼每一次勾選就push一次,把json對象push進數組,通過一個比對方法,類似在JQuery中的$.isArray()方法來比對,不重複push。這樣,我們就可以做到了記憶功能了。
七:在使用jqgrid時,google遊覽器的表格展示會出現莫名的滾動條。
解決的方法是把ui.jqgrid.css檔案中table的table-layout屬性去掉,未知原因,這個屬性不知道怎麼會讓google遊覽器産生滾動條。
八:有時候在調服務的時候,會出現回調函數沒有data。
其實callback的時候,就應該有從服務端傳回的data,一組json對象或者一組處理完成的資料,這裡可能是阻塞了,需要好好檢查檢查。
九:JQuery的問題,比如$('#bill').find('#'+billname+billID);在id為bill的節點中查找,但傳回的卻是一個空的數組。
這裡的原因,我測試了很多次,最後分析找到的因素應該是billname這個參數,因為billname是一個中文字元串。後來又翻了下文檔,上面說使用find時,不支援中文的,JQuery。