到目前为止,我已经写完了面向对象完整的一个系列知识,前面基本属于理论,原理的理解,接下来,我们就用学到的知识来实战下吧.看看理解原理和理论是否重要?例子从简单到复杂一、单体(字面量)封装加减乘除varOper={
add:function(n1,n2){
returnn1+n2;
},
sbb:function(n1,n..
分类:
Web程序 时间:
2017-09-04 14:51:37
阅读次数:
173
在实际开发中,经常需要为Dom元素绑定事件,如果页面上有4个li元素,点击对应的li,弹出对应的li内容,怎么做呢?是不是很简单? 大多数人的做法都是:获取元素,绑定事件 如果页面上有1w个元素, 甚至10w个元素呢? 继续使用上述方式,会有很大的性能问题,这个时候,有人可能要问,实际中的项目 哪有 ...
分类:
Web程序 时间:
2017-09-03 23:55:32
阅读次数:
240
所谓缓存,通俗点讲就是把已经做过的事情结果先暂时存起来,下次再做同样的事情,不用再重新去做,只要把之前的存的结果拿出来用即可,很明显大大提升了效率。他的应用场景非常广泛。如: 1、缓存ajax结果,大多数网站都会有产品推荐功能,比如按热销推荐,简单低效的做法,每次点击切换的时候,都要通过ajax去数 ...
分类:
Web程序 时间:
2017-09-03 09:52:10
阅读次数:
227
gdom框架是我开发的一款dom和字符串处理框架,目前版本是1.0.0. 使用方法跟jquery是差不多的, 会用jquery就会用gdom,目前 1.0.0版本的选择器完全支持CSS3选择器.没有做IE的低版本兼容。 gdom下载地址:https://github.com/ghostwu/gdom ...
分类:
编程语言 时间:
2017-09-02 18:06:26
阅读次数:
230
es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了,所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让对象复制到属性 在es6中,为了识别函数调用时,是否使用了new关键字,引入了一个新的属性new.target: ...
分类:
Web程序 时间:
2017-09-01 23:09:08
阅读次数:
314
我们先来一个简单的构造函数+原型对象的小程序functionCreateObj(uName,uAge){
this.userName=uName;
this.userAge=uAge;
}
CreateObj.prototype.showUserName=function(){
returnthis.userName;
}
CreateObj.prototype.showUserAge=function(){
returnthis.userAge;
}这个程序..
分类:
Web程序 时间:
2017-09-01 10:48:22
阅读次数:
154
什么是单例呢? 单,就是一个的意思。例:就是实例化出来的对象,那合在一起就是保证一个构造函数只能new出一个实例,为什么要学习单例模式呢?或者说单例模式有哪些常见的应用场景.它的使用还是很广泛,比如:弹出一个模态框,一般来说在网站中弹出的模态框,不停的一直点击,一般只能创建一个。还有后台的数据库连接 ...
分类:
Web程序 时间:
2017-08-31 21:06:54
阅读次数:
228
最近在封装一个开源框架,已经写了500行, 已经具备jquery的大多数常用功能,后面还会扩展大量的工具函数和MVVM双向驱动等功能。跟jquery的使用方法完全一样,jquery的选择器,几乎都能支持,为什么说这事,跟这篇文章的主题有毛关系呢?因为这篇文章要讲的就是我在写框架过程中碰到的一个问题, ...
分类:
Web程序 时间:
2017-08-30 21:38:04
阅读次数:
230
我们先来一个简单的构造函数+原型对象的小程序functionCreateObj(uName,uAge){
this.userName=uName;
this.userAge=uAge;
}
CreateObj.prototype.showUserName=function(){
returnthis.userName;
}
CreateObj.prototype.showUserAge=function(){
returnthis.userAge;
}这个程序..
分类:
Web程序 时间:
2017-08-29 18:47:41
阅读次数:
147
我们接着上文继续,我们通过原型方式,解决了多个实例的方法共享问题,接下来,我们就来搞清楚原型(prototype),原型链的来龙去脉.functionCreateObj(uName){
this.userName=uName;
}
CreateObj.prototype.showUserName=function(){
returnthis.userName;
}
varobj1=newCreateO..
分类:
编程语言 时间:
2017-08-28 21:50:20
阅读次数:
137