整理電腦裡面的前端開發中的小Tips 及時更新

2022-02-22 00:53:07 字數 1787 閱讀 5013

1)img 標籤如果src設定為空或者#的時候,會多發一次請求,建議設定為 about:blank 。測試瀏覽器 ie6,ie7,ie8,chrome17,firefox10

2) try ~catch 中如果使用了settimeout 的話,會報錯的,catch 不到內容的。

3)input radio 如果沒有設定 name的屬性,在ie下是不能被點選到的,另外 input radio,checkbox 不支援及時的change事件,意思是點選或者選定的時候,沒有觸發change,而是在滑鼠離開的時候才觸發的,如果要做到這樣的效果,必須使用click要代替

5) typeof 只能檢測基本型別的,是不能檢測物件的,如果要檢測物件的型別 使用instance of 吧

6)在ie6,和ie7下hr預設有上下14px的邊距,同時不能清除,可以採用float的方法清除上邊距,採用負margin的辦法清除下邊距。

7)3個效率的問題:在建立多個html片段的時候,採用documentfragment的方法,它先將dom節點存放到記憶體中,然後再 將documentfragment  物件新增到dom

物件中,另外乙個陣列的操作:var arr = ;  arr.push['str']  效率要低於 arr[arr.length] = 'str'的。將函式的引用作為引數傳遞到settimeout()和setinterval()裡優於將函式名作為字串引數傳遞

8)如果先繫結了  beforeunbload的事件後,這個時候在頁面內載入iframe了,那麼也會觸發這個這個事件

9)建立隨機數解決快取的方法 newdate -0  或者math.random()

11) 使用!!可以強制降其他的型別轉為bool型別。 

12)setinterval 在ie下不能將延時時間設定為0,如果設定為0,在ie下會僅執行一次操作,可以將他設定成1來解決這個問題。在chrome和firefox下則不會有這個問題。

13)在使用 settimeout 或者 setinterval 函式的時候,如果第乙個引數傳入的是字串,那麼將在全域性作用域裡尋找此函式,而不會在當前作用域中尋找,所以建議第乙個引數傳入函式,比如:settimeout( function() , 2000 );

14)"=="  比較兩個物件的時候會自動進行型別轉換,

而 "===" 不進行任何轉換, 

必須完全相等 

,及型別和值必須等,

例如比較 '99' == 99將返回 true; '99' === 99將返回 false。

15)array.prototype.sort 在在排序的時候,如果兩個元素相等,可以採取不穩定的排序,也可以採取穩定的排序,視瀏覽器不一樣而不同,可以實現這個相容

array.prototype.sort(function(a,b));

16) 由於

focus() 方法可滾動文件以使 anchor 物件或者表單元素的位置變為可見,因此我們在定位表單或者錨點時不需改變 hash 而通過 focus() 方法來實現。

17)關於a標籤的偽類支援情況:

ie6及ie7/8怪異模式僅支援a元素的:hover及:active,ie7標準模式支援所有元素的:hover,但:active仍僅支援a元素,除ie8標準模式以外的ie均不支援:focus 。

18)select的使用:

如果快速設定選定,可以使用select.value = ""的方式。 

19)a標籤的

lvha 規則在i6的標準模式下是不遵循的,但是在ie7,8,9,chrome。firefox的標準模式下是遵循的。

20)flash跨域了,加個crossdomain.xml 檔案吧,配上對方的網域名稱。

整理電腦裡面的前端開發中的小Tips2 及時更新

22 浮動元素在ie6下的使用要注意 如果不設定寬度,可能會引起問題。23 如果在父級元素和子級元素之間 div p 有乙個html注釋,在ie7中,子選擇器是不會起作用的。24 iframe的使用 iframe預設樣式中有邊框,隱藏使用display none 去掉滾動條和邊框可以設定成 scro...

整理電腦裡面的前端開發中的小Tips2 及時更新

22 浮動元素在ie6下的使用要注意 如果不設定寬度,可能會引起問題。23 如果在父級元素和子級元素之間 div p 有乙個html注釋,在ie7中,子選擇器是不會起作用的。24 iframe的使用 iframe預設樣式中有邊框,隱藏使用display none 去掉滾動條和邊框可以設定成 scro...

整理H5外掛程式開發中的問題(前端)

轉殖 倉庫 新建乙個分支 use strict module.exports 重點.需要向後台索要api位址,如果不配置,呼叫不了api介面 在框架中,已經封裝好了介面請求方法,直接呼叫即可 假如後台有乙個獲取商品列表的介面 goods 請求方式為get const await this.api.g...