> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 초보자의 딜레마에서 벗어나세요 - js 초보자_기본 지식

JavaScript 초보자의 딜레마에서 벗어나세요 - js 초보자_기본 지식

WBOY
풀어 주다: 2016-05-16 18:56:55
원래의
762명이 탐색했습니다.

从开始接触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에 저를 추가해 주세요.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