ntv.js框架源碼解讀 - 1common.js和2core.js

1common.js源代碼：

全局 $ 對象，相似於jQuery框架的命名形式，用於縮短函數名，精簡代碼。此文件只包含提供全局做用域的經常使用對象。

var $ = function(selector){};   // Id選擇器的函數封裝。調用$("#Id")，$("TagName")

$.ajax = function(o){};           // aJax功能的函數封裝。調用$.ajax({type: POST, url: "...", data: {...}});

  

2core.js源代碼：

全局 ntv 對象，包含2個部分，日誌調試類和瀏覽器平臺信息檢測類。

var ntv = ntv || {};   // 每一個ntv模塊文件頭都採用此方式來擴展對象。此方式表示若是上下文已存在ntv對象就返回已存在的ntv對象，若是不存在就建立一個空對象。這樣的方式也不依賴於將一個對象寫入多個文件在頁面引用的先後順序。

ntv.log類，調試模式的日誌輸出實現及調試模式的開啓與關閉。

ntv.log.debug = boolean;             // 是否開啓調試模式。

ntv.log.console = function(str){};  // 輸出日誌。調用 ntv.log.console("調試信息");

ntv.log.filter = function(str){};      // 日誌信息過濾類。

       你能夠在引用了本文件以後的任意地方使用 ntv.log.console("調試信息"); 來在頁面上輸出調試信息。

      可是須要注意，框架內置了一些調試信息輸出，爲了區別框架內置與開發自定義的日誌輸出，框架經過設置filter的key來過濾輸出到頁面的信息。框架內置的日誌默認不輸出在頁面，若是須要調試框架內特色功能時，能夠經過修改ntv.log.filter函數內的開關來顯示特定功能的日誌信息，例如啓用 "ntv.key"開頭的對象函很多天志輸出，在調試機頂盒鍵值時，頁面將輸出框架內置鍵值處理的函數信息。

       注意事項：

        1. 由於框架默認過濾日誌信息，因此你在輸出自定義的調試信息時，請不要使用 "ntv.**" 形式的字符串。

        2. 調試信息的顯示只支持一屏，不支持自動滾動。因此在調試時儘可能精簡輸出條數。

ntv.profile類

      用來檢測當前頁面運行的平臺及中間件瀏覽器所使用的中間件規範標準。當開啓調試模式時，這些信息默認將顯示。

調試模式效果：