《JavaScript+DOM编程艺术》的摘要（五）-----添加insertAfter

读书笔记：JavaScript DOM 编程艺术（第二版）

读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Netscape公司与Sun公司合作开发,在JavaScript之前,web浏览器只是显示文本文档的软件,JavaScript之后,网页内容不再局限于枯燥的文本,交互性显著改善.在JavaScript的第一个版本,即JavaScript 1.0版本,出现在1995年推出的Netscape Navigator…

《JavaScript DOM 编程艺术》学习笔记

目录 <JavaScript DOM 编程艺术> 学习笔记第一章 js简史第二章 js语法准备工作语法第三章 DOM DOM中的D DOM中的O DOM中的M 第四章 js图片库第五章最佳实践平稳退化渐进增强向后兼容分离js 性能考虑第六章案例:图片库改进第七章动态创建标记传统方法 DOM方法 Ajax 第八章充实文档内容 <JavaScript DOM 编程艺术> 学习笔记概念: 平稳退化渐进增强以用户为中心第一章 js简史可以使用DO…

JavaScript DOM编程艺术（第2版）的简单总结

介绍 JavaScript DOM编程艺术(第2版)主要讲述了 JavaScript.DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具有专业水准的网页开发. 下面介绍一下各章节的讲到的内容. 第1章 JavaScript简史本章主要讲解JavaScript的发展简史.不同的浏览器会采用不同的办法来完成一样的任务,这会影响JavaScript的发展,而DOM标准化,让这种情况有所改变.而本书要讲的就是JavaScript和DOM一起完成的任务,不需要讨论浏览器…

JavaScript DOM 编程艺术·setInterval与setTimeout的动画实现解析

