![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
FreeLearningb
文章平均质量分 97
绝不原创的飞龙
这个作者很懒,什么都没留下…
展开
-
jQuery 设计模式(二)
门面模式是一种处理如何创建实现各部分的抽象的结构性软件设计模式。门面模式的关键概念是抽象出现有实现,并提供一个简化的 API,更好地匹配开发应用程序的用例。根据大多数描述此模式的计算机科学参考书目,门面最常见的实现方式是作为一个专门的类,用于将应用程序的实现分割成更小的代码片段,同时提供一个完全隐藏封装的复杂性的接口。在 Web 开发世界中,还常常使用普通对象或函数来实现门面,利用 JavaScript 将函数视为对象的方式。原创 2024-07-15 10:35:42 · 451 阅读 · 0 评论 -
jQuery 设计模式(三)
在本章中,我们学习了如何通过实现和使用插件来扩展 jQuery。我们首先看到了一个 jQuery 插件可以实现的最简单方式的示例,并分析了使一个优秀的插件的特点,以及符合 jQuery 库原则的插件。我们随后介绍了开发者社区中最常见的用于创建 jQuery 插件的开发模式。我们分析了每种模式解决的实现问题以及更适合它们的使用案例。完成本章后,我们现在能够将应用程序的部分抽象为可重用和可扩展的 jQuery 插件,这些插件使用最适合每个使用案例的开发模式进行结构化。原创 2024-07-15 10:35:11 · 577 阅读 · 0 评论 -
jQuery 设计模式(一)
原文:zh.annas-archive.org/md5/9DBFD51895CA93BE96AC02124FF5B7E1译者:飞龙协议:CC BY-NC-SA 4.0前言自 2006 年推出以来,jQuery 库已经使 DOM 遍历和操作变得更加容易。这导致了具有越来越复杂用户交互的 Web 页面的出现,从而促进了 Web 作为支持大型应用程序实现的平台的成熟。本书提供了一系列使 Web 应用程序实现更高效的最佳实践。此外,我们将分析可以应用于 Web 开发的计算机科学中最重要的设计模式。通过原创 2024-07-15 10:34:38 · 425 阅读 · 0 评论 -
jQuery 热点(二)
首先,我们更新了具有属性的容器<div>内部<h1>元素中的文本。然后我们向内容容器添加了一些内容,包括一段简介文字和一个容器<div>。容器内部我们添加了<label><input>和<button>元素。出于可访问性原因,jQuery Mobile 建议为所有<input>元素使用具有有效for属性的<label>元素,因此我们添加了一个,但然后使用类将其隐藏。这将允许辅助技术仍然看到它,而不会在视觉上混淆页面。<input>只是一个带有id属性的简单文本字段,用于从脚本中轻松选择,以及一个。原创 2024-07-15 10:34:06 · 502 阅读 · 0 评论 -
jQuery 热点(三)
我们安装了 Git,然后使用它克隆了 jQuery 的 Github 仓库到这个目录,以获取 jQuery 源代码的最新版本。如果您习惯于 SVN,克隆仓库的概念上与检出仓库是相同的。再次说明,这些命令的语法在 Mac 和 Windows 系统上非常相似,但请注意,在 Windows 中使用路径时需要转义反斜杠。完成此操作后,我们应该会在目录内看到一个名为jquery的新目录。build:此目录由构建工具用于构建 jQueryspeed:此目录包含基准测试src。原创 2024-07-15 10:33:35 · 527 阅读 · 0 评论 -
jQuery 热点(一)
原文:zh.annas-archive.org/md5/80D5F95AD538B43FFB0AA93A33E9B04F译者:飞龙协议:CC BY-NC-SA 4.0序言欢迎来到 jQuery Hotshot。本书旨在尽可能多地介绍组成 jQuery 的不同方法和实用程序。您不需要是 jQuery 热门人物来阅读和理解本书包含的项目,但是当您完成本书时,您应该是 jQuery 热门人物。除了学习如何使用 jQuery,我们还将研究一系列相关技术,包括使用一些更近期的 HTML5 和相关的 AP原创 2024-07-15 10:33:03 · 296 阅读 · 0 评论 -
jQuery 游戏开发基础(二)
在本章中,你已经学会了如何充分利用瓦片地图。现在你可以使用本章和上一章学到的技术来编写各种各样的游戏。你可能会发现,在编写游戏时遇到的问题往往是相同的。然而,最佳解决方案往往取决于你游戏的限制和约束。当你开始编写游戏时,不要试图实现通用解决方案,而是首先专注于你的特定情况。结果很可能会更快、更容易维护,并且实现起来会花费更少的时间。在下一章中,我们将学习如何使用我们在第四章横向看中创建的平台游戏来实现多层游戏。使你的游戏多层级将为你带来一些新的技巧。原创 2024-07-15 10:32:26 · 645 阅读 · 0 评论 -
jQuery 游戏开发基础(二)
在本章中,你已经学会了如何充分利用瓦片地图。现在你可以使用本章和上一章学到的技术来编写各种各样的游戏。你可能会发现,在编写游戏时遇到的问题往往是相同的。然而,最佳解决方案往往取决于你游戏的限制和约束。当你开始编写游戏时,不要试图实现通用解决方案,而是首先专注于你的特定情况。结果很可能会更快、更容易维护,并且实现起来会花费更少的时间。在下一章中,我们将学习如何使用我们在第四章横向看中创建的平台游戏来实现多层游戏。使你的游戏多层级将为你带来一些新的技巧。原创 2024-07-15 10:30:51 · 814 阅读 · 0 评论 -
jQuery 游戏开发基础(三)
在本章中,你已经学习了许多仅适用于移动设备的特定 API 和技术。使用 Web 技术为移动设备编写游戏通常是一个挑战,但会极大地增加你的游戏潜在玩家数量。甚至可以通过使用 PhoneGap(又名 Apache Cordova)在 App Store 上分发你的游戏。在下一章中,我们将学习如何将声音和音乐添加到你的游戏中。使用 Web 技术来做这件事情可能有些麻烦,但它绝对是值得的!你现在已经学会了使用标准 API、插件和 Flash 库在游戏中播放声音的许多不同方法,你的脑袋现在可能有些疼了!原创 2024-07-15 10:30:21 · 640 阅读 · 0 评论 -
jQuery 游戏开发基础(一)
编写游戏不仅有趣,而且是通过透彻地学习一项技术的非常好的方法。尽管 HTML 和 JavaScript 并不是为了运行游戏而设计的,但在过去的几年中,一系列事件发生,使得用 JavaScript 编写游戏成为可行的解决方案:浏览器的 JavaScript 引擎性能有了显著提高,现代引擎比 2008 年的最先进引擎快了十倍。jQuery 和其他类似的库使得与 DOM 的操作尽可能轻松。Flash 在某种程度上由于在 iOS 上的缺失而失去了很多地位。原创 2024-07-15 10:27:24 · 506 阅读 · 0 评论 -
jQuery 基础知识(二)
原文:zh.annas-archive.org/md5/9E8057489CB5E1187C018B204539E747译者:飞龙协议:CC BY-NC-SA 4.0第七章:与服务器交谈在第六章中,我们学会了如何让 jQuery 帮助我们为用户制作更好的表单。一旦表单被填写,我们将需要使用 jQuery 将其发送回服务器并获取新鲜数据。我们生活在单页面,流动应用的世界。互联网上大多数顶级网站通过 Ajax 以无缝方式更新需要更改的页面部分,这对用户来说比通过提交按钮发布数据并加载新页面的老式方式原创 2024-07-15 10:26:53 · 347 阅读 · 0 评论 -
jQuery 基础知识(一)
网站加载速度越快,就越能鼓励游客以后返回。加快页面加载速度的另一种方法就是使用内容传送网络,或CDN。CDN 的魔力有两个方面。首先,CDN 通常位于边缘服务器上,这意味着它们不是在单个物理位置托管,而是分布在互联网的多个位置。这意味着它们可以更快地被找到和下载。其次,浏览器通常会在用户的机器上缓存静态文件,加载本地文件比从互联网下载快得多。许多大大小小的公司都使用 CDNs。因此,有可能其中一家公司正在使用你网站所需的相同副本的 jQuery,并已经在用户的机器上本地缓存。原创 2024-07-15 10:26:22 · 733 阅读 · 0 评论 -
jQuery 响应式 Web 设计(二)
在本章中,我们学习了将固定图像转换为灵活图像的简单方法,但仅仅理解这一点并不足以使它们适应不同的设备。此外,我们还学习了通过使用 Foresight 和 Picturefill 插件向用户提供正确图像的其他方法。当使用 FocalPoint 框架调整图像大小时,我们还控制了艺术方向,将焦点放在图片中的主要元素上。此外,我们还学会了使用 FitVids 插件使视频尺寸变得流动起来而不感到紧张。在下一章中,我们将了解哪些幻灯片插件适用于响应式网站,学习如何构建它们,更改一些选项和效果,并给用户留下良好的印象。原创 2024-07-15 10:25:50 · 681 阅读 · 0 评论 -
jQuery 响应式 Web 设计(三)
在本章中,我们已经专注于通过使用工具和脚本来测试网站,以确保其在所有设备上的响应性。我们已经了解了通过使用网站工具,如 Viewport Resizer、Surveyor 和 ScreenFly 来检查我们的实现中可能存在的错误的重要性。此外,我们通过在原生 Opera Mobile 浏览器中打开网站来模拟许多移动设备并测试 Opera Mobile 模拟器。在下一章中,我们将确保跨浏览器解决方案提供回退。我们将学习如何处理旧的浏览器,并通过展示优雅降级来呈现正确的设计。原创 2024-07-15 10:25:13 · 781 阅读 · 0 评论 -
jQuery 响应式 Web 设计(一)
在本章中,我们回顾了响应式网页设计的概念。我们还学习了什么是移动优先。我们学习了媒体查询以及它们在我们网站实现中的不同之处。我们还创建了一个展示我们网站的线框。这将把我们连接到下一章,该章将对这个线框进行编码。现在,通过学习如何使用三种不同的响应式网格系统:流体基准网格,1140 网格和我最喜欢的 Foundation4 网格,我们继续进行项目。同时,我们也会探讨如何通过使用 JavaScript 来调整网站的行为。所有这些主题将在下一章中进行解释。原创 2024-07-15 10:24:42 · 438 阅读 · 0 评论 -
jQuery 参考指南(四)
在本章中,我们从两个角度查看了插件:使用和开发。我们看了四种类型的 jQuery 插件添加:插件可以引入新的全局方法和 jQuery 对象方法;此外,它们可以添加选择器表达式和缓动样式。虽然如此,我们通常更感兴趣的是使用其他人创建的插件。虽然我们已经指向了许多插件的可用文档,但在接下来的章节中,我们将更详细地介绍两个较受欢迎的插件。原创 2024-07-15 10:24:09 · 615 阅读 · 0 评论 -
jQuery 参考指南(二)
原文:zh.annas-archive.org/md5/0AC785FD3E3AB038A029EF6BA3FEE889。原创 2024-07-15 10:23:38 · 614 阅读 · 0 评论 -
jQuery 参考指南(三)
原文:zh.annas-archive.org/md5/0AC785FD3E3AB038A029EF6BA3FEE889译者:飞龙协议:CC BY-NC-SA 4.0第六章:效果方法它有风格,有品位——德沃,“无法控制的冲动”在本章中,我们将仔细检查每个效果方法,揭示 jQuery 提供给用户的所有视觉反馈机制。预打包效果这些方法允许我们快速应用常用效果,并具有最小的配置。.show()| 显示匹配的元素。.show([speed][, callback])|参数原创 2024-07-15 10:23:03 · 669 阅读 · 0 评论 -
jQuery 参考指南(一)
我们现在已经看到了一个完整的、功能的 jQuery 脚本。尽管这个示例很小,但它为页面带来了相当多的交互性和可用性。这个脚本展示了 jQuery 提供的主要工具类型。我们观察了脚本如何在 DOM 中查找项目并根据需要更改它们。我们见证了对用户操作的响应以及为用户在操作后提供反馈的动画。我们甚至看到了如何在不刷新页面的情况下从服务器获取信息,以及如何教会 jQuery 通过插件学习全新的技巧。我们将逐章逐节地讲解 jQuery 库中的每个函数、方法和选择器表达式。原创 2024-07-15 10:22:22 · 825 阅读 · 0 评论 -
jQuery UI 秘籍(四)
在本章中,我们将探讨用于向用户提供上下文信息的工具提示小部件的各个方面。工具提示小部件与现有代码配合得很好,因为默认情况下,它使用标准的 HTML 属性来设置工具提示的文本。此外,只需一行代码就可以为整个用户界面创建工具提示实例,非常容易。超越简单用例,我们将研究我们可以传递到小部件中的不同类型的内容,以及如何动态生成内容。我们还将探讨工具提示如何作为工具来辅助开发过程,以及开发人员如何操纵可用的效果来显示和隐藏小部件。我们不限于使用title属性来提供基本文本字符串以供工具提示内容使用。原创 2024-07-15 10:20:36 · 561 阅读 · 0 评论 -
jQuery UI 秘籍(二)
原文:zh.annas-archive.org/md5/6053054F727DA7F93DC0A95B33107695译者:飞龙协议:CC BY-NC-SA 4.0第四章:开发日期选择器在本章中,我们将涵盖:处理不同的日期格式制作全尺寸的日历小部件显示月度效果预约提醒作为工具提示限制日期范围隐藏输入字段附加数据和控件介绍日期选择器小部件通过提供日期选择实用工具来增强典型的文本输入表单元素。我们现在在 Web 上到处都可以看到这些类型的输入。日期原创 2024-07-15 10:19:58 · 606 阅读 · 0 评论 -
jQuery UI 秘籍(三)
滑块部件几乎就像一个用户可以操纵的进度条。滑块给用户一个手柄,可以沿平面拖动以产生所需值。这在处理表单值时尤其有用。滑块部件默认具有有用的选项,如更改方向的能力和允许用户选择值范围。在本章中,我们将看看通过添加新选项或附加事件处理函数来调整滑块部件的各种方法。我们还将研究一些视觉调整以及滑块实例如何相互通信。在本章中,我们将使用旋转器。旋转器只不过是文本input元素上的装饰品。但与此同时,它还有很多其他用途。例如,旋转器在本章中将有助于将数字格式化为本地文化。原创 2024-07-15 10:19:27 · 481 阅读 · 0 评论 -
jQuery UI 秘籍(一)
创造令人兴奋的用户体验是一项有趣而有价值的工作。实质上,您正在改善许多人的生活。大多数 UI 开发人员的目光都在终点上,看着他们的产品被使用。我们越快到达终点线而不牺牲质量,就越好。我们用来帮助我们达到这个目标的工具可能会产生世界上的所有差异。jQuery 框架在开发人员中如此受欢迎的部分原因在于“少写,做得更多”的口号,在 jQuery UI 中也有体现。现代版本的 HTML 和 CSS 标准具有组装健壮,响应迅速的用户界面所需的工具。原创 2024-07-15 10:18:56 · 738 阅读 · 0 评论 -
jQuery UI 秘籍(一)
创造令人兴奋的用户体验是一项有趣而有价值的工作。实质上,您正在改善许多人的生活。大多数 UI 开发人员的目光都在终点上,看着他们的产品被使用。我们越快到达终点线而不牺牲质量,就越好。我们用来帮助我们达到这个目标的工具可能会产生世界上的所有差异。jQuery 框架在开发人员中如此受欢迎的部分原因在于“少写,做得更多”的口号,在 jQuery UI 中也有体现。现代版本的 HTML 和 CSS 标准具有组装健壮,响应迅速的用户界面所需的工具。原创 2024-07-15 10:17:09 · 473 阅读 · 0 评论 -
jQuery、Rails 和 Node 的 CoffeeScript 编程(二)
本章以 Ruby on Rails 的风风火火开始。你已经希望能够欣赏到 Rails 为 Web 开发人员提供的一些魔力,以及开发 Rails 应用程序可以有多么有趣。我们还花了一些时间发现在 Rails 应用程序中使用 CoffeeScript 是多么容易,以及你通常会使用哪些不同的方法和技术来编写客户端代码。如果你还没有这样做,我鼓励你花一些时间学习 Rails 以及 Ruby,并沉浸在它们支持的美妙社区中。原创 2024-07-15 10:16:31 · 507 阅读 · 0 评论 -
jQuery、Rails 和 Node 的 CoffeeScript 编程(一)
JavaScript 是由 Brendan Eich 在 1995 年左右在网景工作时编写的一种古怪的小语言。它是第一种基于浏览器的脚本语言,当时只在网景导航器中运行,但最终它找到了自己的位置,进入了大多数其他的 Web 浏览器。当时,网页几乎完全由静态标记组成。JavaScript(最初名为 LiveScript)的出现是因为需要使页面动态化,并为浏览器开发人员带来完整脚本语言的功能。语言的许多设计决策都是出于简单和易用的需要,尽管当时有些决策纯粹是出于网景的营销原因。原创 2024-07-15 10:15:54 · 785 阅读 · 0 评论