标签分类
当前位置:首页 > 程序设计电子书 > JS前端电子书网盘下载
JavaScript前端开发案例教程 JavaScript前端开发案例教程
41396303

41396303 提供上传

资源
27
粉丝
27
喜欢
233
评论
7

    JavaScript前端开发案例教程 PDF 超清扫描版

    JS前端电子书
    • 发布时间:

    给大家带来的一篇关于JS前端相关的电子书资源,介绍了关于JavaScript、前端开发、案例教程方面的内容,本书是由人民邮电出版社出版,格式为PDF,资源大小75.1 MB,黑马程序员编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:8.9,更多相关的学习资源可以参阅 程序设计电子书Web前端视频、等栏目。

  • JavaScript前端开发案例教程 PDF 下载
  • 下载地址:https://pan.baidu.com/s/17bm8CvyHUUXjYVlNiOjc9w
  • 分享码:9wc3
  • JavaScript前端开发案例教程 PDF

    JavaScript是这种运用于Web前端开发的开发语言,具备简易、易懂、实用的特性,用JavaScript开发设计网页页面能够提高网页页面的参与性,为客户出示即时的、动态性的互动感受。
    JavaScript前端开发案例教程》共分成12章,內容包含JavaScript迅速新手入门、基础英语的语法、数组、涵数、另一半、BOM、DOM、恶性事件、正则表达式、Ajax、jQuery和网页页面2048游戏。以便加重新手对专业知识的理解,这书在保证专业知识解读系统软件、全方位的基本上,还配置了精采的案例,将好几个知识结构图灵活运用。

    这书合适做为高等学校本、大专计算机相关技术专业的教材内容应用,也可做为JavaScript发烧友的教材,是1本合适众多电子计算机编程爱好者学习培训参照的出色读本。

    目录

    • 第1章 JavaScript快速入门1
    • 1.1 初识JavaScript 2
    • 1.1.1 什么是JavaScript 2
    • 1.1.2 JavaScript的由来 3
    • 1.1.3 JavaScript的特点 4
    • 1.1.4 JavaScript与ECMAScript的关系 4
    • 1.2 开发工具 5
    • 1.2.1 浏览器 5
    • 1.2.2 代码编辑器 6
    • 1.2.3 【案例】第一个JavaScript程序 7
    • 1.3 JavaScript入门 9
    • 1.3.1 JavaScript引入方式 9
    • 1.3.2 常用输出语句 11
    • 1.3.3 注释 12
    • 1.3.4 数据与运算 12
    • 1.3.5 函数 14
    • 1.3.6 对象 15
    • 1.3.7 事件 17
    • 1.3.8 【案例】改变网页背景色 18
    • 动手实践:验证用户输入的密码 19
    • 本章小结 20
    • 课后练习 20
    • 第2章 基本语法 21
    • 2.1 变量 22
    • 2.1.1 标识符 22
    • 2.1.2 关键字与保留字 22
    • 2.1.3 变量的使用 23
    • 2.1.4 变量的赋值 23
    • 2.2 数据类型 24
    • 2.2.1 数据类型分类 24
    • 2.2.2 基本数据类型 24
    • 2.2.3 数据类型检测 26
    • 2.2.4 数据类型转换 27
    • 2.3 表达式 29
    • 2.4 运算符 29
    • 2.4.1 算术运算符 29
    • 2.4.2 字符串运算符 30
    • 2.4.3 赋值运算符 30
    • 2.4.4 比较运算符 31
    • 2.4.5 逻辑运算符 32
    • 2.4.6 三元运算符 32
    • 2.4.7 位运算符 33
    • 2.4.8 运算符优先级 35
    • 2.4.9 【案例】计算圆的周长和面积 35
    • 2.5 流程控制 36
    • 2.5.1 选择结构 36
    • 2.5.2 循环结构 39
    • 2.5.3 跳转语句 42
    • 2.5.4 【案例】打印金字塔 43
    • 动手实践:九九乘法表 45
    • 本章小结 46
    • 课后练习 46
    • 第3章 数组 48
    • 3.1 初识数组 49
    • 3.2 创建数组 49
    • 3.3 数组的基本操作 50
    • 3.3.1 获取数组长度 50
    • 3.3.2 数组的访问与遍历 51
    • 3.3.3 元素的添加与修改 52
    • 3.3.4 元素的删除 53
    • 3.3.5 【案例】查找最大值与最小值 54
    • 3.4 常见二维数组操作 55
    • 3.4.1 创建与遍历 55
    • 3.4.2 【案例】二维数组转置 56
    • 3.5 数组排序 57
    • 3.5.1 冒泡排序 57
    • 3.5.2 插入排序 58
    • 3.6 常见数组方法 60
    • 3.6.1 栈方法 60
    • 3.6.2 检索方法 61
    • 3.6.3 数组转字符串 63
    • 3.6.4 其他方法 63
    • 3.6.5 【案例】猴子选大王 65
    • 动手实践:省份城市的三级联动 66
    • 本章小结 69
    • 课后练习 70
    • 第4章 函数 71
    • 4.1 函数的定义与调用 72
    • 4.1.1 初识函数 72
    • 4.1.2 参数设置 73
    • 4.1.3 函数的调用 74
    • 4.1.4 【案例】字符串大小写转换 75
    • 4.2 变量的作用域 76
    • 4.3 匿名函数 78
    • 4.3.1 函数表达式 78
    • 4.3.2 匿名函数 78
    • 4.3.3 回调函数 79
    • 4.4 嵌套与递归 81
    • 4.4.1 函数嵌套与作用域链 81
    • 4.4.2 递归调用 82
    • 4.4.3 【案例】求斐波那契数列第N项
    • 的值 83
    • 4.5 闭包函数 83
    • 4.5.1 什么是闭包函数 83
    • 4.5.2 闭包函数的实现 84
    • 动手实践:网页计算器 85
    • 本章小结 86
    • 课后练习 86
    • 第5章 对象 88
    • 5.1 面向对象概述 89
    • 5.1.1 面向过程与面向对象 89
    • 5.1.2 面向对象的特征 89
    • 5.2 自定义对象 91
    • 5.2.1 对象的定义 91
    • 5.2.2 访问对象成员 92
    • 5.2.3 对象成员遍历 92
    • 5.2.4 深拷贝与浅拷贝 93
    • 5.3 构造函数 94
    • 5.3.1 为什么使用构造函数 94
    • 5.3.2 JavaScript内置的构造函数 95
    • 5.3.3 自定义构造函数 95
    • 5.3.4 私有成员 96
    • 5.3.5 函数中的this指向 97
    • 5.4 内置对象 98
    • 5.4.1 String对象 98
    • 5.4.2 Number对象 100
    • 5.4.3 Math对象 100
    • 5.4.4 Date对象 101
    • 5.4.5 【案例】制作年历 102
    • 5.5 错误处理与代码调试 105
    • 5.5.1 错误处理 105
    • 5.5.2 错误对象 106
    • 5.5.3 错误类型 107
    • 5.5.4 代码调试 107
    • 5.6 原型与继承 109
    • 5.6.1 原型 109
    • 5.6.2 继承 110
    • 5.6.3 静态成员 113
    • 5.6.4 属性搜索原则 113
    • 5.6.5 原型链 114
    • 动手实践:表单生成器 118
    • 本章小结 123
    • 课后练习 123
    • 第6章 BOM 125
    • 6.1 什么是BOM对象 126
    • 6.2 window对象 126
    • 6.2.1 全局作用域 126
    • 6.2.2 弹出对话框和窗口 127
    • 6.2.3 窗口位置和大小 130
    • 6.2.4 框架操作 132
    • 6.2.5 定时器 132
    • 6.2.6 【案例】限时秒杀 134
    • 6.3 location对象 136
    • 6.3.1 更改URL 136
    • 6.3.2 获取URL参数 137
    • 6.3.3 【案例】定时跳转 138
    • 6.4 history对象 139
    • 6.4.1 历史记录跳转 139
    • 6.4.2 无刷新更改URL地址 140
    • 6.5 navigator对象 141
    • 6.6 screen对象 142
    • 动手实践:红绿灯倒计时 143
    • 本章小结 145
    • 课后练习 145
    • 第7章 DOM 147
    • 7.1 DOM对象简介 148
    • 7.1.1 什么是DOM 148
    • 7.1.2 DOM HTML节点树 148
    • 7.1.3 DOM对象的继承关系 149
    • 7.2 HTML元素操作 150
    • 7.2.1 获取操作的元素 150
    • 7.2.2 元素内容 154
    • 7.2.3 【案例】改变盒子大小 155
    • 7.2.4 元素属性 156
    • 7.2.5 元素样式 158
    • 7.2.6 【案例】标签栏切换效果 161
    • 7.3 文档节点操作 162
    • 7.3.1 获取节点 162
    • 7.3.2 节点追加 164
    • 7.3.3 节点删除 165
    • 7.3.4 【案例】列表的增删和移动 166
    • 动手实践:购物车 171
    • 本章小结 176
    • 课后练习 176
    • 第8章 事件 178
    • 8.1 事件处理 179
    • 8.1.1 事件概述 179
    • 8.1.2 事件的绑定方式 180
    • 8.2 事件对象 182
    • 8.2.1 获取事件对象 182
    • 8.2.2 常用属性和方法 183
    • 8.2.3 【案例】缓动的小球 186
    • 8.3 事件分类 188
    • 8.3.1 页面事件 188
    • 8.3.2 焦点事件 189
    • 8.3.3 鼠标事件 191
    • 8.3.4 【案例】鼠标拖曳特效 193
    • 8.3.5 键盘事件 195
    • 8.3.6 表单事件 197
    • 动手实践:图片放大特效 198
    • 本章小结 202
    • 课后练习 202
    • 第9章 正则表达式 204
    • 9.1 认识正则表达式 205
    • 9.1.1 什么是正则表达式 205
    • 9.1.2 如何使用正则 205
    • 9.1.3 获取正则对象 206
    • 9.2 字符类别与集合 207
    • 9.2.1 字符类别 207
    • 9.2.2 字符集合 208
    • 9.2.3 【案例】限定输入内容 208
    • 9.3 字符限定与分组 211
    • 9.3.1 字符限定 211
    • 9.3.2 括号字符 212
    • 9.3.3 正则运算符优先级 214
    • 9.3.4 【案例】内容查找与替换 214
    • 9.4 与正则相关的方法 215
    • 9.4.1 RegExp类中的方法 216
    • 9.4.2 String类中的方法 217
    • 动手实践:表单验证 217
    • 本章小结 222
    • 课后练习 223
    • 第10章 Ajax 224
    • 10.1 Web基础知识 225
    • 10.1.1 Web服务器 225
    • 10.1.2 HTTP 225
    • 10.2 Web服务器搭建 228
    • 10.2.1 PHP开发环境 229
    • 10.2.2 前后端交互 230
    • 10.3 Ajax入门 232
    • 10.3.1 什么是Ajax 232
    • 10.3.2 创建Ajax对象 233
    • 10.3.3 Ajax向服务器发送请求 233
    • 10.3.4 处理服务器返回的信息 236
    • 10.4 数据交换格式 238
    • 10.4.1 XML数据格式 239
    • 10.4.2 JSON数据格式 240
    • 10.4.3 【案例】无刷新分页 242
    • 10.5 跨域请求 250
    • 10.5.1 Ajax跨域问题 250
    • 10.5.2 JSONP实现跨域请求 251
    • 10.6 扩展技术 254
    • 10.6.1 Cookie 254
    • 10.6.2 FormData 255
    • 10.6.3 Promise 256
    • 10.6.4 WebSocket 260
    • 动手实践:进度条文件上传 262
    • 本章小结 265
    • 课后练习 266
    • 第11章 jQuery 267
    • 11.1 jQuery快速入门 268
    • 11.1.1 什么是jQuery 268
    • 11.1.2 下载jQuery 268
    • 11.1.3 使用jQuery 270
    • 11.2 元素操作 271
    • 11.2.1 jQuery对象 271
    • 11.2.2 jQuery选择器 271
    • 11.2.3 元素遍历 278
    • 11.2.4 元素内容 279
    • 11.2.5 元素样式 280
    • 11.2.6 元素筛选 281
    • 11.2.7 元素属性 283
    • 11.2.8 【案例】折叠菜单 283
    • 11.3 文档节点操作 285
    • 11.3.1 节点追加 285
    • 11.3.2 节点替换 286
    • 11.3.3 节点删除 286
    • 11.3.4 节点复制 287
    • 11.3.5 【案例】左移与右移 287
    • 11.4 事件操作 289
    • 11.4.1 常用事件 289
    • 11.4.2 页面加载事件 292
    • 11.4.3 事件绑定与切换 292
    • 11.4.4 【案例】手风琴效果 294
    • 11.5 动画特效 295
    • 11.5.1 常用动画 295
    • 11.5.2 自定义动画 297
    • 11.5.3 【案例】无缝轮播图 299
    • 11.6 jQuery操作Ajax 302
    • 11.7 插件机制 307
    • 11.7.1 自定义插件 307
    • 11.7.2 jQuery插件库 308
    • 11.7.3 jQuery UI 309
    • 11.7.4 【案例】自定义全选与反选
    • 插件 311
    • 本章小结 314
    • 课后练习 314
    • 第12章 网页版2048小游戏 315
    • 12.1 游戏功能展示 316
    • 12.2 实现步骤分析 317
    • 12.3 游戏功能实现 317
    • 12.3.1 设计游戏界面 317
    • 12.3.2 控制游戏数值 319
    • 12.3.3 实现单元格移动 323
    • 12.3.4 设置游戏分数 326
    • 12.3.5 判断胜利和失败 327
    • 12.3.6 重新开始游戏 330
    • 本章小结 330
    • 课后练习 331

    上一篇:机器人PLC控制及应用实例  下一篇:微信公众平台企业应用开发实战

    展开 +

    收起 -

    码小辫二维码
     ←点击下载即可登录

    JS前端相关电子书
    学习笔记
    网友NO.426431

    JavaScript实现简单的树形菜单效果

    简单的一个树形菜单,具体内容如下 !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" title树形菜单/title style body { font: 12px/20px 宋体; } img { vertical-align: center; border: none; } a { text-decoration: none; color: #000; } li { list-style: none; } /style script function onclickfclose(id) { var ul = document.getElementById(id); var objv = ul.style.display; if (objv == 'none') { ul.style.display = 'block' } else { ul.style.display = 'none'; } } /script/headbodybimg src="images/fold.gif" alt=""树形菜单/bul a href="javascript:onclickfclose('art')"img src="images/fclose.gif" alt=""文学艺术/a/ulul id="art" liimg src="images/doc.gif" alt=""著名小说/li liimg src="images/doc.gif" alt=""著名小说/li liimg src="images/doc.gif" alt=""著名小说/li liimg src="images/doc.gif" alt=""著名小说/li/ulul a href="javascript:onclickfclose('fangc')"img src="images/fclose.gif" alt=""房产论坛/a/ulul id="fangc" images/doc.gif" alt=""房产推销/liliimg src="images/doc.gif" alt=""房产推销/liliimg src="images/doc.gif" alt=""房产推销/liliimg src="images/doc.gif" alt=""房产推销/li/ulul a href="javascript:onclickfclose('tuhua')"img src="images/fclose.gif" alt=""提图专区/a/ulul id="tuhua" images/doc.gif" alt=""风景图画/liliimg src="images/doc.gif" alt=""风景图画/liliimg src="images/doc.gif" alt=""风景图画/liliimg src="images/doc.gif" alt=""风景图画/li/ulul a href="javascript:onclickfclose('bagua')"img src="images/fclose.……

    网友NO.457687

    Javascript 严格模式use strict详解

    严格模式:由ECMA-262规范定义的JavaScript标准,对javascrip的限制更强。 (非严格的模式,被称为“马虎模式/稀松模式/懒散模式”。) 一、严格模式的使用 严格模式可以在脚本或函数级别实现。(即全局和局部模式) 1.全局 在js文件的最前面添加 "use strict" 2.局部 在函数内部添加 "use strict",如下 function fn() { "use strict"; //some code} 二、严格模式和非严格模式的对比 1.严格模式下,无法删除(delete)变量(delete是不合格的标识符))。非严格模式下会删除失败返回false "use strict";var x;delete x;//报错Delete of an unqualified identifier in strict mode.(不合格的标识符) 2.严格模式中,函数形参存在同名的,抛出错误; 非严格模式不会 严格模式下 function fn(a,a){ "use strict"; result=a+a; console.log(result);}fn(2,4);//Duplicate parameter name not allowed in this context(重复的参数名称在此上下文中不允许) 非严格模式下 function fn1(a,a){ "use strict"; result=a+a; console.log(result);}fn1(2,4);//结果为8 3.严格模式不允许八进制整数直接量(如下)。非严格模式下不会报错。 "use strict"var x=089;console.log(x);//报错:Decimals with leading zeros are not allowed in strict mode. 4.严格模式中,arguments对象是传入函数内实参列表的静态副本(即不再追踪参数的变化);非严格模式下,arguments对象里的元素和对应的实参是……

    网友NO.991073

    JavaScript中object和Object的区别(详解)

    JavaScript中object和Object有什么区别,为什么用typeof检测对象,返回object,而用instanceof 必须要接Object呢 这个问题和我之前遇到的问题非常相似,我认为这里有两个问题需要解决,一个是运算符new的作用机制,一个是function关键字和Funtion内置对象之间的区别。看了一些前辈的博客和标准, 这里帮提问者总结一下。 1、new new运算符的作用是创建一个对象实例。这个对象可以是用户自定义的,也可以是带构造函数的一些系统自带的对象。如果 new 表达式之后的构造函数返回的不是JavaScript内置的引用对象(Object,String等)new会创建一个匿名对象并返回;如果是内置引用对象或者原始类型就会覆盖匿名对象。(无 return 时其实为 return 原始类型 undefined)。new运算符详细介绍 2、function和Function ECMAScript 的Function实际上就是一个功能完整的对象。而function这个关键字是用来创建所有对象的构造函数或者普通函数要用的关键字ECMAScript如何定义类和对象,提问者var a=new function(){}实际上是用构造函数的方法创建了一个匿名对象的实例,而并不是系统内置对象Function的实例,所以a instanceof Function返回false,typeof返回"object"。 那么什么时候typeof返回"function"呢?当它真的是一个函数名的时候。 `function a (){}//undefinedtypeof a//"function"` typeof 和 instanceof 这两个……

    网友NO.177563

    javascript实现滑动解锁功能

    效果图: 代码如下: !DOCTYPE htmlhtml lang="en"head meta charset="utf-8" style type="text/css" * { margin: 0; padding: 0; } #slider-box { width: 300px; height: 50px; border-radius: 4px; background: #ccc; margin: 250px auto; position: relative; } #slider { width: 48px; height: 48px; border: 1px solid #eee; text-align: center; line-height: 48px; display: inline-block; background: #fff; border-radius: 4px; cursor: move; position: absolute; left: 0; z-index: 5; } #slider-text { text-align: center; line-height: 50px; display: inline-block; width: 100%; height: 50px; font-family: "微软雅黑"; position: absolute; left: 0; z-index: 4; } #slider-bg { width: 0; height: 48px; background: green; position: absolute; z-index: 3; border-radius: 4px; } #slider-Emerge { width: 100px; background:; height: 50px; position: absolute; } #stop-go { width: 48px; height: 48px; border: 1px solid #eee; background:#36F; position: absolute; right: -1px; display: none; text-align: center; line-height: 48px; color: #fff; font-family: "微软雅黑"; border-radius: 4px; z-index: 5; } div{ -moz-user-select:none; -webkit-user-select:none; user-select:none; } /style/headbody div id="slider-box" span id="slider">/span span id="slider-text"滑动解锁/span span id="slider-bg"/span span id="slider-Emerge"/span span id="stop-go"∨/span /div/body script type="text/javascript" var sliderel={ $: function(selector){ return document.getElementById(selector) }, getEvent:function(e){ var e=e || window.eve……

    Copyright 2018-2019 xz577.com 码农之家

    版权责任说明