JS框架解析1---框架介绍

原创 2015年07月09日 13:28:16

前言:
JS框架是一种利用过程化语言编写的框架,但是随着面向对象思想的不断深入,现在框架中已经在用过程化的语言实现着面向对象的思想,随处可见的new及方法调用,那么这是怎么实现的呢?今天只对其中一小部分(昨天工作过程中遇到的)作一个总结。

  1. 首先先看一下框架调用过程
    var grid = new Hq.DataTable({
        editable : false,
        colOptions : [
            {key : {name:'STATUS'},value : {display : false}},
            {key : {},value : {edit : false}}
        ],
        params : {
            objId : document.getElementById("objId").value
        },
        callback : {
            completed : function(){
                //function body...
            }
        }
    });

上述代码中就是一个典型的JS框架调用的过程,包括属性、参数及方法。
仔细观察,Hq.DataTable中的参数其实就是一个大的JSON对象,用大括号包了起来。那么问题来了:1.new 的这个Hq.DataTable哪来的,为什么能够直接在别的JS文件中调用?2.这些属性、参数及方法如何在框架中使用的?

相关文章推荐

OC与JS交互(JavaScriptCore框架入门介绍)

前阵子,Apple正式发布了新的iOS 7系统,最大最直观的改变在于界面变得小清新范了,我也提到《iOS,你真的越来越像Android了》。不过对于移动开发者来说,除了要适应Xcode 5,最应该关注...

深入浅出node.js游戏服务器开发1——基础架构与框架介绍

深入浅出node.js游戏服务器开发1——基础架构与框架介绍 游戏服务器概述 没开发过游戏的人会觉得游戏服务器是很神秘的东西。但事实上它并不比web服务器复杂,无非是给客户端提...

node.js 和 express 框架学习笔记(1)

node.js & express 框架入门教程向(1)

1 重新启程,WebGL框架three.js

从今天开始,我学习WebGL基础将占时告一段落,开始学习WebGL的流行框架three.js。经验告诉我,学习一种语言,如果入门能力差,最好从框架开始学,虽然会被掩盖很多的原理方面的东西,但是,你能直...

八款Js框架介绍及比较

  • 2012年12月07日 00:01
  • 30KB
  • 下载

js框架及介绍

  • 2012年11月07日 15:49
  • 19KB
  • 下载

常用js框架之vue.js(深入三:组件1)

这个要单独写,原文是这么描述vue的组件的:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS框架解析1---框架介绍
举报原因:
原因补充:

(最多只允许输入30个字)