具体描述
内容简介:
通过创建更具交互性的富Web界面增强用户体验
本书阐述如何利用少量的JavaScript基础知识将jQuery框架整合进网站,以创建富Web界面,并建立兼容所有主流浏览器的交互性网站。作者是一位具有丰富经验的Web设计师和开发者,通过一系列指导性步骤清晰讲述了添加交互性以创建卓越Web应用的方法和技巧。
使用jQuery可以节省大量的开发时间,开发者在没有丰富编程经验的情况下也能编写出超乎想象的交互组件。本书包含大量实用技巧、解决方案和案例,可极大地促进Web应用的开发与设计。
书中主要知识点包括jQuery基础知识、Ajax请求、事件与效果、DOM操作(包含构建下拉菜单等任务的教程)、lightbox窗口、表单管理、动态的表格数据、鼠标事件效果、模态对话框、自定义jQuery插件等。
作者简介
作者简介:
Jake Rutter Web设计师和开发者,有9年多的用户界面设计和前端开发经验,精通HTML、CSS和JavaScript。
目录信息
第一部分 jQuery与JavaScript简介
第1章 认识jQuery 2
1.1 探索JavaScript库 2
1.1.1 JavaScript库优于传统解决方案之处 2
1.1.2 主流JavaScript库 3
1.1.3 jQuery的高明之处 5
第2章 jQuery入门 13
2.1 搭建开发环境 13
2.2 下载jQuery库 21
2.3 在页面中包含jQuery库 23
2.4 理解jQuery包装器 25
2.4.1 在document.ready事件处理方法之外执行代码 26
2.4.2 防止与其他库发生冲突 27
2.4.3 用jQuery写JavaScript 28
第二部分 jQuery基础
第3章 jQuery核心:选择器、过滤器及CSS 30
3.1 使用jQuery选择器选取DOM元素 30
3.2 使用jQuery过滤器过滤元素 42
3.2.1 基本过滤器及应用 42
3.2.2 利用:even和:odd过滤器生成条纹表格 43
3.2.3 为列表或集合中的第一个和最后一个元素设置样式 45
3.2.4 找出包含特定元素的元素 46
3.2.5 找出不包含任何子元素或文本的元素 47
3.2.6 根据元素包含的文本过滤元素 48
3.3 根据元素的属性在DOM中选取元素 50
3.3.1 选择包含某个网站地址的链接 50
3.3.2 选择属性值以某个单词结尾的元素 51
3.3.3 用jQuery操作HTML和CSS 53
3.3.4 添加、删除、克隆及替换DOM元素或内容 53
3.3.5 在jQuery中使用CSS 58
第4章 事件 60
4.1 理解jQuery事件 60
4.2 使用文档和窗口事件 61
4.2.1 使用.ready()事件检测DOM是否完全加载 61
4.2.2 使用.load()事件预加载图片 62
4.2.3 在用户离开页面时显示一条提示消息 64
4.2.4 使用error事件显示备用图片 65
4.3 事件代理(委托)入门 66
4.3.1 使用.bind()绑定事件处理函数 67
4.3.2 使用.live()绑定事件处理函数 68
4.3.3 使用.delegate()绑定事件处理函数 68
4.4 捕获鼠标事件 69
4.4.1 通过单击鼠标触发添加或删除页面内容的行为 70
4.4.2 双击事件 73
4.4.3 利用鼠标悬停行为显示提示内容 73
4.4.4 利用mousedown和mouseup事件实现添加到购物车功能 77
4.4.5 实现图片翻转效果 80
4.5 捕获表单事件 81
4.5.1 得到焦点时为表单元素添加边框 82
4.5.2 焦点离开输入框之后显示消息 82
4.6 捕获键盘事件 82
第5章 用特效为Web站点添色 86
5.1 jQuery特效能做些什么 86
5.2 使用.show()和.hide()方法显示或隐藏元素 88
5.2.1 结合.show()方法和cookie让一条消息在站点上只显示一次 90
5.2.2 切换元素的显示状态(显示/隐藏) 92
5.3 滑动元素 93
5.4 使用.slideToggle()方法显示替代搜索项 93
5.5 元素淡入淡出 96
5.6 使用淡入/淡出效果建立一个简单的图库 96
5.7 使用延迟创建定时执行的动画 100
5.8 链式调用多个效果 101
5.9 使用多种特效创建一个新闻阅读器 102
5.10 创建高级动画 105
5.10.1 使用高级动画创建一个带文本说明的图库 106
5.10.2 使用jQuery Easing插件添加缓动效果 113
第三部分 jQuery应用
第6章 改进导航:菜单、标签及折叠选项 116
6.1 让页面上所有的链接都在新窗口打开 116
6.2 突出显示导航中的当前选中项 117
6.3 创建简单的下拉菜单 119
6.4 创建折叠菜单 125
6.5 创建标签式内容 131
第7章 生成可交互的生动表格 138
7.1 用CSS为表格数据设置样式 138
7.1.1 使用过滤器创建条纹表格 140
7.1.2 为表格中的行添加简单悬停效果 141
7.1.3 为表格中的行添加高级悬停效果 142
7.2 维护表格数据 143
7.2.1 在表格第一行或最后一行之后添加一行 145
7.2.2 使用过滤器选择器删除一行 147
7.2.3 基于索引在某一行之后增加一行 148
7.2.4 基于索引删除某行 148
7.2.5 在包含特定内容的行之后追加消息 148
7.2.6 基于元素内容删除一行 149
7.3 使用jQuery设置表格分页 149
7.4 使用jQuery插件生成高级表格 154
7.4.1 使用tablesorter插件对表格行排序 155
7.4.2 修改默认排序顺序 158
7.4.3 使用Visualize插件为表格数据生成迷人的图表 158
7.4.4 生成柱状图 159
第8章 使用jQuery制作高级表单 162
8.1 页面加载完成后使文本框获得焦点 162
8.2 启用或禁用表单元素 163
8.3 突出显示表单当前项 164
8.4 为文本框设置默认文本 166
8.5 限制文本输入框的输入字数 169
8.6 实现复选框的全选功能 170
8.7 获取文本输入框的值 172
8.8 得到select元素的值 173
8.9 简单验证表单中的电子邮件 174
8.10 复制一个文本框的内容到另一个文本框 178
8.11 利用插件增强表单功能 181
8.11.1 为网站整合qTip插件 181
8.11.2 利用qTip使用title属性创建表单元素的基本提示信息 183
8.11.3 使用jQuery Validate插件验证表单 184
8.11.4 为联系人表单添加简单验证 185
8.11.5 在联系人表单中使用高级验证规则并自定义提示信息 188
第四部分 jQuery高级技术
第9章 Ajax与动态数据处理 192
9.1 Ajax揭秘 192
9.2 在页面上动态载入内容 194
9.2.1 载入全部内容 194
9.2.2 在内容载入失败时处理错误 195
9.2.3 载入部分内容 198
9.3 使用GET和POST方法提交表单 199
9.4 操作XML数据 204
9.5 解析内部XML数据并生成HTML 207
9.6 操作JSON数据 209
9.7 获取JSON数据并生成HTML 211
9.8 使用Delicious API接收JSONP数据以创建Delicious用户组件 213
9.9 使用JSONP和Yelp API创建一个Yelp最热点评组件 219
9.9.1 申请Yelp API Key 220
9.9.2 使用Yelp API基于电话号码获取点评 222
第10章 创建及使用jQuery插件 228
10.1 jQuery插件 228
10.2 在站点上使用jQuery插件 229
10.3 在站点上包含jQuery UI 230
10.3.1 下载jQuery UI 231
10.3.2 将jQuery UI添加到站点 231
10.3.3 jQuery UI小部件工作原理 232
10.3.4 自定义jQuery UI的外观 232
10.3.5 使用ThemeRoller创建UI主题 234
10.3.6 使用jQuery UI主题 236
10.3.7 将jQuery UI组件整合到站点 236
10.4 整合流行的jQuery插件到站点 244
10.4.1 jQuery Tools 244
10.4.2 Fancybox 247
10.5 编写第一个jQuery插件 249
10.5.1 筹划一个插件 250
10.5.2 插件的结构 250
10.5.3 设定插件选项 251
10.5.4 创建插件 252
10.6 如何发布jQuery插件 258
10.6.1 打包插件以便发布 258
10.6.2 发布插件 259
第11章 jQuery在移动Web开发中的应用 260
11.1 使用jQuery构建移动Web应用 260
11.2 移动浏览器 261
11.2.1 CSS3 262
11.2.2 HTML5 263
11.2.3 移动开发的必要装备 263
11.2.4 面向Apple iPhone Safari移动浏览器的开发 265
11.2.5 面向Google Android的Chrome浏览器的开发 267
11.2.6 在不同智能手机上显示不同内容 268
11.2.7 使用jQuery开发移动站点和应用程序 268
11.3 jQuery Mobile预览版介绍 268
11.4 移动框架 269
11.4.1 Appcelerator Titanium框架 269
11.4.2 jQTouch插件 270
第12章 jQuery资源 272
12.1 jQuery的快速成长 272
12.2 jQuery官方站点 274
12.2.1 jQuery API文档子站 274
12.2.2 jQuer教程 275
12.2.3 jQuery 聚会或讨论会 275
12.2.4 bug追踪系统 277
12.2.5 jQuery论坛 277
12.3 其他Web设计和开发资源 279
· · · · · · (收起)
读后感
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的...
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的...
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的...
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的...
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的...
用户评价
这本《前端开发秘籍:从入门到精通》简直是为我这种想彻底转型前端的“小白”量身定做的。我之前对JavaScript也算略知一二,但总觉得jQuery那种“一站式解决大部分DOM操作难题”的便捷性,在现代前端生态中似乎被边缘化了。然而,这本书的开篇就着实抓住了我的注意力,它没有直接陷入复杂的框架之争,而是从原生Web API的痛点出发,极其深入地剖析了为什么在特定的场景下,对DOM的精细化控制依然是至关重要的。作者用大量的实际案例,展示了如何用最简洁的代码实现高性能的动画效果和复杂的用户交互,那种手起刀落般的效率感,读起来酣畅淋漓。尤其让我印象深刻的是其中关于事件委托和性能优化的章节,它不仅仅是告诉你“怎么做”,更是细致地解释了“为什么这么做比直接绑定事件更好”,背后的浏览器渲染机制讲解得透彻而不晦涩。读完这一部分,我感觉自己对前端的底层理解又上了一个台阶,不再是只会调用API的“搬运工”,而是真正理解了代码运行逻辑的工程师。这本书的结构安排非常合理,循序渐进,知识密度适中,即便是第一次接触这些概念的新手也能跟上节奏。
我是一名大学计算机系的学生,在学习数据结构与算法的同时,也在努力培养自己的工程实践能力。《程序化艺术:动态图形与数据可视化》这本书为我打开了一扇全新的大门。它完全摆脱了枯燥的理论推导,转而将编程语言视为一种创造性的工具。书中通过一系列精美的案例,展示了如何将抽象的数学公式和复杂的数据集,转化为赏心悦目的动态视觉效果。作者在讲解过程中,会详细拆解一个复杂的图形是如何一步步通过对时间、空间和变量的精确控制而生成的。尽管全书的重点在于可视化表达,但其对代码逻辑的严谨性和对数学原理的准确应用,极大地提升了我的逻辑思维能力。与那些侧重于业务开发的书籍不同,这本书让我深刻体会到编程不仅仅是解决问题,更是一种可以用来描绘世界和表达思想的艺术形式。对于所有对创造力和视觉冲击力感兴趣的读者来说,这本书绝对是不可多得的宝藏。
我是一个有着十年经验的资深后端工程师,最近被要求参与一个需要快速迭代前端界面的项目,说实话,我对那些动辄几百页的React或Vue官方文档感到头疼,它们过于强调“声明式”和“状态管理”的哲学,对于我这种习惯了直接操作和控制的“命令式”思维来说,上手曲线太陡峭了。《Web交互设计与快速原型实现》这本书简直是我的救星!它完全避开了那些深奥的构建工具和复杂的生命周期概念,而是聚焦于“快速响应用户需求”这一核心目标。书中对于如何使用现代浏览器提供的原生API结合一些经过时间检验的最佳实践,来构建高度可维护和易于理解的界面逻辑,给予了非常实际的指导。其中关于跨浏览器兼容性的那几章,简直是“业界良心”级别的总结,那些被遗忘在角落里的兼容性陷阱,作者都一一列举并给出了优雅的解决方案,这比我自己花时间去Stack Overflow上翻找零散答案要高效一百倍。这本书的叙事风格非常务实,充满了“老兵不死,只是会优雅地退场”的洒脱感,推荐给所有追求效率和稳定性的中高级开发者。
作为一名资深的软件架构师,我一直在寻找能够系统梳理前端应用生命周期管理和模块化策略的参考资料。《大型前端项目构建与维护的最佳实践》这本书,恰好填补了这一空白。它没有纠结于具体的UI组件实现,而是将重点放在了宏观层面上:如何设计一个能经受住五年迭代而不崩溃的模块化结构。书中对于依赖管理、代码分割、以及构建工具链的演进历史进行了深入的探讨,使得我们能更清晰地判断当前业界主流方案的优劣。作者以一种近乎辩论的口吻,分析了不同模块化规范(如CommonJS、AMD、ES Modules)在大型项目中的实际表现和局限性。对我帮助最大的部分是关于“遗留代码的现代化改造”策略,提供了非常实用的灰度发布和逐步重构的路线图,而不是一刀切的激进方案。这本书的价值在于它的前瞻性和全面性,它提供的是一套方法论,而不是一堆即时的代码片段,这对于指导团队架构决策至关重要。
初次接触《现代浏览器架构与性能调优》这本书,我的期待值其实不高,毕竟市面上谈论性能调优的书籍大多陷入了对各种工具的流水账式的介绍。然而,这本书的视角极其独特,它将焦点放在了浏览器本身是如何解析、渲染和执行代码的。作者用极其形象的比喻,将V8引擎的执行流程和浏览器的事件循环机制描绘得如同精密运作的工厂流水线。书中对“重排”(Reflow)和“重绘”(Repaint)的讲解达到了教科书级别,我甚至以前从未想过,仅仅是一个CSS属性的修改,其背后的性能代价是如此巨大。更让我感到震撼的是,它讲解了如何通过对代码结构和DOM操作模式的微调,来巧妙地绕过浏览器的性能瓶颈,实现近乎“原生”的流畅体验。这不是一本教你如何写框架代码的书,而是一本教你如何与浏览器“对话”的书。读完后,我写出的每一行代码都会下意识地审视其对浏览器渲染线程的影响,这种思维模式的转变,是任何一个框架教程都无法带来的。
我的第一本前端库的入门教材
还可以,源代码还是挺良心的,就是看不懂==
讲的不错儿 主要版本是1.4 现在都1.9啦!!!
上手很快啊
有些复杂的特效用不太到,比较适合有一定基础且对前端要求较高的情况