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>
基于这种设计,我们可以十分方便的进行扩展
分享到:
相关推荐
仿照 jquery源码编写的 简易框架的源码 出自的妙味课堂远程课
自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,极易上手,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到使用方法的每一处细节都经过精心雕琢,非常适合...
这是编写个前端框架系列的第三章,本章我将会阐述浏览器端不同的代码求值的法及其所产的问题。我也将会介绍个法,它依赖于些新颖或者少见的 JavaScript 功能。
1,优化了性能(以前是把所有验证器都加到工厂中,现在是按需添加) 2,修复了两处小Bug. 博文链接:https://tywo45.iteye.com/blog/196650
fong是一个完全用typescript编写的node gRPC框架, 可以基于它很方便地编写gRPC微服务应用. 一般是用来编写service层应用, 以供bff层或前端层等调用.
watermark.js 是一个 JavaScript 框架用于以批量的方式对图片插入水印。它利用 HTML5 canvas 标签实现,只要为图片添加特定的 class 就能添加水印。采用 ES6 编写而成,并通过 Babel 提供给当前的浏览器。支持网址、...
fast-check:用TypeScript编写基于Property 的JavaScript测试框架(如QuickCheck)
采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写形式,极低门槛,拿来即用
veneno:一个基于 Node.js 编写的 web 安全漏洞自动化扫描框架
G6 是一个由纯 JavaScript 编写的关系图基础技术框架,是解决流程图和关系分析的图表库,集成了大量的交互,可以轻松的进行动态流程图和关系网络的开发
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...
Webster是一个用Node.js编写的可靠的网页抓取爬虫框架,用于抓取网站并从网页中提取结构化数据。 与其他爬虫框架不同的是,Webster可以抓取浏览器客户端javascript和ajax请求呈现的内容。
Binding.scala 是一个用 Scala 语言编写的数据绑定框架,可以在 JVM 和 Scala.js 上运行。它可以用作 reactive web freamework。 它允许你使用原生 XHTML 语法去创建 reactive DOM 节点,这种 DOM 节点可以在数据源...
Fayde 是所有平台的 Silverlight,完全使用 JavaScript 编写,支持所有平台和浏览器,使用 node-webkit 编译,可以作为一个桌面应用部署。Fayde 是使用 JavaScript 编写的 XAML 引擎,可以渲染成 HTML5 Canvas。依赖...
精美的气泡提示对话框 js编写 方便使用 便于维护
Lor是一个运行在OpenResty上的基于Lua编写的Web框架.路由采用Sinatra风格,Sinatra是Ruby小而精的web框架.API基本采用了Express的思路和设计,Node.js跨界开发者可以很快上手.
prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。
Dojo 同样也是一款功能超级强大的JS框架,也可以说Dojo 是一个基于JavaScript 编写的开源DHTML工具箱。
内容全部由编写高质量的javascript代码的最佳实践组成,从基本语法、应用架构、工具框架、编码风格、编程思想等5大方面对web前端工程师遇到的疑难问题给出了经验性的解决方案,为web前端工程师如何编写更高质量的...
一个用于Laravel的全栈框架,它使构建动态UI变得简单而不痛苦。它允许开发者在前端使用PHP编写交互逻辑,无需编写独立的JavaScript代码。对于喜欢Laravel框架的开发者,Livewire提供了一种更加高效的构建动态UI的...