Great news! Vultr Gives you $100 for free!
Just use this link(click image below) to register a new account then you will get $100 free coupon! (Be careful you can only use this link to have a $100…
CSS Selector Reference
CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. Use our CSS Selector Tester to demonstrate the different selectors. SelectorExampleExample description.class.introSelects all elements with class="intro".class1.class2.name1.name2Selects…
HTML 事件属性
全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。 下面的表格提供了标准的事件属性，可以把它们插入 HTML/XHTML 元素中，以定义事件行为。 New : HTML5新增属性事件。 窗口事件属性（Window Event Attributes） 由窗口触发该事件 (适用于 <body> 标签): 属性值描述onafterprintNewscript在打印文档之后运行脚本onbeforeprintNewscript在文档打印之前运行脚本onbeforeonloadNewscript在文档加载之前运行脚本onblurscript当窗口失去焦点时运行脚本onerrorNewscript当错误发生时运行脚本onfocusscript当窗口获得焦点时运行脚本onhashchangeNewscript当文档改变时运行脚本onloadscript当文档加载时运行脚本onmessageNewscript当触发消息时运行脚本onofflineNewscript当文档离线时运行脚本ononlineNewscript当文档上线时运行脚本onpagehideNewscript当窗口隐藏时运行脚本onpageshowNewscript当窗口可见时运行脚本onpopstateNewscript当窗口历史记录改变时运行脚本onredoNewscript当文档执行再执行操作（redo）时运行脚本onresizeNewscript当调整窗口大小时运行脚本onstorageNewscript当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本onundoNewscript当文档执行撤销时运行脚本onunloadNewscript当用户离开文档时运行脚本 表单事件(Form Events) 表单事件在HTML表单中触发 (适用于所有 HTML…
HTML 多媒体
Web 上的多媒体指的是音效、音乐、视频和动画。 现代网络浏览器已支持很多多媒体格式。 什么是多媒体？ 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。 在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。 在本教程中，您将了解到不同的多媒体格式，以及如何在您的网页中使用它们。 浏览器支持 第一款因特网浏览器只支持文本，而且即使是对文本的支持也仅限于单一字体和单一颜色。随后诞生了支持颜色、字体和文本样式的浏览器，图片支持也被加入。 不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理，而某些则需要额外的插件。 您将在下面的章节学习更多有关插件的知识。 多媒体格式 多媒体元素（比如视频和音频）存储于媒体文件中。 确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。 多媒体元素元素也拥有带有不同扩展名的文件格式，比如…
HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。 SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。 Canvas Canvas 通过 JavaScript 来绘制 2D…
HTML5 新元素
下面列出的 HTML5 的新元素，以及对它们的描述。 新的语义/结构元素 HTML5 提供的新元素可以构建更好的文档结构： 标签描述<article>定义文档内的文章。<aside>定义页面内容之外的内容。<bdi>定义与其他文本不同的文本方向。<details>定义用户可查看或隐藏的额外细节。<dialog>定义对话框或窗口。<figcaption>定义 <figure> 元素的标题。<figure>定义自包含内容，比如图示、图表、照片、代码清单等等。<footer>定义文档或节的页脚。<header>定义文档或节的页眉。<main>定义文档的主内容。<mark>定义重要或强调的内容。<menuitem>定义用户能够从弹出菜单调用的命令/菜单项目。<meter>定义已知范围（尺度）内的标量测量。<nav>定义文档内的导航链接。<progress>定义任务进度。<rp>定义在不支持 ruby 注释的浏览器中显示什么。<rt>定义关于字符的解释/发音（用于东亚字体）。<ruby>定义 ruby 注释（用于东亚字体）。<section>定义文档中的节。<summary>定义 <details> 元素的可见标题。<time>定义日期/时间。<wbr>定义可能的折行（line-break）。 新的表单元素 标签描述<datalist>定义输入控件的预定义选项。<keygen>定义键对生成器字段（用于表单）。<output>定义计算结果。 新的输入类型 新的输入类型新的输入属性colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweekautocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight 和 widthlistmin 和 maxmultiplepattern (regexp)placeholderrequiredstep HTML5 - 新的属性语法 HTML5 允许四种不同的属性语法。 该例演示…
递归（Recursive） 测试题
1. Which of the following statements are true? a. Every recursive method must have a base case or a stopping condition. b. Every recursive call reduces the original problem, bringing…
排序作业
（泛型冒泡排序）使用冒泡排序编写下面两个泛型方法。第一个方法使用Comparable接口对元素排序，第二个方法使用Comparator接口对元素排序。 public static <E extends Comparable<E>> void bubbleSort(E[] list) public static <E> void bubbleSort(E[] list, Comparator<? super E> comparator) 答案 import java.util.Comparator; public class Exercise { /** Generic bubble sort…
泛型编程练习题
编写以下方法，返回一个新的ArrayList。新的列表中包含来自原列表中不重复的元素。 public static <E> ArrayList<E> removeDuplicated(ArrayList<E> list) 答案 import java.util.ArrayList; public class Exercise { /** Removes duplicate elements from an array list */ public static <E extends Comparable<E>> ArrayList<E> removeDuplicates(ArrayList<E>…
Create Terraform Cloud orgnization and workspace
In the previous post, I showed you what is terraform cloud and how to sign a terraform cloud account. in this post, I will show you how to create a…