Compat Inspector 微軟內部使用的相容性偵查工具

   Compat Inspector 這個工具是對頁面進行相容性檢測的,是微軟IE團隊在IE9的時候內部使用的。在windows 8 IE10中,對外進行公布了。現在我們可以隨便使用了。該工具是對一個網頁是否標準,是否符合HTML5標準作檢測,具體包括js錯誤,陳舊的標籤,不規範的標籤等等,進行檢測給出報告。使用方式非常簡單,在需要檢測的頁面中載入這個js瀏覽頁面,在頁面的右上方會一個報告紅色的為嚴重的錯誤,黃色的為警告,藍色的則是可以忽略的,點擊之後就會得到詳細的報告 通過使用Compat

IE10 Error.stack 讓指令碼調試更便捷

文章目錄 DOM 異常與 Error.stack效能注意事項非同步異常   在IE10中已經新加入了Error.stack 的支援,可以加快開發人員的指令碼調試,並更正錯誤。尤其是一些難以重現的錯誤,如非同步作業等。以下內容來自於微軟IE團隊,對於這個特性描述的非常詳細。 調試應用程式JavaScript 中的結構化錯誤處理依賴於 throw 和 try/catch,開發人員將在其中聲明一個錯誤,並將控制流程傳遞至處理錯誤的程式的某一部分。

Modernizr 讓網站進行優雅降級

  如今一個網頁展現的內容是越來越豐富,其中不乏一些HTML5、CSS3的功能特效。那麼如果用戶端的瀏覽器支援HTML5。頁面訪問效果很好沒有問題。如果不支援HTML5,還是IE6,7,8等瀏覽器的時候呢?這個時候往往是作為一個前段人員非常頭痛的事情了,相容。 

《Dom Spring 》Reading Notes,to be continue…

appendChildvar para = document.createElement("p"); var testdiv = document.getElementById("testdiv"); testdiv.appendChild(para);createTextNode如果想加點文字在P中,不能用createElement,這個只能用於建立元素節點。你想建立一個文本節點。可以使用 createTextNode 方法。

在行動裝置 App中,判斷螢幕豎向或橫向

