标签分类 热门分类
当前位置:首页 > 程序设计电子书 > JavaScript电子书网盘下载
JavaScript DOM编程艺术 JavaScript DOM编程艺术
a3622041987

a3622041987 提供上传

资源
22
粉丝
7
喜欢
289
评论
7

    JavaScript DOM编程艺术 PDF 第2版

    JavaScript电子书
    • 发布时间:

    给大家带来的一篇关于JavaScript相关的电子书资源,介绍了关于JavaScript、DOM、编程艺术方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小109.2 MB,基思(Keith,J.),(加)桑布尔斯编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:9.6,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • JavaScript DOM编程艺术 PDF 下载
  • 下载地址:https://pan.baidu.com/s/1z5ugXicnNZMLXg79V4G9l
  • 分享码:2tk7
  • JavaScript DOM编程艺术 第二版 PDF

    非常畅销书全新升级,首版销售量确保。

    书中详细说明开发Web运用的基石——W3C的DOM标准,由提倡Web标准的大神领军人物执笔用心编写,表明了前端工程师的人生真谛,是学习培训JavaScript和DOM开发的必看之作。

    忘情释放出来JavaScript和DOM编写程序的令人震惊发展潜力,內容全年度包含HTML5、jQuery。

    JavaScript是Web开发中*关键的一门言语,它强劲而幽美。不论是桌面开发,還是移动应用开发。JavaScript全是务必把握的技术性。W3C的DOM标准是开发Web运用的基石。早已获得全部当代电脑浏览器的兼容,这促使平台Web开发变成一件轻轻松松悠闲的事。

    这书是非常畅销书的全新升级,由提倡Web标准的领军人物执笔,表明了前端工程师的人生真谛,是学习培训JavaScript和DOM开发的必看之作。

    这书在简约轻快地叙述JavaScript和DOM的基础知识以后,根据好多个案例演试了技术专业水平的网站开发技术性,明白论述了稳定衰退等一批尤为重要的 JavaScript编写程序标准和*实践活动,并全方位讨论了HTML5及其jQuery等JavaScript库。用户将见到JavaScript、 HTML5和CSS怎样合作来建立实用的、与标准适配的Web设计方案,把握应用JavaScript和DOM根据手机客户端动画特效和客户操纵的动漫来提升 Web网页页面的必需技术性;另外,还将对怎样运用库提升开发高效率有全方位深层次的了解。

    目录

    • 第1章 JavaScript简史
    • 1.1 JavaScript的起源
    • 1.2 DOM
    • 1.3 浏览器战争
    • 1.3.1 DHTML
    • 1.3.2 浏览器之间的冲突
    • 1.4 制定标准
    • 1.4.1 浏览器以外的考虑
    • 1.4.2 浏览器战争的结局
    • 1.4.3 崭新的起点
    • 1.5 小结
    • 第2章 JavaScript语法
    • 2.1 准备工作
    • 2.2 语法
    • 2.2.1 语句
    • 2.2.2 注释
    • 2.2.3 变量
    • 2.2.4 数据类型
    • 2.2.5 数组
    • 2.2.6 对象
    • 2.3 操作
    • 2.4 条件语句
    • 2.4.1 比较操作符
    • 2.4.2 逻辑操作符
    • 2.5 循环语句
    • 2.5.1 while循环
    • 2.5.2 for循环
    • 2.6 函数
    • 2.7 对象
    • 2.7.1 内建对象
    • 2.7.2 宿主对象
    • 2.8 小结
    • 第3章 DOM
    • 3.1 文档:DOM中的“D”
    • 3.2 对象:DOM中的“O”
    • 3.3 模型:DOM中的“M”
    • 3.4 节点
    • 3.4.1 元素节点
    • 3.4.2 文本节点
    • 3.4.3 属性节点
    • 3.4.4 CSS
    • 3.4.5 获取元素
    • 3.4.6 盘点知识点
    • 3.5 获取和设置属性
    • 3.5.1 getAttribute
    • 3.5.2 setAttribute
    • 3.6 小结
    • 第4章 案例研究:JavaScript图片库
    • 4.1 标记
    • 4.2 JavaScript
    • 4.2.1 非DOM解决方案
    • 4.2.2 最终的函数代码清单
    • 4.3 应用这个JavaScript函数
    • 4.4 对这个函数进行扩展
    • 4.4.1 childNodes属性
    • 4.4.2 nodeType属性
    • 4.4.3 在标记里增加一段描述
    • 4.4.4 用JavaScript改变这段描述
    • 4.4.5 nodeValue属性
    • 4.4.6 firstChild和lastChild属性
    • 4.4.7 利用nodeValue属性刷新这段描述
    • 4.5 小结
    • 第5章 最佳实践
    • 5.1 过去的错误
    • 5.1.1 不要怪罪JavaScript
    • 5.1.2 Flash的遭遇
    • 5.1.3 质疑一切
    • 5.2 平稳退化
    • 5.2.1 “javascript:”伪协议
    • 5.2.2 内嵌的事件处理函数
    • 5.2.3 谁关心这个
    • 5.3 向CSS学习
    • 5.3.1 结构与样式的分离
    • 5.3.2 渐进增强
    • 5.4 分离JavaScript
    • 5.5 向后兼容
    • 5.5.1 对象检测
    • 5.5.2 浏览器嗅探技术
    • 5.6 性能考虑
    • 5.6.1 尽量少访问DOM和尽量减少标记
    • 5.6.2 合并和放置脚本
    • 5.6.3 压缩脚本
    • 5.7 小结
    • 第6章 案例研究:图片库改进版
    • 6.1 快速回顾
    • 6.2 它支持平稳退化吗
    • 6.3 它的JavaScript与HTML标记是分离的吗
    • 6.3.1 添加事件处理函数
    • 6.3.2 共享onload事件
    • 6.4 不要做太多的假设
    • 6.5 优化
    • 6.6 键盘访问
    • 6.7 把JavaScript与CSS结合起来
    • 6.8 DOM Core和HTML-DOM
    • 6.9 小结
    • 第7章 动态创建标记
    • 7.1 一些传统方法
    • 7.1.1 document.write
    • 7.1.2 innerHTML属性
    • 7.2 DOM方法
    • 7.2.1 createElement方法
    • 7.2.2 appendChild方法
    • 7.2.3 createTextNode方法
    • 7.2.4 一个更复杂的组合
    • 7.3 重回图片库
    • 7.3.1 在已有元素前插入一个新元素
    • 7.3.2 在现有方法后插入一个新元素
    • 7.3.3 图片库二次改进版
    • 7.4 Ajax
    • 7.4.1 XMLHttpRequest对象
    • 7.4.2 渐进增强与Ajax
    • 7.4.3 Hijax
    • 7.5 小结
    • 第8章 充实文档的内容
    • 8.1 不应该做什么
    • 8.2 把“不可见”变成“可见”
    • 8.3 内容
    • 8.3.1 选用HTML、XHTML还是HTML5
    • 8.3.2 CSS
    • 8.3.3 JavaScript
    • 8.4 显示“缩略语列表”
    • 8.4.1 编写displayAbbreviations函数
    • 8.4.2 创建标记
    • 8.4.3 一个浏览器“地雷”
    • 8.5 显示“文献来源链接表”
    • 8.6 显示“快捷键清单”
    • 8.7 检索和添加信息
    • 8.8 小结
    • 第9章 CSS-DOM
    • 9.1 三位一体的网页
    • 9.1.1 结构层
    • 9.1.2 表示层
    • 9.1.3 行为层
    • 9.1.4 分离
    • 9.2 style属性
    • 9.2.1 获取样式
    • 9.2.2 设置样式
    • 9.3 何时该用DOM脚本设置样式
    • 9.3.1 根据元素在节点树里的位置来设置样式
    • 9.3.2 根据某种条件反复设置某种样式
    • 9.3.3 响应事件
    • 9.4 className属性
    • 9.5 小结
    • 第10章 用JavaScript实现动画效果
    • 10.1 动画基础知识
    • 10.1.1 位置
    • 10.1.2 时间
    • 10.1.3 时间递增量
    • 10.1.4 抽象
    • 10.2 实用的动画
    • 10.2.1 提出问题
    • 10.2.2 解决问题
    • 10.2.3 CSS
    • 10.2.4 JavaScript
    • 10.2.5 变量作用域问题
    • 10.2.6 改进动画效果
    • 10.2.7 添加安全检查
    • 10.2.8 生成HTML标记
    • 10.3 小结
    • 第11章 HTML5
    • 11.1 HTML5简介
    • 11.2 来自朋友的忠告
    • 11.3 几个示例
    • 11.3.1 Canvas
    • 11.3.2 音频和视频
    • 11.3.3 表单
    • 11.4 HTML5还有其他特性吗
    • 11.5 小结
    • 第12章 综合示例
    • 12.1 项目简介
    • 12.1.1 原始资料
    • 12.1.2 站点结构
    • 12.1.3 页面结构
    • 12.2 设计
    • 12.3 CSS
    • 12.3.1 颜色
    • 12.3.2 布局
    • 12.3.3 版式
    • 12.4 标记
    • 12.5 JavaScript
    • 12.5.1 页面突出显示
    • 12.5.2 JavaScript幻灯片
    • 12.5.3 内部导航
    • 12.5.4 JavaScript图片库
    • 12.5.5 增强表格
    • 12.5.6 增强表单
    • 12.5.7 压缩代码
    • 12.6 小结
    • 附录 JavaScript库

    上一篇:SQL反模式  下一篇:深入浅出Node.js

    展开 +

    收起 -

    JavaScript 相关电子书
    关于JavaScript的学习笔记
    网友NO.768490

    详解JavaScript对W3C DOM模版的支持情况

    本文档对象模型允许访问所有的文档内容和修改,由万维网联合会(W3C)规范。几乎所有的现代浏览器都支持这种模式。 在W3C DOM规范的大部分传统DOM的功能,而且还增加了新的重要的功能。除了支持forms[ ], images[ ]和文档对象的其它数组属性,它定义了方法,使脚本来访问和操纵的任何文档元素,而不只是专用元件状的表单和图像。 文档属性在W3C DOM: 此模型支持所有传统DOM提供的属性。此外,这里是文档属性,可以使用W3C DOM访问列表: 文档方法在W3C DOM: 此模型支持所有传统DOM提供的方法。此外,这里是由W3C DOM支持的方法列表: 示例: 这是(访问和设置)使用W3C DOM文档元素很容易操纵。可以使用任何类似 getElementById,getElementsByName,orgetElementsByTagName 方法。 下面是访问使用W3C DOM方法文档属性的一个例子: htmlheadtitle Document Title /titlescript type="text/javascript"!--function myFunc(){ var ret = document.getElementsByTagName("title"); alert("Document Title : " + ret[0].text ); var ret = document.getElementById("heading"); alert(ret.innerHTML );}//--/script/headbodyh1 id="heading"This is main title/h1pClick the following to see the result:/pform id="form1" name="FirstForm"input type="button" value="Click Me" onclick="myFunc();" /input type="button" value="Cancel"/formform d="form2" name="SecondForm"input type="button" value="Don't ClickMe"//form/body/……

    网友NO.592599

    jquery对象和javascript对象即DOM对象相互转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。 DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById("img").src = “test.jpg";这里的document.getElementById("img") 就是DOM 对象。 $("#img").attr("src","test.jpg"); 和 document.getElementById("img").src = "test.jpg"; 是等价的,是正确的,但是 $("#img").src = "test.jpg" ;或者 document.getElementById("img").attr("src","test.jpg"); 都是错误的。 再说一个例子,就是this, 在写 jQuery 时经常这样写: this.attr("src","test.jpg");可是就是出错,其实this 是DOM对象,而.attr("src","test.jpg") 是 jQuery 方法,所以出错了。要解决这个问题就要将 DOM对象转换成 jQuery 对象,例如 $(this).attr("src","test.jpg"); 1. DOM 对象转成 jQuery 对象 对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量 如: var v = document.getElementById("v"); //DOM对象var $v = $(v); //jQuery 对象 转换后,就可以任意使用 jQuery 的方法。 2. jQuery 对象转成 DOM 对象 两种转换方式讲一个 jQuery 对象转换成 ……

    网友NO.174899

    JavaScript结合HTML DOM实现联动菜单

    本文实例为大家分享了js三级联动菜单展示的具体代码,供大家参考,具体内容如下 效果图: 代码: !DOCTYPE HTMLhtmlheadtitle联动菜单/titlemeta charset="utf-8" /script /*使用 HTML DOM 的方式实现联动菜单*/ var categories=[ { "id":10, "name":'男装', "children":[ {"id":101,"name":'正装'}, {"id":102,"name":'T恤'}, {"id":103,"name":'裤衩'} ] }, { "id":20, "name":'女装', "children":[ {"id":201,"name":'短裙'}, {"id":202,"name":'连衣裙'}, { "id":203, "name":'裤子', "children": [ {"id":2031,"name":'长裤'}, {"id":2031,"name":'九分裤'}, {"id":2031,"name":'七分裤'} ] }, ] }, {"id":30,"name":'童装',"children":[ {"id":301,"name":'帽子'}, {"id":302,"name":'套装',"children":[ {"id":3021,"name":"0-3岁"}, {"id":3021,"name":"3-6岁"}, {"id":3021,"name":"6-9岁"}, {"id":3021,"name":"9-12岁"} ]}, {"id":303,"name":'手套'} ]}]; /script/headbody div id="category"/div script //查找id为category的div保存在div中 var div=document.getElementById("category"); //定义函数createSelect,接收一个数组参数arr function createSelect(arr){ //创建一个select var sel=document.createElement("select"); //创建一个option,设置其内容为"-请选择-",值为-1,将option添加到select中 sel.add(new Option("--请选择--",-1)); //遍历arr for(var i=0;iarr.length;i++){ //创建一个option,设置内容为当前元素的name属性,设置value为当前元素的id属性,将新option添加到select中 sel.a……

    网友NO.724600

    javascript实现dom元素可拖动

    摘要: 最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面。最终决定做一个在固定宽和高的位置,用户可以拖动图片查看。所以自己就写了一个支持ie5+,chrome,Firefox,opera等浏览器的可拖动dom元素的插件。 实现这个功能所需要的 知识点 不多,如下: 1、js中element.style.left style.left返回的变量是个字符串,是个可改变量 js中element.offsetLeft offsetLeft返回的是个int类型,不可改变量(意思就是说,改这个变量是不会影响布局的) 2、js 中event.clientX clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)的水平坐标。 3、js中element.className 改变样式的类的方法 以上三点都是些比较熟的知识了,想说的是以下这点: 4、js中为对象添加事件监控 element.addEventListener("event","fun","boolen"); event:表示事件 fun:指的是事件触发后执行的函数 项目地址:https://github.com/baixuexiyang/drag 实例: var drag = new Drag("test", { onStart: function(){ }, onMove: function(){ document.getElementById('position').innerHTML = '距离左边:' + drag.getPositions().left + ';距离顶部:' + drag.getPositions().top; }, onStop: function(){ } }); 我们再开看一个实例中遇到的问题,这个问题我弄了好久都找不出很好的解决方法 我们来看个例子:(方便测试,……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明