목차
回复内容:
웹 프론트엔드 H5 튜토리얼 熟练JavaScript的步骤应该是?

熟练JavaScript的步骤应该是?

Jun 07, 2016 am 08:42 AM
canvas html html5 javascript jquery

自学编程狗,已能熟练html和css,JavaScript看完了《JavaScript dom 编程艺术》,在看《锋利的jquery》,现在编canvas的html5游戏,发现老是有JavaScript的问题不懂,一百度,或者上网问大神又很耗时间,工程进度上不去,所以问问学JavaScript的步骤最好是怎样,效率最高,学的最多

回复内容:

你做的是信息时代的工作,用工业时代“先学后用”的思路当然行不通了。

信息时代怎么做开发?
1. 了解开发需要的背景知识,这一步你已经做了;
2. 按照你的思路开始开发,遇到解决不了的问题就查文档,到社区去问;
3. 坚持步骤2,直到项目完成。

很明显步骤2是核心,需要多说几句:

关于思路:
如果你完全没思路,找一个类似的开源项目,在自己的机器上运行起来,如果跟你想要的类似,先看文档,再看代码。如果没文档,说明这项目(至少目前)没打算让菜鸟用,pass。
找不到类似的?说明你没好好找,不要怕读英文,英文不好的技术大拿都是江湖骗子。不要想先学好英文再来看文档,老老实实看,不懂的地方查字典(千万别背字典啊,这又是先学后用思维挖的一个大坑),查了字典还不懂就反复琢磨,反复琢磨还不懂就先放下看别的。
不要担心你的创意太好没有类似的,你一菜鸟能想到的肯定有人已经做出来了。

关于技术选型:
如果你的身边没有一群技术高手带你玩,建议你选择开源技术;
如果选择开源技术:
1. 看文档:一定要看官方的文档,开源技术发展快,许多技术书籍写完你看见的时候,API往往已经变了,只有官网的文档靠的住;
2. 搜索答案:使用Google,不要用Baidu
3. 问答社区:首选Stackoverflow,90%的问题有现成的答案,剩下10%的问题没人回答,说明你的思维方式不对,再仔细看文档。 自学最大的弊病在于基础不扎实。 效率要高,基础要扎实啊,有好的开发工具也能提高效率,建议用webstorm,然后可以看看我的博客,再然后自己写一个js库,然后你就会发现还有炒鸡多你不懂的,多看看别人的源码,书我推荐你看js高级程序设计和js语言精粹还有权威指南。 《JavaScript高级程序设计》,你值得拥有。看不懂请硬着头皮看,不要指望只看一遍就完全掌握,反正我是看了3遍了 你这是属性基础没打好的缘故,现在社会很浮躁,任何人干事都想立马出成绩,但往往欲速则不达,我当时刚接触前端的时候看了下js的语法无非也就赋值,循环,和判断觉得没什么好学的,低估了它的能力,后来吃了大亏。

锋利的jquery属于框架性的东西,个人认为框架或者类库根本没必要刻意去学习,身边备一份文档就ok,用时再查也不迟。
去找本js方面的基础书籍看看吧,你会收益良多,能和你分享的经验就是:

1.千万千万千万不要小瞧js
2.千万千万千万要打好js的基础
3.记住以上两条 javascript单独学 犀牛书:JavaScript权威指南(第6版) (豆瓣)
JavaScript语言精粹 (豆瓣)
高级程序设计那本其实也就是个全面概念入门而已。 js是比较难写好的,规模越大越难。还有一定程度上的浏览器兼容问题。js语言本身也有很多的缺陷。想要精通,只有通过时间。 建议现在一个框架上开发,熟悉框架,完成功能,慢慢的理解框架的原理。在框架的帮助下,其实js语言可以先不用理解很深,一边做一边填坑的时候自然就慢慢理解了。在回过头看个犀牛书(高程也行),查缺补漏,重构一下。html5的游戏框架挺多的,国内听说一个白鹭。 很好奇只有爪哇才是最适合H5的吗?python2.7和3.4呢?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML 입력 자리 표시자 HTML 입력 자리 표시자 Sep 04, 2024 pm 04:54 PM

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles