web前端使用技巧

2022-07-10 11:24:10 字數 1624 閱讀 7405

1、focus和blur事件不支援冒泡,但是它支援捕獲,所以在事件**中我們可以使用捕獲,但是ie不支援捕獲,ie可以通過focusin和focusout這兩個專有事件來代替,它們是支援冒泡的

5、計算某年某月共有多少天函式: 

function days_in_month(y, m)  ); 

7、取陣列最大和最小值

8、 行內元素設定padding,只有padding-left和padding-right生效,padding-top和padding-bottom無效。

比如行內元素應用了padding:50px,只影響了左右,但沒有影響上下。

9、js操作iframe

獲得iframe的window物件 :

chrome:iframeelement. contentwindow 

firefox: iframeelement.contentwindow 

ie6:iframeelement.contentwindow

獲得iframe的document物件 :

chrome:iframeelement.contentdocument

firefox:iframeelement.contentdocument

ie:element.contentwindow.document 

10、ie6 出現橫向滾動條解決方法

html

11、定位左右不動的滾動條

banner left

banner right

12、在用到mouseover和mouseout事件來作為事件觸發的條件,但是如果我們用做觸發的元素內部有其他的元素的時候當滑鼠移上的時候會反覆 的觸發mouseover和mouseout事件。因為內部元素在滑鼠移上的時候會向它的父物件派發事件,所以外面元素相當於也觸發了mouseover 事件。

為了阻止mouseover和mouseout的反覆觸發,這裡要用到event物件的乙個屬性relatedtarget,這個屬性就是用來判斷 mouseover和mouseout事件目標節點的相關節點的屬性。簡單的來說就是當觸發mouseover事件時,relatedtarget屬性代 表的就是滑鼠剛剛離開的那個節點,當觸發mouseout事件時它代表的是滑鼠移向的那個物件。由於msie不支援這個屬性,不過它有代替的屬性,分別是 fromelement和toelement。

return e.relatedtarget || (e.fromelement && e.fromelement === e.srcelement ? e.toelement: e.fromelement);

瀏覽器flowplayer

14、解決iframe裡半透明的,在ie下不顯示半透明問題。

在ie下,iframe裡有半透明,卻不能顯示半透明效果。

這個時候可以在html中給iframe新增乙個屬性:allowtransparency="true"。

如:allowtransparency="true" src="test.htm">

WEB前端開發優化技巧

從seo優化和網頁載入速度兩方面講解下web前端開發需要注意的事項。1 網頁載入速度相關的優化技巧 a 減少 http請求。將多個合併到一張,然後使用css的background position來顯示,將多個css檔案和js檔案合併成乙個。這樣就大大減少了頁面中http請求。b 減少請求時內容的傳...

Web前端面試常用技巧

有技巧面試可以幫助大家更好的準備面試,提高面試成功率,走向高薪。找工作的第乙個重要問題就是寫簡歷了,簡歷就是乙個人的門面。簡歷寫的不好,用人方也沒有多大興趣再深入了解你,畢竟行業人太多了。所以簡歷應該是經常去更新的,隔幾個月去更新一次簡歷,了解自己這幾個月以來的成長在 結果是什麼。當我們準備投遞簡歷...

web前端學習 CSS樣式設定技巧

一 水平居中設定 在實際工作中常會遇到需要設定水平居中的場景,比如為了美觀,文章的標題一般都是水平居中顯示的。我們將其分為兩種情況 行內元素和塊狀元素,塊狀元素裡面又分為定寬塊狀元素,以及不定寬塊狀元素。1.行內元素 如果被設定元素為文字 等行內元素時,水平居中是通過給父元素設定text align...