文章吧-经典好文章在线阅读:JavaScript DOM编程艺术 (第2版)读后感精选10篇

当前的位置:文章吧 > 经典文章 > 读后感 >

JavaScript DOM编程艺术 (第2版)读后感精选10篇

2017-10-31 22:53:23 来源:文章吧 阅读:载入中…

Javascript DOM编程艺术 (第2版)读后感精选10篇

  《Javascript DOM编程艺术 (第2版)》是一本由[英] Jeremy Keith / [加] Jeffrey S著作,人民邮电出版社出版的平装图书,本书定价:49.00元,页数:300,文章吧小编精心整理的一些读者的读后感,希望对大家能有帮助。

  《Javascript DOM编程艺术 (第2版)》读后感(一):第一本看过的js书籍

第一本看完的关于前端的书,书很简单,但是真的很好。
为何很好?我来说明一下。
首先我之前看过js高级程序设计那本书,巨厚,以上来就是乱七八糟的各种语法,当然没有看完,我也不喜欢前端开发,除去不喜欢前端的原因,这本书看起来确实很乏味。然而,对比《Javascript DOM 编程艺术》这本书,可以得到一个结论,有些时候不喜欢一个技术,很可能你没有遇见一本好书。这是一本简单的基础的书,但是为何会有这么高的分数和评价,其一,它的确能给我这样一个绝缘与前端的人,一个提纲挈领的方法,就像放风筝,你拿到了风筝线而不是风,这本书很简洁顺畅的给了一js、css、html三者融合的一个视角,一种大局观,这是这本书对我来说,最大的观感体验,我想也是这本书的最大精彩之处。
可能,因为我从不关心前端的内容,也没有看过其他书,但是这本书绝对适合新入门的新手阅读
其次,这本书的阅读的顺畅性也是极好的,饶有趣味,附有代码。例子我都没有自己手工拍下来,因为要做一个小东西,但是前端的很多名词我都不知道应该怎么去google,所以看了这样一本书。然而,看了附录之后,我发现我的实现很粗糙,因为没有去采用那些库,比如jquery,但是我的确在这本书的帮助下,完成了任务。获得了对前端世界的一次观瞻。书翻译的不错。
还有啊,这本书,可以读的很快。哈哈。容易理解
值得一看。

  《Javascript DOM编程艺术 (第2版)》读后感(二):初学Javascript的第一本书

1.这本书是我看的第一本Javascript书(非计算机专业),也应该也是我的第一本编程书。2015年看的这本书,现在想想,不少知识都已经过时了。
2.这本书并没有像一般的Javascript书籍一样花大量的篇幅去讲Javascript语言本身。够用的语法知识加上实战,能让初学者知道怎么用Javascript。很喜欢这本书的写作风格。
3.Javascript书籍的普遍有一个特点,就是有很大的篇幅去讲语言的细节。(当然我承认某些细节是“必知必会”的)。以至于像我这样的新手看完某一章之后,都心生困惑:学完这个知识我到底可以拿来做些什么呢?本书就不一样了,讲语言,却更强调实战。于我而言,入门的好书,满分评价!

  《Javascript DOM编程艺术 (第2版)》读后感(三):主要讲 规范与基础, 记下 个人总结

这本书个人感觉主要是 传授一些 规范,思想
 
个人思想总结:
    1. 不要为了 炫酷的特效而埋下可能无法为用户显示完整内容的问题。
    2.web设计主要是分为:结构层,样式层,行为层。
    3.应该要做到平稳退化,即使无法显示样式,也得将内容显示出来。渐进增强,应该在将主要内容进行显示后,再进行后面的可能有问题的功能进行增强。
    4.将函数抽象,让其应用更广,能够涉及使用的标签增加。
    5.注意考虑人性化,考虑残疾人士与使用键盘操作的人。
    6.标签格式等要规范。

  《Javascript DOM编程艺术 (第2版)》读后感(四):书是好书,不过有些地方值得商榷。

