初次接触mootools
以下是今天所学代码,网上有这篇博客可供参考,另外还是推荐官方文档 ,以下是今天所敲代码:
//用mootools创建类的方式: //方式1:用标准方式传入一个对象字面量 /* var Person = new Class({
initialize:function(name,age){
this.name=name;
this.age=age;
}, log:function(){
console.log(this.name+","+this.age);
}
}); var mark = new Person("Tom",20);
mark.log();
*/ //方式2:传入一个普通函数然后用implement方法对类进行扩展: /* var Person = new Class(function(name,age){
this.name=name;
this.age=age;
}); //用implement惊醒扩展:
Person.implement("log",function(){
console.log(this.name+","+this.age);
}); var mark=new Person("cat",22);
mark.log();
*/ //想扩展多个就多次使用implement
/*
var Person = new Class(function(name,age){
this.name=name;
this.age=age;
}); //用implement多次扩展:
Person.implement("getname",function(){
console.log(this.name);
}); Person.implement("getage",function(){
console.log(this.age);
}); var mark=new Person("cat",22);
mark.getname();
mark.getage(); */ //上述用implement进行扩展每次只能扩展一个,想扩展多个可用字面量的方式 /*
var Person = new Class(function(name,age){
this.name=name;
this.age=age;
}); //用字面量的方式用implement扩展:
Person.implement({
"getname":function(){ //注意:getname 加不加分号都行
console.log(this.name);
},
"getage":function(){
console.log(this.age);
}
}); var mark=new Person("cat",22);
mark.getname();
mark.getage(); */ /*
mootools中为对象添加属和方法用implement,
为类添加属性和方法用extend
注意:
实例不能调用为类创建的方法
类不能直接调用为实例创建的方法
类可以通过 类名.prototype.实例上的方法 */ /*
var Person = new Class(function(name,age){
this.name=name;
this.age=age;
});
Person.implement({
instancemethod:function(){
console.log("这是实例方法");
} });
Person.extend({
classmethod:function(){
console.log("这是类方法");
}
}); var mark = new Person("jack",33);
mark.instancemethod();
//mark.classmethod(); //出错,实例不能调用类上的方法
Person.classmethod();
//Person.instancemethod();//出错,类不能嗲用实例上的方法
//可通过prototype的方式调用:
Person.prototype.instancemethod();
*/ //私有成员
// 用闭包为类创建私有成员 /*var Person = (function(){
//私有变量
var privatevalue = 0;
//私有方法
var privatemethod = function(name){
return name;
} return new Class({
initialize:function(name,age){
this.name = name;
this.age = age; privatevalue++;//使用外部的privatevalue形成闭包 },
//共有方法
log:function(){
console.log(privatemethod(this.name)+","+this.age);
},
getprivatevalue:function(){
return privatevalue;
}
}); })(); var mark = new Person("mark",24);
mark.log();
console.log(mark.getprivatevalue());
//console.log(mark.getprivatevalue()); */ //继承 /*
//创建一个基类:
var Animal = new Class({
initialize:function(age){
this.age=age;
}
});
//创建一个子类:
var Cat = new Class({
Extends:Animal,
initialize:function(name,age){
this.parent(age);//使用基类中的
this.name=name;
}
}); var cat = new Cat("rose",20);
console.log(cat.name);
console.log(cat.age); */ //用Extends实现了(单)继承
/*
var Fa = new Class({
add:function(a,b){
return a+b;
},
sub:function(a,b){
return a-b;
}
}); var Son = new Class({
Extends:Fa,
mul:function(a,b){
return a*b;
}
}); var son1 = new Son();
console.log(son1.add(1,2));
console.log(son1.sub(1,2));
console.log(son1.mul(1,2)); */ /*var Fa = new Class({
add:function(a,b){
return a+b;
}
}); var Fa2 = new Class({
add:function(a,b){
return a-b;
}
}); var Son = new Class({
Implements:Fa2,
Extends:Fa //两者没有严格的优先级,后面的总能重写前面的 }); var son1 = new Son();
console.log(son1.add(1,2));*/
初次接触mootools的更多相关文章
- 初次接触json...
这两天发现很多网站显示图片版块都用了瀑布流模式布局的:随着页面滚动条向下滚动,这种布局还会不断加载数据并附加至当前尾部.身为一个菜鸟级的程序员,而且以后可能会经常与网站打交道,我觉得我还是很有必要去尝 ...
- 初次接触GWT,知识点总括
初次接触GWT,知识点概括 前言 本人最近开始研究 GWT(Google Web Toolkit) ,现将个人的一点心得贴出来,希望对刚开始接触 GWT的程序员们有所帮助,也欢迎讨论,共同进步. 先说 ...
- [Docker]初次接触
Docker 初次接触 近期看了不少docker介绍性文章,也听了不少公开课,于是今天去官网逛了逛,发现了一个交互式的小教程于是决定跟着学习下. 仅仅是把认为重点的知识记录下来,不是非常系统的学习和笔 ...
- 初次接触:DirectDraw
第六章 初次接触:DirectDraw 本章,你将初次接触DirectX中最重要的组件:DirectDraw.DirectDraw可能是DirectX中最强大的技术,因为其贯穿着2D图形绘制同时其帧缓 ...
- 初次接触scrapy框架
初次接触这个框架,先订个小目标,抓取QQ首页,然后存入记事本. 安装框架(http://scrapy-chs.readthedocs.io/zh_CN/0.24/intro/install.html) ...
- javaweb中的乱码问题(初次接触时写)
javaweb中的乱码问题 在初次接触javaweb中就遇到了乱码问题,下面是我遇到这些问题的解决办法 1. 页面乱码(jsp) 1. 在页面最前方加上 <%@ page language=&q ...
- 初次接触Java
今天初次接触Eclipse,学着用他来建立java工程,话不多说,来看看今天的成果! 熟悉自己手中的开发工具,热热身 刚上手别慌,有问题找度娘 刚刚拿到这个软件的安装包我是一脸懵逼的,因为是从官网下载 ...
- -1.记libgdx初次接触
学习一门技术最难的是开发环境变量配置和工具配置,以下为我初次接触libgdx时遇到的问题 几个难点记录下 gradle 直接用下到本地,然后放到d盘,链接到就行(gradle-wrapper.prop ...
- tensorflow初次接触记录,我用python写的tensorflow第一个模型
tensorflow初次接触记录,我用python写的tensorflow第一个模型 刚用python写的tensorflow机器学习代码,训练60000张手写文字图片,多层神经网络学习拟合17000 ...
随机推荐
- Factorization Machine
Factorization Machine Model 如果仅考虑两个样本间的交互, 则factorization machine的公式为: $\hat{y}(\mathbf{x}):=w_0 + \ ...
- jQuery - jQuery的$.extend和$.fn.extend作用及区别
jQuery为开发插件提拱了两个方法,分别是: 1. jQuery.fn.extend(); 2. jQuery.extend(); 虽然 javascript没有明确的类的概念,但是可以构建类似类的 ...
- oracle 日期获取
,'YYYY-MM-DD')星期一, to_char(NEXT_DAy(to_date(,'YYYY-MM-DD')星期日 from dual; select to_char(sysdate,'yyy ...
- 【转载】div层调整zindex属性无效原因分析及解决方法
在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效.在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的pos ...
- Logstash日志搜集
软件准备: logstash-2.1.0.zip elasticsearch-2.1.0.zip kibana-4.3.0-windows.zip Redis-x64-2.8.2104.msi 下载地 ...
- 爬虫技术 -- 基础学习(五)解决页面编码识别(附c#代码)
实现从Web网页提取文本之前,首先要识别网页的编码,有时候还需要进一步识别网页所使用的语言.因为同一种编码可能对应多种语言,例如UTF-8编码可能对应英文或中文等语言. 识别编码整体流程如下: (1) ...
- DDD:使用EntityFramework的话,如果只为聚合根设计仓储,其它实体如何处理?
背景 DDD中只有聚合根可以有仓储,仓储负责整个聚合持久化的相关生命周期,在不使用工作单元或POCO的情况下,我们可以让Order内部直接调用DAL操作OrderItem.我们也可以让Order跟踪所 ...
- vs2010安装和使用
vs2010是之前我跟老师做网站项目时安装的,这次软件工程作业我就用它了,安装过程中的截图就不存在了,我就详细说说它的使用吧. VS2010软件挺大的,下载大概要一个多小时,安装过程大概都是下一步. ...
- SQL Server里的INTERSECT ALL
在上一篇文章里,我讨论了INTERSECT设置操作的基础,它和INNER JOIN的区别,还有为什么需要好的索引设计支持.今天我想谈下SQL Server里并未实现的INTERSECT ALL操作. ...
- CentOS6.5菜鸟之旅:U盘安装CentOS64位
一.前言 之前下载了个CentOS7 32位版,一下就安装成功了,但由于其目录结构等与之前的CentOS版本有很大的不同,加上教程不多不利于我这种菜鸟学习,于是决定重装CentOS6.5来学习.本篇用 ...