ntv.js框架源码解读 - 1common.js和2core.js

2023-12-12 13:10

本文主要是介绍ntv.js框架源码解读 - 1common.js和2core.js,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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类

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


调试模式效果:

104623_8Pyf_214583.jpg



转载于:https://my.oschina.net/cotonchen/blog/375150

这篇关于ntv.js框架源码解读 - 1common.js和2core.js的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/484761

相关文章

Redis与缓存解读

《Redis与缓存解读》文章介绍了Redis作为缓存层的优势和缺点,并分析了六种缓存更新策略,包括超时剔除、先删缓存再更新数据库、旁路缓存、先更新数据库再删缓存、先更新数据库再更新缓存、读写穿透和异步... 目录缓存缓存优缺点缓存更新策略超时剔除先删缓存再更新数据库旁路缓存(先更新数据库,再删缓存)先更新数

Java汇编源码如何查看环境搭建

《Java汇编源码如何查看环境搭建》:本文主要介绍如何在IntelliJIDEA开发环境中搭建字节码和汇编环境,以便更好地进行代码调优和JVM学习,首先,介绍了如何配置IntelliJIDEA以方... 目录一、简介二、在IDEA开发环境中搭建汇编环境2.1 在IDEA中搭建字节码查看环境2.1.1 搭建步

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

MyBatis框架实现一个简单的数据查询操作

《MyBatis框架实现一个简单的数据查询操作》本文介绍了MyBatis框架下进行数据查询操作的详细步骤,括创建实体类、编写SQL标签、配置Mapper、开启驼峰命名映射以及执行SQL语句等,感兴趣的... 基于在前面几章我们已经学习了对MyBATis进行环境配置,并利用SqlSessionFactory核

C#反射编程之GetConstructor()方法解读

《C#反射编程之GetConstructor()方法解读》C#中Type类的GetConstructor()方法用于获取指定类型的构造函数,该方法有多个重载版本,可以根据不同的参数获取不同特性的构造函... 目录C# GetConstructor()方法有4个重载以GetConstructor(Type[]

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟 开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚 第一站:海量资源,应有尽有 走进“智听

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

MCU7.keil中build产生的hex文件解读

1.hex文件大致解读 闲来无事,查看了MCU6.用keil新建项目的hex文件 用FlexHex打开 给我的第一印象是:经过软件的解释之后,发现这些数据排列地十分整齐 :02000F0080FE71:03000000020003F8:0C000300787FE4F6D8FD75810702000F3D:00000001FF 把解释后的数据当作十六进制来观察 1.每一行数据