JavaScript学习心得之如何走出初学困境
来源:HOWLKING 发布时间:2008-12-24 13:30:00
利用空闲几天把《JavaScript权威指南》安静的读了一篇。真是一本好书呀!呵呵,这句话见的太多了。好在什么地方呢?听我慢慢道来。
从开始接触JS这东西有一年时间了,心头总是有一些说不出来的苦闷。在论坛里也常常有人这么说。那么苦在何处呢?总是感觉学的不深入,一些简单的东西可以做但也是不能得心应手。能不能把这种苦再说的具体点儿呢?都说了是“说不出来的苦闷”怎么具体呀?
何为难言之隐?说不出来,不能具体,不能把问题落到实处就不能得到解决的办法。这就是难言之隐!我认为这也就是初学者的“困境”。之所以要用“我认为”正好迎合了本文标题中的“心得”二字。如果能对大家有帮助我非常高兴。
下面言归正传,我经过回想和思考总结出下面几条初学者的“难言之隐”大家看看有没有说到我们的心坎儿上,呵呵。
一、用系统的知识将问题具体化
我们在学习时经常会发现可以用不同的方法来实现同一个问题。例如,要为元素绑定一个点击事件可以在HTML元素上用<a href="#" onClick="f1()"></a>,我们起初会认为这就是绑定事件的方法。
当我们第二次又看到可以将一个函数传递给一个事件来绑定:a.onclick=f1;这时我们又会想原来绑定事件不只有一种方法。
当我们第三次又看到用addachEvent("onclick",f1)这种方法绑定事件的时候,你一定会想绑定事件的方法可能不只这三种。而且做一件事没理由要三种相同的方法,他们之间一定有不同之处?
那么他们有什么不同之处呢?到底绑定事件有多少种方法呢?当你发现一种方法在IE中不兼容的时候你还会问这到底是为什么呢?是我的语法错误了吗?还是怎么回事。一个又一个的问题结束之后你只好问自己:“天呀!我什么时候才能学好JavaScript呢?!“。
可能这样下去你很难学好JS。其实还要告诉你,你离学好他并不远了,只是你不知道怎么走。原因在哪里?原因就是没有系统的知识,原因就是没有读过《JavaScript权威指南》,他会告诉你绑定事件有四种方法,并且有两种是基本方法,所有浏览器都支持他,另外还有两种高级方法,一种是W3C标准方法,一种是IE标准方法,所以你知道为什么IE不兼容其中的一种高级方法了,对吗?
现在事情具体化了,绑定一个事件的时候只需考虑这四种方法,你也不会再有那么多的疑惑了。你也会觉得自己弄懂事件了,下一步你应该去弄懂其它问题了,你还会觉得自己在JS方面终于有进展了,当然你还会感觉到走出一个困境了。
二、必需了解JavaScript的历史
你了解JS的历史吗?我当然了解,他原本不叫JavaScript,他最早不是实现在IE中的。对,说的很好,可这不是最重要的,知道这个也不会成为高手,你必须了解的更详细,而且主要是了解功能进化方面的历史。
就像上面,为什么绑定事件会有那多的方法?为什么获得一个元素会有那么多的方法?倒底是document.links[]正规一点?还是getElementsByTagName('a')正规一点?哪一个兼容性更好?还有多少这样的方法?
要知道一个问题就够头痛了,十个问题你就无从下手,一百个问题你就会怀疑自己。一千个问题最后又回到那个问题“天呀!我什么时候才能学好JavaScript“?呵呵,事情往往就是这样。解决的方法就是具体化他,去弄懂到底有几种方法,为什么又有这些方法。这些问题一定会有答案,因为JS不是外星人留下的东西,是人创造出来的,而那个人的思维也是有限的,不是吗?
当你知道document.links[]是遗留的document方法,而且这种遗留方法一共有5个。分别是anchors[],applets[],forms[],images[],links[]的时候有些问题就消失了,当你还知道DOM标准保留了他们,你还知道所有浏览器都支持他们,你还知道他们就是所谓的“0级DOM”你又会走出一个“困境”。
三、JS有纵横交错的知识结构
JS的知识结构是横向和纵向交错的,这加大了理解他的难度,对这一点必需有一个清晰的认识。下面解释一下“纵横交错”。
一般的知识都有横向性。比如从大的方面JS分为核心部分和客户端部分。这是横向。核心部分又分为词法结构,数据类型和值,变量,表达式和运算符,语句,对象和数组,函数,类,模块和名字空间,正则表达式。这也是横向。
客户端部分可以分为BOM,DOM,事件,样式,表单等,这些也是横向的知识结构。
一门技术很少用时间作为结构,但因为浏览器的发展是动态的,不同时期的浏览器对JS有不同程度的实现,而在不同时间针对当时浏览器所编写的网页不能因为技术的发展就不去考虑他,而且让所有的网站都随着技术的发展而重新编写是不可能的,所以JS即要发展升级,也要保留向前的支持。所以就算有了更好的方法也必需保留之前的方法,就有了好多遗留的JS属性和方法,比如“0级DOM”在新的W3CDOM中得到了保留,从某种程度来讲他就是纵向的。
当对知识结构有了清楚的认识,会有一个好处就是当我要解决一个问题的时候我就能知道我要用的是哪一块的知识。比如要得到一个元素在文档中的位置就会知道用的是DOM中元素的属性,要得到鼠标指针的位置就要用事件对象的属性。要获得一个元素的引用可以用遗留的DOM也可以用W3C标准的DOM方法。这是件好事。
其实上面问题的核心就是系统化和具体化,这是我在学习过程中觉得很重要的一点。这一点确实为我解决了不少疑惑。
走出初学困境,我们需要系统的知识和具体化的思想。谢谢你能花时间读这篇文章希望能对你有帮助。如果想讨论更多的问题,欢迎加我的QQ:303551651。
谢谢蓝色。呵呵
猜你喜欢
- 在处理数据时,经常需要对数据分组计算均值或者计数,在Microsoft Excel中,可以通过透视表轻易实现简单的分组运算。而对于更加复杂的
- 前言大家应该都有所体会,对于字符串型的IP存入数据库中,实在是个即浪费空间又浪费性能的家伙,所以可爱的人们想出来将IP转换为整型存储。MyS
- 如果你过分信任 Access 2000数据库的密码保护,你可能会因此而蒙受损失。这是因为Access 2000的数据库级密码并不安全,相反它
- 目录1.需求2.代码实现总结1.需求发现项目本地所有带别名的URL,组成一个有序字典,方便后续调用;定向排除部分URL,如Django自带的
- 大家经常用的是Adodb.Stream,但这时就有个缺陷,就是不支持断点续传了。经常看到flashget中是红脸(即不支持断点续传)其实支持
- UTC时间转换,最终得到的都是UTC时间。简单来说就是:时间戳(timestamp) 转换-> UTC显示时间(datetime),使
- 方法一:<script language="JavaScript"> <!--
- pytorch和numpy默认浮点类型位数numpy中默认浮点类型为64位,pytorch中默认浮点类型位32位测试代码如下numpy版本:
- Ajax,全称为Asynchronous JavaScript and XML,即异步的JavaScript和XML。它不是一门编程语言,而
- SQL查询输出,根据表内某字段为准,输出不重复记录,或删除掉重复的记录,保留所需要的记录。今儿见一朋友在蓝色里问起(查询不重复记录~),想想
- 图的定义图(Graph)是由顶点的有穷非空集合和顶点之间边的集合组成,通常表示为:G(V,E),其中,G表示一个图,V是图G中顶点的集合,E
- python提取照片坐标信息的代码如下所示:from PIL import Imagefrom PIL.ExifTags import TA
- IDA Pro 6.0使用Qt 框架实现了跨平台的UI。它的好处是插件编写者还可以直接使用 Qt 开发跨平台 UI。但是编剧呢?在这篇博文中
- 解决的问题需要将数组(list)或元组(tuple)中的元素导出到N个变量中。解决的方案任何序列都可以通过简单的变量赋值方式将其元素分配到对
- 正则表达式正则表达用来匹配字符串正则表达式匹配过程依次拿出表达式和文本中的字符串进行比价如果每个字符都能匹配,则匹配成功;一旦有匹配不成功的
- SuperSocket 信息: (SpnRegister) : Error 1355。&n
- 有关换行的问题首先提一个问题,如下。python程序代码如下:print("I'm Bob. What's you
- 1. 复制表结构及其数据:create table table_name_new as select * from table_name_o
- [asp] 献一函数:ASP获取ACCESS数据库的表名以及表名对应的字段名和字段类型<%showtable "../dat
- 1. 什么是phpDocumentor ? PHPDocumentor 是一个用PHP写的工具,对于有规范注释的php程序,它能够快速生成具