在行動裝置 App中,有時要判斷使用者把裝置豎向變成橫向時,頁面必須做出必須的調整,在 apple系列的機器上,如ipad,iphone,itouch等,有一個屬性可以判斷: window.onorientationchange = detectOrientation;function detectOrientation(){if(typeof window.onorientationchange != 'undefined'){if ( orientation == 0 ) {//Do

.NET 4.5 非同步IO

在C/S架構中,不管是傳統的winform還是wpf都可能會遇到進行非同步作業檔案的時候。檔案小還好說,直接寫作業碼。如果是大檔案很多時候做成非同步操作。在介面上顯示一個進度條什麼的,後台使用一個backgroundworker來做。在這裡告訴大家在.NET Framework4.5中支援非同步IO的操作。大大簡化之前些的非同步方法呼叫代碼。使用backgroundworker代碼View Code private void Button_Click_3(object sender,

HTML5:敢問路在何方?

   昨天看到一個新聞,對於正在研究和教學HTML5的我感到非常的震驚。這種感覺好比走在陽光大道中突然眼前出現一片大霧,並且透過大霧看到的是懸崖。 這個新聞標題如下:HTML5分裂:選擇自己的HTML5標準?!內容更是勁爆,“負責HTML5的兩個標準制定組織WHATWG(超文本應用技術工作群組)和W3C(全球資訊網聯盟)決定分道揚鑣,這也意味著今後將會出現兩個版本的HTML5:即“快照版”和“動態版”。” 也就是w3c分家了,並且分成兩派,而且這兩派都會出HTML5標準。http://news.

Jquery的 scroll事件,實現當捲軸到達最底部時,自動載入新項

主題:使用 Jquery的 scroll事件,實現當捲軸到達最底部時,自動載入新項原理:捲軸事件中,判斷是否到達最底部,是的話調用添加方法,非同步向尾部追加內容。補充1:網上有找到一個此效果的網站:www.diandian.com       2:替代方案:QQ空間的社交動向更新中使用在最底部放置一個按鈕,之後非同步載入資料!前置條件:添加jquery.min.js源碼:(以下代碼,關於判斷是否為最底部的方式,其精確性有待進一步研究)-------------------------------

js模仿html5 placeholder

html5原生支援placeholder,對於不支援的瀏覽器(ie),可用js類比實現。js代碼(function(){//判斷是否支援placeholder function isPlaceholer(){var input = document.createElement('input');return "placeholder" in input; }//不支援的代碼 if(!isPlaceholer()){//建立一個類 function

如何保持頁尾始終在頁面底部

原文http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page當一個html包含很小一部分內容的時候,頁尾(footer)就會在頁面的中間,底部會留一段空白。尤其是在大螢幕上,看起來更不舒服。                問題                                                     最終效果 查看示範 支援主流瀏覽器:Firefox (Mac &

IE10/HTML5 開發

IE 對html5的支援還得從IE9說起。在IE9時,就已經對HTML5和CSS3有著比較好的支援了,還有不得不說的硬體加速,以及全新的javascript解析引擎 Chakra(查克拉),Chakra在同行業中對javascript的解析速度排名第一。以下是在IE9時對HTMl5的支援列表 如果在IE9上做過HTML5開發的,可能會感歎,效果和效能是很好但是支援的太少了。 對於這樣的問題現在說 OK 現在IE10

基於樹狀位壓縮數組的字元集合

文章目錄 3.1 ExceptWith 操作3.2 IntersectWith 操作3.3 SymmetricExceptWith 操作3.4 UnionWith 操作3.5 計算二進位中 1 的個數 .Net

jQuery Transit CSS3 的動畫特效外掛程式

最近利用jquery開發touch版網站的時候,常用到jquery的動畫效果。如,slidedown animate等 動畫函數。但在行動裝置上測試會發現運動並不是很流暢。因此想到改用wekkit原生css3屬性,使效果流暢了很多。 通過改變translate 而不是改變 left 或者margin-left 來實現滑動,效率提升會很明顯,平滑度幾乎可以媲美native app。在對js執行效率不是很高的移動終端中尤為明顯。但是css3的寫法複雜繁瑣,於是發現了jQuery

功能強大並免費的TFS,你還沒開始用嗎?

  對於個人或者微型團隊在項目代碼版本控制上還是有很多在使用隨身碟或者網盤。我相信大家都想過用原始檔控制總管,svn、git,tfs等可能都想過。但是由於各種因素放棄使用了,無非都是在考慮了種種因素:成本、商業機密等。 那麼給大家推薦tfs,http://tfs.visualstudio.com/,提供免費的雲動力原始碼託管,完全滿足個人使用或者微小型團隊的使用。最重要的是可以與git項目進行整合。 

【html 程式碼片段】 圖文+標題(上下)

不知道如何插入可以啟動並執行html,所以看不到效果了。發個最常用的 圖片+標題(上下)結果的 html代碼。已經做到了最簡潔,最相容 。做HTML時間長了 就發現所有的工作都是重複,工作效率提高的重要因素就是代碼重用。模組化。以後慢慢整理。到時候做頁面那就是大塊大塊的複製粘貼了。想想都愜意 :)CodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--

滑鼠滾輪控製圖片縮放

當使用者通過滑鼠滾輪與頁面互動、在垂直方向上滾動頁面時(無論向下還是向上),就會觸發mousewheel事件。這個事件可以在任何元素上面觸發,最終會冒泡到document(IE)或window(Opera、Chrome、及Safari)對象。 在IE中觸發的是mousewheel事件。在Firefox中觸發的DOMMouseScroll 事件。 在使用的時候分別為元素繫結兩個事件就可以了。標準瀏覽器用 e.preventDefault(); 再來個取消冒泡 e.stopPropagation()

提取jQuery.ready(),頁面DOM原生載入完畢執行onDOMReady()

在大部分前端開發中,需要在DOM樹載入時馬上執行一些函數,但又不願意僅為了這一個需求而引入整個jQuery庫,於是就把jQuery的ready方法提取出來,單獨使用了。當然大家可以使用windows.onload事件,

WPF TreeView Win8 樣式

WPF 的 TreeView 控制項內建的樣式 1 的左邊所示,節點前的箭頭還不錯,但是選中效果實在是不給力,如果想更加華麗的話,那麼很有必要把 TreeView 的樣式好好自訂一番。我最後得到的結果 1 的右邊所示,是一個 Win8 風格的 TreeView。圖 1 TreeView 樣式對比在 WPF 中,自訂控制項的外觀是一件非常簡單的事情,但對於 TreeView 來說,最大的困難則在於如何做到節點的整行選擇。這是因為 TreeView 的項目範本預設是 2 所示的。圖 2

一個滑鼠滾輪控制大小的縮放類。

//縮放類  相容性良好 var zoomClass = function(o){    if (typeof(o) == "string")         o = document.getElementById(o);        if (document.attachEvent)         o.attachEvent("onmousewheel", func);    else         o.addEventListener("DOMMouseScroll", func,

JS驗證中研製中文字數的解決方案

input控制項有個length的屬性,可以方便地擷取字數。可是,它所返回的字數無論是中文還是英文或者數字,1個字就算1個字。客戶要限制字數的原因是為了頁面顯示的時候排版不會亂,因此一個漢字需要按2個英文字元來計算。這樣的話,這個預設的length就無用武之地了。

總頁數: 61357 1 .... 6251 6252 6253 6254 6255 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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