先贴上moveElement()函数的大纲,为了方便观看,删了部分代码,完整版粘到文章后面. function moveElement(elementID,final_x,final_y,interval) { //测试JS兼容性代码 if (elem.movement) { clearTimeout(elem.movement); } //计算并移动elementID位置 var repeat = "moveElement('"+elementID+"',"+fi…

JavaScript DOM编程艺术学习笔记（一）

嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推荐给想了解HDOM的相关人员!首先非常感谢作者写出了这么好的一本书,谢谢!书中的内容比较多,我仅记下我认为对自己和他人有所帮助的一些内容! 嗯,首先还是让代码来说话吧! 下面是两段此书中反复强调且通用的经典代码段 1:相当的经典和实用,尤其是当需要为页面加载函数绑定多个函数的时候 /** * [addLoad…

《JavaScript dom 编程艺术》 placeholder占位符IE8兼容办法。

在<JavaScript dom 编程艺术>第11章学来的. 相对于用JavaScript替换文本框的提示语句 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function() { //需要判断…

JavaScript DOM编程艺术读后感（1）—— 平稳退化

最近,在读<JavaScript DOM编程艺术(第二版)>这本书,想着将自己的读后感记录下来,作为记忆吧. 其实我并不是最近才刚开始读这本书的,我读了有一段时间了.我是一名web前端开发人员,喜欢前端,但是我不喜欢只知其然而不知其所以然的这个感觉,它让我感觉到恐惧.所以我决定充实一下自己的大脑.现在的人一说学习,都跑去网上看视频,跟着视频敲代码,说实话,这是一种快速入门的方法,能让我们快速的掌握这些开发技巧.但是也只有这点作用了,这就像工厂里面的工作一样,假如你是让别人告诉你第一步做什么,第…

《JavaScript Dom 编程艺术》读书笔记-第4章

我的前端入门第一本书是<JavaScript Dom 编程艺术>,网上查找资料发现前端的入门推荐书籍最受好评的就是这本和<JavaScript 高级程序设计>了.之所以先选这本是因为这本书从实例开始带领读者一步步学习,写作风格也如其名字一样具有艺术感,阅读起来很舒服.本书第一二三稍微有计算机基础的人阅读起来都不困难,也没有什么好记录的,从第四章开始,本书开始介绍案例图片库~每一节都是干货满满滴~ 第四章——案例研究:JavaScript图片库: 4.1 标记无序清单元素<u…

Javascript DOM 编程艺术（第二版）读书笔记——基本语法

Javascript DOM 编程艺术(第二版),英Jeremy Keith.加Jeffrey Sambells著,杨涛.王建桥等译,人民邮电出版社. 学到这的时候,我发现一个问题:学习过程中,相当一部分东西的概念在初学时是无法完全弄懂的,很多时候都是学到很多东西后,串起来才能更进一步.而我的博客目地是自学与交流,所以我只能是暂时地用红字标注这些东西,以后弄懂了会补全这些(相应的,有些东西会删除).所以虽然说是某本书的读书笔记,但是写到后面绝对是不仅仅是局限于这本书了.所以不要指望着只看读书笔记…

JavaScript DOM编程艺术第一章：JavaScript简史

本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助,所以如果您也看过这本书,希望不要喷小的"抄袭",其实我也懒得敲这些文字也想简单粗暴地上代码,但是只有实践没有理论不容易自己理解,为避免误导,该"抄"的地方还是要"抄"的,哈哈~~ 一.JavaScript的起源 JavaScript是Netscap…

《javascript dom编程艺术》笔记（一）——优雅降级、向后兼容、多个函数绑定onload函数

刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级看到版本翻译为预留退路,刚刚看到个名词,我觉得很奇怪,以前没有听说过啊.不过看到英文注释就知道了Graceful degradation不就是优雅降级么,听说过! 书中举了个例子,点击一个链接,弹出一个窗口的方法. function popUp(WinURL){ window.open(WinURL,&quo…

《JavaScript DOM 编程艺术》

前几天京东买了一本书,在豆瓣上好评如潮,买下了啃一啃,书名<JavaScript DOM 编程艺术>,在好好深造一下javaScript.一边啃,一边敲.当然应该要做好笔记.一些简单的就看看就的了. JavaScript 语句 DOM…

JavaScript DOM 编程艺术

最近把JavaScript DOM 编程艺术这本书看完了,觉得这本书很好深入浅出地展示了渐进增强.平稳退化.结构和样式分离等编程思想,我对书中重要的知识进行了梳理总结. 一.网页二.JavaScript 三.DOM 四.重要知识点 1.innerHTML (html属性,只有web文档支持) (1)读取 <div id="testdiv"><p>This is <em>my</em>content</p></div&…

学习Javascript DOM 编程艺术的一点心得

最近又看了一遍JS DOM编程艺术,照例来写一写读后感. 其实,我从中学到最深的是几个概念:1.平稳退化.当浏览器并不支持JS的时候网页的基本核心功能是还可以用的:2.逐渐增强.在原始的信息层上用其他层去增加其他信息.用CSS去增加效果,用JS去添加行为.当然某些浏览器可以支持部分的js,为了使旧浏览器可以用,不至于因为某些代码挂掉.3.将结构.表现.行为分离,而且分离越大越好. 然后我学到了简单的一点关于对象检测的技术,这在运用向后兼容原则时必要的,但文章太过保守,像:document.get…

《JavaScript DOM 编程艺术》读书笔记

<JS DOM 编程艺术>笔记一. 三种节点元素节点.文本节点.属性节点二. 获取元素 1.document.getElementById 2.(element)document.getElementsByTagName("*"),获取到数组对象(即使只有一个元素) 3.(element)document.getElementsByClassName("alpha beta"),获取到数组对象,需做兼容,获取多个类名无关顺序.无关其他类名三. 获…

JavaScript DOM 编程艺术（第2版）读书笔记（1）

JavaScript 简史 JavaScript 是Netscape公司与Sun公司合作开发的.在 JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场.微软在推出IE3的时候发布了自己的VBScript语言,同时以JScript为名发布了JavaScript 的一个版本,很快赶上了 Netscape 的步伐.面对微软公司的竞争,Netscape 和 Sun公司联合ECMA(欧洲计算机制造商协会)对JavaScript 语言进行了标准化,于是出现了ECMASc…

JavaScript DOM编程艺术-学习笔记

发现基础不是很好,补习一下.37买了2本书(dom编程和高级程序设计). 以前读书总是自己勾勾画画,有点没意思.现在写下来,说不定会成为传世经典.哈哈...........随便扯扯淡. 第一天(2016年12月11): 1.js由网景和sun公司合作开发. ECMAscript-标准化的JS js最开始叫做LiveScript 2.Dom 是一套大家约定俗称的标准.比如,大家把那种有4个轮子,会跑的东西叫做汽车 dom是一种api.在软件开发领域来说,api是前端与后台约定好的一套标准,前端发送…

JavaScript -DOM 编程艺术 2nd 完

今日看完了这本书,做完了最后一个综合性例子.说实话收获良多,终于明白前端-h5 具体做什么越学习越无知,这个看来真是一个真理. 后期计划: 1.CSS + DIV 布局深入了解,重点实战 2.JavaScript 高级编程那本书吃透 3.后台与前端的数据交换为什么我喜欢技术,很奇怪:-)…

JavaScript DOM编程艺术-第一章

《JavaScript+DOM编程艺术》的摘要（五）-----添加insertAfter

在JS原生里面,没有提供insertAfter这个方法,不过我们可以利用appendChild.insertBefore.parentNode这些方法创建一个insertAfter方法,代码如下: function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(parent.lastChild == targetElement){ parent.appendChild(newEle…

《JavaScript+DOM编程艺术》的摘要（一）---基本知识点

保持良好的编程习惯:在同一脚本中,保持引号的一致性,都用单引 var mood = "don\"t worry";alert(mood); 数组:var arr=Array(), 以下这种形式为关联数组:为数组明确的给出下标方式,而不是直接为整数数字 var arr = Array(); arr['name'] = 'zouting'; arr['age'] = '24'; arr['address'] = 'hunan';alert(arr['age']); var num…

JavaScript DOM编程艺术-学习笔记（第五章、第六章）

第五章: 1.题外话:首先大声疾呼,"js无罪",有罪的是滥用js的那些人.js的father 布兰登-艾克,当初为了应付工作,10天就赶出了这个js,事后还说人家js是c语言和self语言"约"的产物,(百度百科说的,这些).....一个可怜的孩子-js.然后命运弄"人",js此时已世人皆知.可能是因为js的毁誉参半,它老爸才不想承认它吧.如果js会说话,它可能会给它布兰登-艾克说,"你当初怎么不把*******在墙上".这…

《JavaScript+DOM编程艺术》的摘要（四）appendChild与insertBefore的区别

基本知识点: // 1.js里面为什么要添加window.onload=function (){} // 保证html文档都加载完了,才开始运行js代码,以防html文档没有加载完,找不到相应的元素 // 2.判断一个js的方法能否在浏览器里面执行: // if(!document.getElementById) return false; 这样就能达到判断的标准,这样的执行语句,方便判断多个条件 // 3.window.onload还有其他更通用的解决方法: function addloadE…

《JavaScript+DOM编程艺术》的摘要（三）---图片库实例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>图片库</title> <meta name="description" content=&q…

《JavaScript+DOM编程艺术》的摘要（二）---DOM中的几个方法

//DOM: //对象是一种独立的数据集合,与某个特定对象相关联的变量被称为这个对象的属性,通过某个特定对象可以为之调用的函数被称为这个对象的方法 // //4个非常实用的DOM方法: //检索特定元素节点的方法: //document.getElementById:与document相关联的函数,在脚本代码里,函数后面必须跟有一组圆括号 //document.getElementsByTagName:返回的是一个数组 //,setAttribute,getAttribute alert(doc…

《JavaScript Dom编程艺术》（第二版）

第一章<JavaScript简史> 1.JavaScript是一种脚本语言,通常只能通过Web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行,它需要由Web浏览器进行解释和执行. 2.DOM是一套对文档的内容进行抽象和概念化的方法,它是一种API(应用编程接口). W3C对DOM的定义是:一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态地访问和修改文档的内容.结构和样式. 第二章<JavaScript语法> 1.驼峰格式(camel case)命名:删除…

《JavaScript DOM编程艺术》读后总结

这是我读的第一本关于JS的书,刚开始我为了选择合适的学习JS的书,看了网上许多人的意见,基本上都是推荐先读这本书.书的内容挺简单的,确实很适合初学者看,阅读的过程中不会产生什么障碍.内容虽然简单,但我觉得还是挺有收获的,之前我主要是通过看视频学习JS的,看了好些视频,了解了好些概念,但对好多概念都是似懂非懂的,认识的不是很真切.通过阅读这本书,使我对前面了解的那些概念有了更清楚的认识,同时,书中还反复强调了几个重要的思想,我觉得这也是很有价值的,很具有指导意义. 书中的第一章是介绍JS的简史的,…

JavaScript DOM编程艺术读书笔记(二)

第五章最佳实践平稳退化(graceful degradation):如果正确使用了JavaScript脚本,可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你网站.虽然某些功能无法使用,但是最基本的操作仍能顺利完成 window.open(url,name,features); 打开一个新的窗口这个函数是使用BOM的好案例url 新窗口的链接name 新窗口的名字代码里边可以通过这个name和新窗口通信features 新窗口的各种属性比如尺寸或者被启用或者…

Javascript DOM编程艺术

Chapter 0 为什么读这本书?作为js入门书,补基础,由于本书代码demo较简单,并没有贴代码,只记录一些自己要注意的知识点以及代码脚本 Chapter 1: javascript简史 DOM全称是document object model(文档对象模型),假设把文档看做一个对象,那DOM就是如何利用HTML和XML去对这个对象进行操作和控制的标准 1.2 AJAX(异步传输技术)引发了一次学习DOM脚本编程的热潮: 传统的Web应用交互由用户出发一个HTTP请求到服务器,服务器对其进行处…

【干货】JavaScript DOM编程艺术学习笔记4-6

四.案例研究:JavaScript图片库 js: function showPic(whichpic){ //取得链接 var source=whichpic.getAttribute("href"); //取得占位图 var placeholder=document.getElementById("placeholder"); //改变占位图src属性 placeholer.setAttribute("src",source); //取得文字描…

【《JavaScript+DOM编程艺术》的摘要（五）-----添加insertAfter】的更多相关文章