首頁 > 其他

web開發時碰到的問題以及心得經驗

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
  1. xml檔案盡量以utf-8編碼，gb2312有些字是儲存不了的，如,就算能存也需要轉換，比較麻煩，utf-8也符合國際規範
  2. CSS中:hover這個偽類，如果放在:visited前面則會失效
  3. <a>標籤如果沒有href屬性，所有對它的css的偽類如:hover均失效
  4. js檔案中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用，其file相對路徑均為引用該js的html的路徑。

    如：a.htm 引用x\b.js,b.js引用x\c.js,則file應該為x\c.js而不是相對b.js的直接路徑c.js，而css中的@import,url()引用不存在這個問題

  5. 在頁面中，有時talbe的寬設定為100%右邊也會留下一個捲軸的空白，請設定<body style="overflow:auto">
  6. 對於常用的圖片不要用img標籤，使用<span><a>並用css指定其背景和寬高，對於做動態（移上去變背景），使用<a>最好，不需要額外編寫代碼，只要利用偽類:hover就好了，使用css好處是一次改變全部改變，這點可以很好的利用在換皮膚的應用中
  7. @font-face {
    font-family:comic;
    src:url(http://valid_url/some_font_file.eot);
    }
    定義一種在本地沒有的字型名稱，調用<span style="font-family:comic;font-size:18pt>aa</span>
  8. 幾個CSS
    div { overflow: hidden;text-overflow:ellipsis; } 
    td { vertical-align : middle; } 
    要強制溢出發生並且應用 ellipsis 值，作者必須設定對象的 white-space 屬性值為 nowrap 。
    假如沒有換行機會(例如，對象容器的寬度是狹窄的，而內有很長的沒有合理斷行的文本)，沒有應用 nowrap 也有可能溢出。
    為了使 ellipsis 值被應用，此屬性必須被設定到具有不可視地區的對象。最好的選擇是設定 overflow 屬性為 hidden
  9. firefox的document.createElement不支援內容裡有HTML標籤,也不支援innerText，但是支援innerHTML,可以用innerHTML指定其內容
  10. .net控制項裡DropDownList在firefox下的寬度不著色，需要直接定義style='width:10px;'
  11. firefox中css的cursor不支援hand,使用pointer代替
  12. iframe裡的捲軸需要在iframe標籤裡設定style='overflow:hidden',不能緊緊在body裡設定
  13. 在onpropertychange事件時，注意使用event.propertyName對屬性改變事件過濾，在設定本事件時，其實已經改變了onpropertychange這個屬性，所以會自動的執行一次
  14. js5.6裡的對XSL的支援版本較低，如document函數就不支援
  15. slice函數比直接迴圈擷取數組片斷慢
  16. nextSibling獲得下一個對象時，需要注意，兩個節點間不要有空格，否則很容易擷取不到正確得對象，你將獲得一個nodeName為#text的對象
  17. CreateTextFile在有中文時必須指定第三個參數為true,否則不能寫入中文，表現為Write寫時報錯
  18. 儲存中文文本時使用ADODB.stream,不使用fso,因為FSO不支援utf-8格式
  19. IE中盡量使用execScript代替eval,因為有時eval會失效
  20. 字串中\結尾為換行字元
  21. JS裡設定控制項的屬性，有幾個特殊的，如:style要轉換為style.cssText屬性,class要轉換為className屬性
  22. 經常碰到指令碼測試是正常的，但是複製到IDE裡儲存卻不正常（莫名其妙的報錯），則你可能要查查指令檔和ASP，ASPX檔案的編碼是否一致（GB2312、UTF-8），可以使用記事本另存新檔一致的編碼或者你也可以在呼叫指令碼的時候指定其編碼,如：<script language="javascript" src="a.js" charset="gb2312"></script>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More