JavaScript学习历程和心得小结_基础知识

一、前言
在过去，javascript只是被用来做一些简单的网页效果，比如表单验证、浮动广告等，所以那时候javascript并没有受到重视。自从ajax开始流行后，人们发现利用javascript可以给用户带来更好的体验，甚至利用这一优点开发了大型网页游戏，于是这门小语言被重视了起来。现在，很多公司会招专门的javascript工程师，通常javascript是web前端开发的必备技能。简单介绍了javascriptr的好处，并不代表大家就会去学习甚至把它学好，兴趣是很关键的，我认为兴趣是最好的老师，它是你专心做一件事并把它做好的动力。另外，大家要相信小语言有大作为，我就曾用greasemonkey写过一些非常实用的工具，比如你可以用javascript+greasemonkey写在线网页游戏的外挂程序。下面说说本人学习javascript的历程和心得吧。

二、入门
1、学会div+css布局

使用div+css布局标准网页，可以使前端xhtml代码更少、结构更清晰，这有利于轻松用javascript操作dom，比如，要展示一个3行3列的列表，如果用传统的表格布局，现在要你用javascript动态生成这个列表，那么就需要一个循环嵌套，如果采用li结构加css浮动布局，一次循环就好了。当然，web标准化不是一定不能使用表格，我的意思是结构清晰的xhtml更易于把javascript效果或功能整合到项目中。

2、掌握几种开发测试工具

做为一个开发人员，熟悉测试工具是必须的，这有助于提高你发现问题和解决问题的效率，对于特别大的项目更是如此。javascript和xhtml开发测试利器我就先推荐两个最常用的，它们是：web developer和firebug。

3、熟悉javascript每一个方法的作用

这一要求听起来似乎有点不太实际，我想这个要求对于像c#、java这些大型语言来说确实是，因为这些语言类库实在太庞大了，相信没有人可以全面记住它，而且也是没有必要全部记住，比如用java做网页与手机开发所关注的类库是不一样的。而javascript则不是，它的内置方法函数真的不多，先全面熟悉一下，开发起来也将得心应手，比如，你一开始可能认为javascript有trim()这个很多语言都有的去行头行尾空格的方法，当你了解javascript内置函数库后你会发现原来在javascript中这些方法是要自己去实现。再比如，如果你是从其它比较强大的语言转过来玩javascript，你又可能认为javascript应该有md5加密的方法，当然这也是没有的，但有人用javascript实现了这样的方法，即javascript md5。说到底javascript内置方法少的可怜，但很多牛人写了一些新方法增加javascript功能，比如prototype框架主要是对javascript基础函数进行原型扩展的。

4、了解dom编程

了解dom编程算是学习javascript过程比较重要的课程，因为javascript除了编写一些纯数据处理的逻辑外，更多的是在动态更改xhtml的结构和内容，以达到界面动态更新的目的，而这些工作都要依赖dom编程。jquery框架在这方面封装的相当好，提供了丰富的dom操作方法，可以让你轻松找到页面任何地方的一个dom节点（xhtml标签），然后进行相关操作（增、删、改、查）。对于有过用其它语言操作xml文档经验的朋友，相信这一块很快上手。

5、接触并使用ajax

在今天，学习了javascript而不使用ajax，那是埋没javascript优势了（ajax本身并不能算是javascript内容）。ajax对于用户以及服务器来说都是有好处的，对于用户，提供更好的用户体验，最典型的一个应用场景：注册页面的用户名可用性预检测，传统的可能会遇到这样的问题：用户填写了一堆资料后提交表单，结果被服务器告知这个用户被注册了，要用户重新填写资料注册，这对于大型多用户网站那是很致命的，因为用户输10个用户名可能有一半已被使用了。对于服务器来说，减少网页流量，因为ajax后，一般是按需加载数据的，不会因为局部更新而重新加载整个页面。比如一个网页占三屏高，我们可以默认只加载第一屏的内容，当用户拉动滚动条往下的时候，再加载二三屏的内容。另外像web在线地图应用也是ajax使用的典范。