我买的第20次印刷版本,读了一半了,书不错,不过发现了一些可以商榷的地方,说出来大家讨论。
1,82页~84页,6.3.2,共享onload事件 这一小节里作者编写了一个addLoadEvent函数来给onload添加事件,实际上DOM标准方法里有EventTarget.addEventListener()方法可以用来把事件注册到对象上,它有两个必要的参数,第一个是省略了on的事件名称字符串,第二个参数是事件处理函数,用这个方法就可以完成监听事件的任务而不用再构造书中的函数。IE9及以上支持这个方法。
这算是当时没有的方法现在有了更好的实现吧,我是先看了15年才出的一本js基础入门书(javascript高级程序设计里推荐的那本,好厚)才了解到的。
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
2,139页~141页,编写displayCitations函数的第一个步骤,“1,查找你的元素”这个章节,这里书中第一段就说,“……我想把“文献来源链接”放在blockquote元素所包含的最后一个子元素节点之后,……”,这个表述就问题,按照书上的描述,“文献来源链接”节点应该被放到blockquote元素包含的最后一个子元素节点(本例中是一个段落p节点)之后,即和p是兄弟节点的关系,都属于blockquote元素的子节点,这是不正确的,实际上这个“文献来源链接”是p元素的子节点,从本例最后的实践也可以证明,最后superscript(即包含了“文献来源链接”的sup元素)节点是成为了p元素节点的子节点的。所以正确的表述应该是:我想把“文献来源链接”添加成为blockquote元素所包含的最后一个子元素节点的子元素节点节点(blockquote元素的孙节点?)
并且,后面的实现方法也有问题,直接贴上源代码吧,简单起见删掉了注释和验证可用性的部分:
相关的html部分:
<blockquote cite="http://www.w3.org/DOM/">
      <p>
A platform- and language-neutral interface that will allow programs
 and scripts to dynamically access and update the
 content, structure and style of documents.
      </p>
    </blockquote>
JS部分:
function displayCitations() {
  var quotes = document.getElementsByTagName("blockquote");
  for (var i=0; i<quotes.length; i++) {
    var url = quotes[i].getAttribute("cite");
    var quoteChildren = quotes[i].getElementsByTagName('*');
    var elem = quoteChildren[quoteChildren.length - 1];
    var link = document.createElement("a");
    var link_text = document.createTextNode("source");
    link.appendChild(link_text);
    link.setAttribute("href",url);
    var superscript = document.createElement("sup");
    superscript.appendChild(link);
    elem.appendChild(superscript);
  }
}
要想证明这中实现方法有问题,只需要在html部分的p元素中随机添加一个<em>元素或者别的行内元素,那么js构造的sup元素就会错位,成为这个行内元素的子节点,原因是sup元素被添加成为了blockquote所有后代元素节点中的最后一个元素节点的子节点,注意我这里说的后代元素节点,而非子元素节点,我想每个人都明白差别。
至于怎么修正这个问题,我的思路是,查找blockquote元素的lastChild子节点赋给变量elem,验证它的nodeType属性值,如果等于3,则elem被重新赋予elem的previousSibling(往前一个兄弟节点)。完整的代码如下,同样删去了注释和可用性验证内容:
function displayCitations() {
  var quotes = document.getElementsByTagName("blockquote");
  for (var i=0; i<quotes.length; i++) {
    var url = quotes[i].getAttribute("cite");
        var elem = quotes[i].lastChild;
        if(elem.nodeType == 3) elem=elem.previousSibling;
    var link = document.createElement("a");
    var link_text = document.createTextNode("source");
    link.appendChild(link_text);
    link.setAttribute("href",url);
    var superscript = document.createElement("sup");
    superscript.appendChild(link);
    elem.appendChild(superscript);
  }
}
先写这些,读完了再补充~
ps,尼玛我突然想到要是作者在书后修正了这个不那么完善的部分……

  《Javascript DOM编程艺术 (第2版)》读后感(五):可能是Javascript DOM入门最好的一本书

很少有把Javascript DOM单独拿出来的一本书,但是恰恰Javascript DOM是前端开发中经常遇到的。当然,近年来JS的类库发展迅速,这种形式可能会有所改变。
关于Javascript的书通常是《Javascript权威指南》这样的,又厚又重,而且前1/3内容都在讲Javascript那些奇奇怪怪的语法。如果书不够厚的话,肯定是有许多知识点不够全,如果你作为参考书,必然被坑。
但是这本书不一样,它就告诉你,它不是参考书,这只是一本关于JS操作DOM的入门书。不需要学习Javascript的那些奇奇怪怪的语法,只要你有基本的编程基础,你就可以通过JS操作DOM,做出简单的效果的网页。
当然,有了这本书,还是需要一本《Javascript权威指南》、《Javascript高级程序设计》这种参考书。
本书适合任何打算学习JS的入门读者,因为真的很生动有趣、学以致用,很大程度上提高你对JS编程的兴趣。如果一上手就是《Javascript权威指南》这种大部头的书的话,可能会在细节上有所不逮。
————————————————————————————————————
如果你的计算机基础很扎实,入门书可能不够看的,推荐《Javascript高级程序设计》,非常好的一本书,进阶必看。

评价:

[匿名评论]登录注册

评论加载中……