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

2022-02-22 00:53:07 字數 905 閱讀 6615

22)浮動元素在ie6下的使用要注意:如果不設定寬度,可能會引起問題。

23) 如果在父級元素和子級元素之間(div > p)有乙個html注釋,在ie7中, 子選擇器是不會起作用的。

24)iframe的使用:iframe預設樣式中有邊框,隱藏使用display:none ,去掉滾動條和邊框可以設定成: scrolling="no" frameborder="no" 

25)在ie6、7下button和type為submit的input的預設padding無法去掉,如果需要去掉,可以新增overflow:visible。 

26)效能優化,bigpipe 要注意的: ie6,7,8最多能引入32個css的檔案,超過將直接被忽略

27)關於reflow:在長頁面新增上 body ,可以減少一次reflow,將元素display:none的時候然後去修改裡面的內容,是不會引起reflow,然後再顯示。

29)垂直居中問題:一般可以設定line-height 來解決,但是在ie6,7下 必須設定font-size來解決 ,序數為高度的0.873就可以了,即font-size:height*0.873

30) 僅針對ie8 的hack的寫法 \0

31) input 最好不要設定height,可以設定padding的值

32)在頁面潛入iframe,如果iframe裡面的物件 ,必須用 window[iframe].contentwindow 來獲取,其他的就和頁面的方法一樣的來操作了。

33)  /*@cc_on!*/  這個是什麼意思呢? 其實這個是ie特有的條件注釋,其他瀏覽器都不認識,@cc_on 表示啟動條件注釋,這個在ie下就是非的意思。可以參考這篇文章 

34)position:relative 不適用於**,如果要在**中使用,可以在**中套乙個div,來設定div的postion:relative屬性。

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

1 img 標籤如果src設定為空或者 的時候,會多發一次請求,建議設定為 about blank 測試瀏覽器 ie6,ie7,ie8,chrome17,firefox10 2 try catch 中如果使用了settimeout 的話,會報錯的,catch 不到內容的。3 input radio ...

整理電腦裡面的前端開發中的小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...