初次接触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 ...
随机推荐
- 墓地雕塑-LA3708
https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&category=20& ...
- 谈谈CSS预处理技术中for循环的应用-CSS Sprite
各种新技术的出现,推动着Web前端技术飞速发展,在提升用户体验的同时也方便开发者: 在前端优化时,我们使用CSSSprite技术,把多个图片合在一张图片上,然后通过background-image,b ...
- C#基础课程之五集合(HashTable,Dictionary)
HashTable例子: #region HashTable #region Add Hashtable hashTable = new Hashtable(); Hashtable hashTabl ...
- 2014 网选 5011 Game(Nim游戏,数学题)
/* 题意:Nim游戏! 思路:通过异或,判断将n个数表示成二进制的形式之后,是否对应位的数字1 的个数是偶数! */ #include<iostream> using namespace ...
- css实现高度不固定的div元素模块在页面中水平垂直居中
<!DOCTYPE html><html> <head> <title>Laravel</title> <link ...
- LitePal + Gson + Volley的ORM框架尝试方案
为了紧跟技术潮流,目前的项目开始采用ORM的思想进行重新设计. 数据库采用轻量级ORM框架LitePal,Json解析采用Gson,网络框架采用Volley. 如果只是单纯的将这些第三方框架引进来,事 ...
- SQL Server 2016里TempDb的提升
几个星期前,SQL Server 2016的最新CTP版本已经发布了:CTP 2.4(目前已经是CTP 3.0).这个预览版相比以前的CTP包含了很多不同的提升.在这篇文章里我会谈下对于SQL Ser ...
- js-string字符串对象
js-string字符串对象 一.String 对象描述 字符串是 JavaScript 的一种基本的数据类型. String 对象的 length 属性声明了该字符串中的字符数. String 类定 ...
- 双系统Ubuntu无法访问windows磁盘分区解决方法
为了更好的体验各种操作系统,在电脑中安装双系统是很好的选择,但在使用中难免会遇到这样或那样的问题. 最近总是遇到Ubuntu系统下无法访问windows磁盘分区问题,看了系统日志发现是挂载磁盘出问题了 ...
- UnityShader快速上手指南(三)
简介 这一篇还是一些基本的shader操作:裁剪.透明和法向量的应用 (纠结了很久写不写这些,因为代码很简单,主要是些概念上的东西) 先来看下大概的效果图:(从左到右依次是裁剪,透明,加了法向量的透明 ...