ntv.js框架源码解读

ntv.js框架源码解读

2019独角兽企业重金招聘Python工程师标准>>>

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;             // 是否开启调试模式。

sole = function(str){};  // 输出日志。调用 sole("调试信息");

ntv.log.filter = function(str){};      // 日志信息过滤类。

       你可以在引用了本文件之后的任意地方使用 sole("调试信息"); 来在页面上输出调试信息。

      但是需要注意，框架内置了一些调试信息输出，为了区别框架内置与开发自定义的日志输出，框架通过设置filter的key来过滤输出到页面的信息。框架内置的日志默认不输出在页面，如果需要调试框架内特点功能时，可以通过修改ntv.log.filter函数内的开关来显示特定功能的日志信息，例如启用 "ntv.key"开头的对象函数日志输出，在调试机顶盒键值时，页面将输出框架内置键值处理的函数信息。

       注意事项：

        1. 因为框架默认过滤日志信息，所以你在输出自定义的调试信息时，请不要使用 "ntv.**" 形式的字符串。

        2. 调试信息的显示只支持一屏，不支持自动滚动。所以在调试时尽量精简输出条数。

ntv.profile类

      用来检测当前页面运行的平台及中间件浏览器所使用的中间件规范标准。当开启调试模式时，这些信息默认将显示。

调试模式效果：

转载于: