当前位置: 首页 > 互联网 > 正文

JavaScript的入门学习

由于工作之后,从事的工作主要面像桌面的应用程序开发,接触的网站项目不多。换过工作之后,虽然做的是网站,但是对界面的效果,展示要求不高,公司也没有专业搞前端设计的工程师。工作的内容往往是将后端的数据显示到前端数据列表就可以。平台是ASP.NET的WebForm形式,也没有使用最新的MVC架构。因此,除了简单的校验及异步请求,我们很少用到JavaScript脚本,更不必说复杂的CSS样式及DIV层结构了,只能说涉及一点点前端的知识。现在大多数应用都是Web形式,而且新的HTML5技术已经迎来,浏览器的地位也越来的越重要,因此,了解和掌握一定的JavaScript脚本语言是有必要的。

既然没什么基础,就找本入门的书来看看。网上大家有推荐《DOM Scripting:2rd》这本书,就下了原版的电子书看了起来。对有点编程基础,同样带点HTML语言基础,及明白CSS的意义的我来讲,看这样的书难度也不会很大。不过最关键的是看过之后,能有什么样的收获,我总结了一下:

1.文中对JavaScript的语法介绍还是相对简单的。也有可能脚本语言本身就是轻量级的,弱类型的,所以在编程的时候看似简单些。但其实往往要记住的反而需要更细致。空字符串(””)与false的值是相等的。但是严格比较(===)它们却是不相等的。变量的类型没有强制性,所以在使用的时候不要随意变更其类型。对于循环语句,比较,判断,逻辑运算等与其它编程语言类似。最后,对数组与对象做了简要的介绍,这些内容介绍的有些少,当然这可能跟其入门的定位有关,并没有深入的介绍。

2.对DOM的介绍。文中对文档的结构,对标签元素,属性元素,文本元素做了细致的区分,及其各自类型值typeof。这些算是DOM的基础。然后根据这些基础,引出了一些通过JavaScript获取获设置相关元素的方法操作,比如:getElementById,getElementsByTagName,getElementsByClassName及getAttribte,setAttribute等方法。并在后续的实例中,又在前面的基础上演示了创建DOM元素,插入元素,及获取子元素,结点值的各个方法,如:createElement,appendChild,firstChild,lastChild,nodeValue等等。后半部分还介绍了CSS的DOM,可用CSS的属性方法直接在JavaScript中更改元素的样式,从而对CSS的操作有了一个更加深刻的了解。

3.教程在介绍JavaScript的过程中,不始穿插了一些CSS的知识,并且始终强调浏览器的兼容性,结构(Structure),展示(Presentation)与行为(Behavior)三者的区别与统一性,始终强调网页设计的最佳体验。通过具体的实例,举例了JavaScript中常用到的一些函数,如onload,setTimeout,clearTimeout及如何抽象出更通用的方法,如元素的移动moveElement方法等。将JavaScript对DOM及CSS的操作做了一番基本的介绍。后面还介绍了一些HTML5,及一些现有JavaScript库,如JQuery,这对我们今后的学习方向来说是一个指引。

JavaScript对我来讲,是需要记住哪些对DOM操作的相关方法,并了解其含义。还有JavaScript需要有好的IDE支持,一般的IDE无法直接检测到其中的语法或是书写的错误。了解基本的DOM及其相关的一些JavaScript操作对接下来更深入的学习该脚本语言是非常必要的。没有DOM基础,JavaScript语言就像没有目标。书是看完了,希望自己真的入门了。

本文固定链接: http://www.byhard.com/?p=1030 | 海纳百川

该日志由 byhard 于2013年07月11日发表在 互联网 分类下,
原创文章转载请注明: JavaScript的入门学习 | 海纳百川
关键字:
【上一篇】
【下一篇】

报歉!评论已关闭.