从开始接触JS这东西有一年时间了,心头总是有一些说不出来的苦闷。在论坛里也常常有人这么说。那么苦在何处呢?总是感觉学的不深入,一些简单的东西可以做但也是不能得心应手。能不能把这种苦再说的具体点儿呢?都说了是“说不出来的苦闷”怎么具体呀?
何为难言之隐?说不出来,不能具体,不能把问题落到实处就不能得到解决的办法。这就是难言之隐!我认为这也就是初学者的“困境”。之所以要用“我认为”正好迎合了本文标题中的“心得”二字。如果能对大家有帮助我非常高兴。
下面言归正传,我经过回想和思考总结出下面几条初学者的“难言之隐”大家看看有没有说到我们的心坎儿上,呵呵。
一、用系统的知识将问题具体化
我们在学习时经常会发现可以用不同的方法来实现同一个问题。例如,要为元素绑定一个点击事件可以在HTML元素上用,我们起初会认为这就是绑定事件的方法。
当我们第二次又看到可以将一个函数传递给一个事件来绑定: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는 지속적인 지원을 받으며 개발 및 업그레이드되어야 합니다. 따라서 더 나은 방법이 있더라도 이전 방법을 유지해야 합니다. 예를 들어 새로운 W3CDOM에서는 "레벨 0 DOM"이 어느 정도 수직적입니다. 의.
지식 구조를 명확하게 이해하면 문제를 해결하려고 할 때 어떤 지식을 사용하고 싶은지 알 수 있다는 이점이 있습니다. 예를 들어, 문서에서 요소의 위치를 얻으려면 DOM에서 요소의 속성을 사용하는 방법을 알아야 합니다. 마우스 포인터의 위치를 얻으려면 이벤트 객체. 요소에 대한 참조를 얻으려면 레거시 DOM 또는 W3C 표준 DOM 방법을 사용할 수 있습니다. 이것은 좋은 일입니다.
사실 위 질문의 핵심은 체계화와 구체성인데, 이는 학습 과정에서 매우 중요하다고 생각합니다. 이것은 정말로 나에 대한 많은 의심을 해결했습니다.
초보자의 딜레마에서 벗어나기 위해서는 체계적인 지식과 구체적인 사고가 필요합니다. 시간을 내어 이 기사를 읽어주셔서 감사합니다. 이 기사가 도움이 되기를 바랍니다. 더 많은 문제를 논의하고 싶다면 QQ: 303551651에 저를 추가해 주세요.