三、提高
1、深入理解javascript this关键字

javascript this的作用与指向跟很多真正面向对象的开发语言是有很大差别的，它不始终指向当前对象，是会变化的。如果不注意这个问题，就有可能遇到看似没错的代码报错或不执行等问题。

2、学习javascript oop编程

oop是个好东西，它使程序员思考问题更有组织性，代码的组织也更清晰。javascript 也可以oop，但与一些传统的oop语言同样存在较大差别，所以要真正用熟javascript oop也是需要下点功夫的。

3、了解闭包

javascript闭包也是被谈得比较多的一个话题，闭包使javascript变量作用域变得复杂起来，但这一特性又使这门语言变的更灵活了。

4、学习规范开发

团队精神相信大家是听过不少了，就职一个公司做开发，当然离不开团队，团队要想合作愉快，每个成员的编码必需符合一定规范，这也是每个公司对程序员的基本要求。关于规范通常指变量命名、文件组织、注释规范等，这方面知识与其它语言的规范是有相通性的。

5、找本算法的书读一读

我认为学会并使用一门语言并不是什么难事，难的应该是用语言这基本的语法与语句去解决一些复杂的问题。要解决一些复杂的问题，可能会用上一些算法，有些算法实现可能是一个团队在做的，比如中科院中文分词的具体实现，另外像游戏常用自动寻径a*算法等。也许你认为你不可能在javascript开发上遇到这么复杂的问题，其实这还要看你在做什么项目，如果你是在开发大型网页游戏，通常面临更多具有挑战性的难题，如果你有读过一些算法书籍，了解一些常见问题的解决方法，在开发过程中自然会如虎添翼。另外，熟悉算法显然对于你日后接触其它开发语言也是有帮助的。

四、习惯
1、兼容、bug问题做好笔记

css与javascript浏览器兼容问题最好做好笔记，因为这些问题，或者说bug是比较诡异的，这些问题浏览器不会提示你错在哪里，ide也不会提示你，特别是css兼容问题，这就会导致你在开发过程碰到这样的问题会卡老半天得不到解决。即使之前解决过同类问题，以后可能又会碰上，结果之前没有做好笔记加强记忆，注定你要再受罪一次，因为这些兼容问题不是一两个，临时记忆效果是不明显的。以我经验，很多问题是在ie6下发生的，现在ie6连微软自己都希望加速它灭亡，这对于前端开发的我们来说当然是一个好消息。

2、阅读优秀的代码，比如jquery

阅读优秀代码绝对也是自我提高的好方法，这不仅可以了解优秀代码的组织规范，更可以了解一些功能的实现思路。比如jquery就是一个非常值的学习的javascript框架。当然了，要阅读这样专业的javascript框架，javascript基础要扎实，不然看的过程中会遇到太多疑问，甚至对自己的信心也是一种打击。

四、注意
1、在javascript入门之前避免直接使用javascript框架做开发

如果你没有任何javascript基础，请不要直接使用javascript框架做开发，我认为这可能会误导你对一门语言的认识，比如你直接使用了jquery用点连起来的语句写法，你是否会认为这是javascript语法的一种呢？再比如你使了prototype你不要把框架扩展后的基类方法认为是javascript内置的。我认为javascript框架是用来提高效率的，它绝对不是javascript入门应该学习的。

2、网上找的很多例子可能不是跨浏览器兼容的

有很多javascript效果源码是n年前某网友写的，n年前是ie的天下，于是一些前端懒得解决脚本跨浏览器兼容问题，使写出来的脚本只适用于ie。当你得到这样的一段代码，请不要说垃圾，也不要为此发牢骚，因为这些代码并不是没有一点价值的，如果你了解javascript跨浏览器兼容问题，相信你可以很轻松通过少需修改使代码有更好的兼容性。

五、相关阅读
《javascript开发规范要求》

Img.Upscaler

免费的AI图片放大工具

下载