`
yunchow
  • 浏览: 322232 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

编写一个JS框架

    博客分类：
  • JS
JavaScriptjQueryJSFrameworkclosure 
阅读更多
js 代码： 

(function(){
	var window=this,
	_$=window.$,
	
	myJs = window.myJs = window.$ = function(selector) {
		return new myJs.fn.init(selector);
	};
	
	myJs.fn = myJs.prototype = {
		init: function(selector) {
			var dom = document.getElementById(selector);
			this[0] = dom;
		}
	};
	
	myJs.fn.init.prototype = myJs.fn;

	myJs.extend = myJs.fn.extend = function(obj, prop) {
	   if (!prop) {
		  prop = obj;
		  obj = this;
	   }
	   for(var o in prop){
	      obj[o]=prop[o];
	   }
	};
	
	myJs.fn.extend({
		test: function() {
			alert("123");
		},
		get: function() {
			alert(this[0].innerHTML);
		},
		ajax: function() {
		
		},
		ajaxSetting: function() {
		
		},
		
		html: function() {
			alert("html");
		}
	
	});
})();




页面测试代码： 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" >  
<head>  
    <title>Test Jsonp</title>  
	<script type="text/javascript" src="myjs.js"></script>  
</head>  
<body>  
<div id="cont">Hello, myJs.</div>
<script type="text/javascript">  
	//$.html();
	$("cont").get();
</script>  
</body>  
</html>



基于这种设计，我们可以十分方便的进行扩展





1
顶
4
踩
分享到：
| 基于Servlet实现RMI突破防火墙
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    简易javascript框架

    仿照 jquery源码编写的 简易框架的源码 出自的妙味课堂远程课

    javascript常见的7个框架

    Dojo 是一个强大的面向对象 JavaScript 框架，由三大模块组成：Core、Dijit、DojoX。Core 提供了 Ajax、events、packaging、CSS-based querying、animations、JSON 等相关操作 API。Dijit 是一个可更换皮肤、基于...

    比较几个流行的JavaScript框架的性能

    本篇文章将深入探讨几个流行的JavaScript框架——React、Angular、Vue.js和Ember.js的性能差异，旨在为开发者提供决策参考。 首先，React是由Facebook开发并维护的库，主要用于构建用户界面，特别是单页面应用（SPA...

    气泡提示对话框 js框架编写

    标题"气泡提示对话框 js框架编写"指出，我们将构建一个基于JavaScript的框架，该框架能够帮助开发者快速集成并自定义气泡提示功能。这个框架应包含以下关键组件： 1. **样式设计**：气泡提示框的外观，包括形状、...

    JS框架实例

    Vue.js则是一个轻量级的框架，以其易学易用和灵活性受到开发者喜爱。 JavaScript框架的核心优势在于它们简化了DOM操作。传统的JavaScript开发中，直接操作DOM可能导致性能问题，而框架通过虚拟DOM或高效的DOM更新...

    CSS框架与JS框架结合

    Bootstrap则是一个流行的CSS框架，由Twitter的工程师开发，用于设计响应式和移动优先的网站。Bootstrap的目的是减少前端开发者在编写HTML、CSS和JavaScript代码时的重复劳动。 描述中提到的书籍《Learning Web ...

    针对node.js框架编写的游戏服务器总框架(全开源)

    Node.js本身就是一个跨平台的JavaScript运行环境，因此游戏服务器可以在多种操作系统上部署，包括但不限于Windows、Linux和macOS。通过运行"index.js"或使用支持调试的"supervisor index.js"，我们可以启动和管理...

    fong是一个完全用typescript编写的nodegRPC框架

    标题中的“fong”是一个专为Node.js环境设计的gRPC框架，它完全采用typescript编写，提供了高效、安全且易于维护的解决方案来构建gRPC微服务应用。gRPC是Google推出的一种高性能、开源的RPC（远程过程调用）框架，它...

    网页内自适应高度框架JS

    JavaScript框架是预编写的一系列JavaScript代码，为开发人员提供了一个可扩展的基础，用于快速构建交互式Web应用。它们通常包括工具集、库和最佳实践，可以简化常见的编程任务，如DOM操作、事件处理、动画效果等。在...

    常用JS框架比较（个人整理）

    首先，我们关注到“21个强大的javascript框架.doc”，这可能是一个列举并分析了21个JavaScript框架的文档。虽然具体的框架没有列出，但我们可以推测其中可能包括Angular、React、Vue、jQuery、Ember、Backbone等知名...

    网易前端JS框架

    JavaScript框架如React、Vue、Angular等已经广泛使用，而网易前端JS框架则是在这个领域中的一个竞争者。 网易前端JS框架的核心特点之一是其强大的功能。这通常包括对组件化开发的支持，允许开发者将复杂的应用拆分...

    自身模块规范编写的前端UI框架.rar

    自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，极易上手，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到使用方法的每一处细节都经过精心雕琢，非常适合...

    Merchantjs一个用于创建idle游戏的Javascript框架

    Merchant.js 是一个专门针对Idle类型游戏开发的JavaScript框架，它为构建此类游戏提供了一套完整的工具集。Idle游戏，也称为“挂机游戏”或“点击游戏”，通常允许玩家在离线时也能获得游戏进度，通过简单的操作累积...

    xui js框架源码

    总的来说，XUI js框架源码是一个完整的前端解决方案，包括了前端开发所需的各种元素，适合希望深入理解JavaScript框架，或者需要快速构建富客户端应用的开发者。通过学习和使用这个框架，开发者不仅可以提升开发技能...

    把文本解析为js框架

    对于描述中提到的博客链接，由于无法直接查看，我们可以假设它可能介绍了如何从JSON数据中构建一个简单的JavaScript框架的实践步骤，或者分享了一个实用的工具或库，用于帮助解析和映射JSON到JavaScript对象模型。...

    JS 框架 设计

    JavaScript框架设计是一个复杂而深入的话题，它涉及到前端开发的核心技术，包括DOM操作、事件处理、模块化、动画处理以及性能优化等多个方面。本篇将基于标题"JS框架设计"及描述中的"主要利用iframe实现"来展开讨论...

    watermarkjs是一个JavaScript框架用于以批量的方式对图片插入水印

    watermark.js 是一个 JavaScript 框架用于以批量的方式对图片插入水印。它利用 HTML5 canvas 标签实现，只要为图片添加特定的 class 就能添加水印。采用 ES6 编写而成，并通过 Babel 提供给当前的浏览器。支持网址、...

    js框架源码

    JavaScript框架源码是一种为了简化网页应用开发而设计的工具，它提供了一套预先定义好的结构和功能，使得开发者可以更高效、更规范地编写JavaScript代码。这个特定的框架以面向对象编程为基础，融合了继承机制，同时...

    发布一个本人开发的一个js验证框架

    1,优化了性能(以前是把所有验证器都加到工厂中,现在是按需添加) 2,修复了两处小Bug. 博文链接：https://tywo45.iteye.com/blog/196650

Magicbox
Global site tag (gtag.js) - Google Analytics