Font Awesome 图表图标
下表显示了所有的 Font Awesome 图表图标：
图标
描述
实例
fa fa-area-chart
尝试一下
fa fa-bar-chart
尝试一下
fa fa-line-chart
尝试一下
fa fa-pie-chart
尝试一下
……继续阅读 »
2年前 (2022-06-25) 200浏览 0评论
0个赞
JavaScript 正则表达式
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。
搜索模式可用于文本搜索和文本替换。
什么是正则表达式？
正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符，或一个更复杂的……继续阅读 »
2年前 (2022-06-25) 319浏览 0评论
0个赞
JavaScript Window – 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器”对话”。
浏览器对象模型 (BOM)
浏览器对象模型（Browser Object
Model (BOM)）尚无正式标准。
由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。
W……继续阅读 »
2年前 (2022-06-25) 242浏览 0评论
0个赞
Font Awesome 性别图标
下表显示了所有的 Font Awesome 性别图标：
图标
描述
实例
fa fa-genderless
尝试一下
fa fa-intersex
尝试一下
fa fa-mars
尝试一下
fa fa-mars-double
尝试一下
fa fa-mars-stroke
尝试一下
fa fa-mars-stroke-h
尝试一下
……继续阅读 »
2年前 (2022-06-23) 425浏览 0评论
0个赞
JavaScript 严格模式(use strict)
JavaScript 严格模式（strict mode）即在严格的条件下运行。
使用 “use strict” 指令
“use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
&……继续阅读 »
2年前 (2022-06-23) 326浏览 0评论
0个赞
JavaScript 语法
JavaScript 是一个程序语言。语法规则定义了语言结构。
JavaScript 语法
JavaScript 是一个脚本语言。
它是一个轻量级，但功能强大的编程语言。
JavaScript 字面量
在编程语言中，一般固定值称为字面量，如 3.14。
数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。
3.14
1001
123e5
字符串（String）……继续阅读 »
2年前 (2022-06-22) 282浏览 0评论
0个赞
JavaScript 错误 – throw、try 和 catch
try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。
JavaScript 错误
当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。
可能是语法错误，通常是程序员……继续阅读 »
2年前 (2022-06-22) 306浏览 0评论
0个赞
CSS 尺寸 (Dimension)
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。
更多实例
设置元素的高度
这个例子演示了如何设置不同元素的高度。
使用百分比设置图像的高度
这个例子演示了如何使用百分比值设置元素的高度。
使用像素值来设置元素的宽度
本例演示如何使用像素值来设置元素的宽度。
设置元素的最大高度
此示例演示如何设置元素的最大高度。
使用百分比……继续阅读 »
2年前 (2022-06-22) 173浏览 0评论
0个赞
JavaScript 对象
JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…
此外，JavaScript 允许自定义对象。
所有事物都是对象
JavaScript 提供多个内建对象，比如 String、Date、Array 等等。
对象只是带有属性和方法的特殊数据类型。
布尔型可以是一个对象。
数字型可以是一个对象。
字符串也可以是一个对象
日期是一个对象
数学和正则表达式……继续阅读 »
2年前 (2022-06-22) 328浏览 0评论
0个赞
JavaScript – 测试 jQuery
测试 JavaScript 框架库 – jQuery
引用 jQuery
如需测试 JavaScript 库，您需要在网页中引用它。
为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：
引用 jQuery
<!DOCTYPE html>
<html>
<head>……继续阅读 »
2年前 (2022-06-22) 284浏览 0评论
0个赞
Bootstrap5 进度条
进度条可以显示用户任务的完成过程。
创建一个基本的进度条的步骤如下：
添加一个带有 .progress 类的 <div>。
接着，在上面的 <div> 内，添加一个带有 class .progress-bar 的空的 <div>。
添加一个带有百分比表示的宽度的 style 属性，例如 style=”width:70%” 表……继续阅读 »
2年前 (2022-06-21) 208浏览 0评论
0个赞
Bootstrap 排版
Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。
使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。
标题
Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看下面的实例：
实例
<h1>我是标题1 h1</h1>
&l……继续阅读 »
2年前 (2022-06-21) 289浏览 0评论
0个赞
Bootstrap4 表格
Bootstrap4 基础表格
Bootstrap4 通过 .table 类来设置基础表格的样式，实例如下:
实例
<table class="table">
<thead>
<tr>
<th>Firstname</th>
<th>Lastna……继续阅读 »
2年前 (2022-06-20) 311浏览 0评论
0个赞
Bootstrap CSS编码规范
code {
font-family: “PT Mono”, Menlo, “Courier New”, monospace;
padding: 2px 4px;
font-size: 85%;
color: #d44950;
background-color: #f7f7f9;
border-radius: .2……继续阅读 »
2年前 (2022-06-20) 99浏览 0评论
0个赞
Bootstrap HTML编码规范
code {
font-family: “PT Mono”, Menlo, “Courier New”, monospace;
padding: 2px 4px;
font-size: 85%;
color: #d44950;
background-color: #f7f7f9;
border-radius: .……继续阅读 »
2年前 (2022-06-20) 462浏览 0评论
0个赞
JavaScript HTML DOM 集合(Collection)
本章节介绍 DOM 集合的使用。
HTMLCollection 对象
getElementsByTagName() 方法返回 HTMLCollection 对象。
HTMLCollection 对象类似包含 HTML 元素的一个数组。
以下代码获取文档所有的 <p> 元素：
实例
var x = document.getElemen……继续阅读 »
2年前 (2022-06-20) 355浏览 0评论
0个赞
JavaScript 事件
HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
HTML 事件
HTML 事件可以是浏览器行为，也可以是用户行为。
以下是 HTML 事件的实例：
HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击
通常，当事件发生时，你可以做些事情。
在事件触……继续阅读 »
2年前 (2022-06-20) 222浏览 0评论
0个赞
Bootstrap5 滚动监听(Scrollspy)
滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。
如何创建滚动监听
以下实例演示了如何创建滚动监听：
实例
<!– 可滚动区域 –>
<body data-bs-spy="scroll" data-bs-target=&……继续阅读 »
2年前 (2022-06-20) 253浏览 0评论
0个赞
Bootstrap 表单
在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。
表单布局
Bootstrap 提供了下列类型的表单布局：
垂直表单（默认）
内联表单
水平表单
垂直或基本表单
基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：
向父 <……继续阅读 »
2年前 (2022-06-20) 272浏览 0评论
0个赞
JavaScript Number 对象
JavaScript 只有一种数字类型。
可以使用也可以不使用小数点来书写数字。
JavaScript 数字
JavaScript 数字可以使用也可以不使用小数点来书写：
实例
var
pi=3.14; // 使用小数点
var
x=34; // 不使用小数点
极大或极小的数字可通过科学（指数）计数法来写：
实例
var y=123e5; // ……继续阅读 »
2年前 (2022-06-20) 121浏览 0评论
0个赞
Bootstrap5 文字排版
Bootstrap 5 默认设置
Bootstrap 5 默认的
font-size 为 16px,
line-height 为 1.5。
默认的 font-family 为 “Helvetica Neue”, Helvetica, Arial, sans-serif。
此外，所有的 <p> 元素
margin-top: 0 、 margin-b……继续阅读 »
2年前 (2022-06-20) 268浏览 0评论
0个赞
JavaScript while 循环
只要指定条件为 true，循环就可以一直执行代码块。
while 循环
while 循环会在指定条件为真时循环执行代码块。
语法
while (条件)
{ 需要执行的代码
}
实例
本例中的循环将继续运行，只要变量 i 小于 5：
实例
while (i<5)
{
x=x + "The number i……继续阅读 »
2年前 (2022-06-20) 218浏览 0评论
0个赞
Bootstrap4 列表组
大部分基础列表组都是无序的。
要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在
<li> 元素上添加 .list-group-item 类:
实例
<ul class="list-group">
<li class="list-group-item">First it……继续阅读 »
2年前 (2022-06-20) 223浏览 0评论
0个赞
Bootstrap4 分页
网页开发过程，如果碰到内容过多，一般都会做分页处理。
Bootstrap 4 可以很简单的实现分页效果。
要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。然后在 <li> 元素上添加 .page-item 类，<li> 元素的 <a> 标签上添加 .page-link 类:
实例
<ul class=&……继续阅读 »
2年前 (2022-06-19) 306浏览 0评论
0个赞
Bootstrap4 安装使用
我们可以通过以下两种方式来安装 Bootstrap4：
使用 Bootstrap 4 CDN。
从官网 getbootstrap.com 下载 Bootstrap 4。
Bootstrap 4 CDN
国内推荐使用 Staticfile CDN 上的库：
Bootstrap4 CDN
<!– 新 Bootstrap4 核心 CSS 文件 –……继续阅读 »
2年前 (2022-06-19) 335浏览 0评论
0个赞
CSS padding（填充）
CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。
padding（填充）
当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。
单独使用 padding 属性可以改变上下左右的填充。
可能的值
值
说明
length
定义一个固定的填充(像素, pt, em,等)
%
使用百分……继续阅读 »
2年前 (2022-06-19) 275浏览 0评论
0个赞
Bootstrap4 轮播
轮播是一个循环的幻灯片：
如何创建轮播
以下实例创建了一个简单的图片轮播效果 ：
实例
<div id="demo" class="carousel slide" data-ride="carousel">
<!– 指示符 –>
<ul class="car……继续阅读 »
2年前 (2022-06-19) 225浏览 0评论
0个赞
JavaScript HTML DOM
通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。
HTML DOM (文档对象模型)
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
HTML DOM 模型被构造为对象的树：
HTML DOM 树
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
……继续阅读 »
2年前 (2022-06-19) 209浏览 0评论
0个赞
javascript:void(0) 含义
我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？
javascript:void(0) 中最关键的是 void 关键字，
void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。
语法格式如下：
void func(……继续阅读 »
2年前 (2022-06-18) 123浏览 0评论
0个赞
JavaScript 验证 API
约束验证 DOM 方法
Property
Description
checkValidity()
如果 input 元素中的数据是合法的返回 true，否则返回 false。
setCustomValidity()
设置 input 元素的 validationMessage 属性，用于自定义错误提示信息的方法。
使用 setCustomValidity 设置了……继续阅读 »
2年前 (2022-06-18) 109浏览 0评论
0个赞
