轩枫阁

首页 / 授人以渔 / Javascript (第14页)

JavaScript面向对象(OOP)语法

面向对象程序设计(简称OOP)是现在最流行的程序设计方法,这种方法有别于前面介绍的基于过程的程序设计方法。目前的主流程序设计语言Java,C#,C++,PHP,JavaScript全部支持面向对象程序设计。JavaScript本身就是一种完全面向对象的语言,因此面向对象这个词用在JavaScript上有些多余。

为了能透彻的理解面向对象程序设计,我先举一个例子

同学们肯定都有一台属于自己的电脑,电脑的硬件组成都是基本相似的,包括:主板,CPU,内存,硬盘,显示器,电源等。像Dell,联想这样的公司在组装电脑时,根本不用自己去做这些硬件,他们通常会根据一定的需求去购买,只要这些硬件符合相应的接口便可以组装使用。这样极大的提高了效率,完善了社会分工,提高了生产力,甚至像Dell,联想这样公司的盈利水平也会有充分的提高。

面向对象正是基于这样的思想。程序(电脑)是具有一定行为与属性的对象(硬件)组成的。我们是购买对象还是自己创建,完全取决于预算与时间。通常,只要对象(硬件)能满足需求,就不必关心其功能的实现方法。面向对象程序设计最关心的是对象(硬件)的接口是什么。这就像计算机制造商对硬盘的实现并不关心,硬盘能存储数据而且便宜耐用就可以了。

面向对象程序设计就是设计一个个的对象,之后在把对象通过接口组合在一起。看下面等式:

JavaScript面向对象编程思想

在面向对象程序设计(组装计算机)的过程中,通常不用关心对象(例如硬盘)数据的内部实现,这种内部实现我们称为对象的封装,这些数据我们称之为对象的属性实例字段

一个对象(硬盘)还要提供一些接口,好使外面程序(例如主板)调用(连接),这种可以调用对象的接口我们称之为方法成员函数

通过对象提供的方法可以调用对象内部属性来完成指定功能,这样就把前面介绍的程序设计最重要的数据与算法结合成了一个统一体,同时隐藏了对象中数据的实现过程,实现了当前最流行的面向对象编程思想。 查看全文

2013/09 18  周三

文本框数据自动保存

在新浪微博的新鲜事微博输入框中输入文字,这时如果没发布但是已经离开页面,等再回到该页面时,微博发布框中的内容还是存在的。同样,QQ空间、百度贴吧等也是有此类功能,但实现的方法可能不太一样。如数据可以存在服务器上,但是总是在输入文字,那服务器压力不是很大?用cookie有大小限制不可轻易使用。所以本地存储是个不错的选择,这时候大家是不是顿时产生想法:HTML5本地存储~下面详细介绍下

本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。 查看全文

2013/08 28  周三

关于瀑布流及实现

瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。

类似的应用瀑布流的网站有花瓣网蘑菇街美丽说等网站。 查看全文

2013/08 19  周一

如何判定浏览器的类型(jQ和原生js)

在早期的jquery版本中,如1.4.2版本,我们很容易的就能判断浏览器的类型,好做兼容。但是后面的版本如1.8.0就不支持了,但是我们还要做判断,这可怎么办?接下来我们可以看下jquery关于这个的源码及使用方法。

以上是jq实现的源码,通过正则来匹配userAgent判断浏览器的种类和版本. 查看全文

2013/08 10  周六

textarea如何实现高度自适应?

今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好,然后想起了新浪微博的做法:点击评论,默认显示一行,当输入的文字超过一行或者输入Enter时,输入框的高度会随着改变,直到输入完毕。顿时觉得这个细节做得挺不错的,可以效仿下。下面分享2种实现textarea高度自适应的做法,一种是用div来模拟textarea来实现的,用CSS控制样式,不用JS;另一种是利用JS控制的(因为存在浏览器兼容问题,所以写起来比较麻烦); 查看全文

2013/08 06  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]