点击首行缩进是加在了外层的p
标签上,而所有的字号大小都是加在了span
标签上,p
标签为默认字体大小,首行缩进两字符之后并不会对其
直接将首行缩进设置为固定字体高度
indent2em_val: "32px", // 首行缩进32px
重写段落功能
formats: {
p: { block: "p", styles: { "font-size": "16px" } },
}, // 格式化段落
以上第一种方式是将首行缩进设置为固定宽度,如果和字体宽度对不上,也会出现错位的情况。第二种方式是改变最外层p
标签字体大小,同样具有局限性,失去了原有自动缩进两字符的效果
七种原始数据类型(值类型/基本类型):
number
:用于任何类型的数字:整数或浮点数,在 ±(253-1)
范围内的整数。bigint
:用于任意长度的整数。string
:用于字符串:一个字符串可以包含 0 个或多个字符,所以没有单独的单字符类型。boolean
:用于 true
和 false
。null
:用于未知的值 —— 只有一个 null
值的独立类型。undefined
:用于未定义的值 —— 只有一个 undefined
值的独立类型。symbol
:用于唯一的标识符。非原始数据类型(引用数据类型/对象类型):
object
:用于更复杂的数据结构。
typeof:string
、number
、boolean
、null
、undefined
、symbol
、object
、function
null
会被检测为object
function
外,均为object
instanceof:检测构造函数的 prototype
属性是否出现在某个实例对象的原型链上
console.log([] instanceof Array) // true
toString:
toString()
是 Object
的原型方法,调用该方法,默认返回当前对象的 [[Class]]
。这是一个内部属性,其格式为 [object Xxx]
,其中 Xxx 就是对象的类型。Object
对象,直接调用 toString()
就能返回 [object Object]
。而对于其他对象,则需要通过 call / apply
来调用才能返回正确的类型信息。Object.prototype.toString.call('') ; // [object String]
Object.prototype.toString.call(1) ; // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(Symbol()); // [object Symbol]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; // [object global] window 是全局对象 global 的引用
constructor:
const arr = []
console.log(arr.constructor === Array)
只能检测由字面量创建出来的数据类型
isArray:
console.log(Array.isArray([]));
isObject
在 Vue 中引入 layui 并使用的方法
在 GitHub
下载或者使用 npm
包管理工具进行安装
作者原话:
layui 原官网已于2021年10月13日下线。
鉴于 Layui 相对庞大的受众群体,从此 Github 和 Gitee 平台将支撑起 Layui 的后续。
Layui GitHub地址
npm命令:npm install layui
注意:一定要将]]>layui
文件夹放到公共目录,不然会报错
引入两个关键文件即可
至此layui
的全部功能即可在vue
中使用
虽然但是,不推荐这么干!!!
控制子标签(.div1:hover和.div2之间使用空格)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.div1,.div2 {
width: 200px;
height: 100px;
background-color: pink;
}
.div2 {
background-color: aqua;
display: none;
}
.div1:hover .div2 {
display: block;
}
</style>
</head>
<body>
<div class="div1">div1
<div class="div3">div3</div>
<div class="div2">div2</div>
</div>
</body>
</html>
被控制标签只要是控制标签的子标签就可以,里有其他标签(如.div3)不会影响效果!
控制兄弟标签(.div1:hover和.div2之间使用+)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.div1,.div2 {
width: 200px;
height: 100px;
background-color: pink;
}
.div2 {
background-color: aqua;
display: none;
}
.div1:hover+.div2 {
display: block;
}
</style>
</head>
<body>
<div class="div1">div1</div>
<!-- <div class="div3">div3</div> -->
<div class="div2">div2</div>
</body>
</html>
使用“+”时,.div2必须紧贴在.div屁股后面才会有效果,否则无效!!!例如:将.div3取消注释后,.div1将无法控制.div2的样式!!!如果控制标签和被控制标签中间有内容,需要按照第三种方式写!
控制兄弟标签(中间有内容)(.div1:hover和.div2之间使用~)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.div1,.div2 {
width: 200px;
height: 100px;
background-color: pink;
}
.div2 {
background-color: aqua;
display: none;
}
.div1:hover~.div2 {
display: block;
}
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div3">div3</div>
<div class="div2">div2</div>
</body>
</html>
这种方法的使用要求是被控制标签必须在控制标签的下面,中间可以有任意内容。
docker ps -a
docker rmi 镜像ID
docker stop $(docker ps -a)
docker rm $(docker ps -a)
docker rmi $(docker images -q)
docker image prune --force --all
或
docker image prune -f -a
docker container prune -f
]]>理论上任何一款文本编辑器都能用于编辑 Markdown 文档,它们分别提供了不同程度的语法高亮、预览等功能,以下只是列举其中一部分,选择自己称手的即可。
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
中间没有空行的连续不断的几行文字被称为段落
斜体
*斜体*
加粗
**加粗**
加粗倾斜
***加粗倾斜***
删除线
~~删除线~~
> 引用块段落一。
>
> 引用块段落二。
>> 内嵌引用块段落一。
>
> ### 引用块内的标题
<blockquote>
多行引用
多行引用
</blockquote>
行内式 [百度](https://www.baidu.com "点击转到百度") 链接,带 title。
行内式 [百度](https://www.baidu.com) 链接。
引用式 [百度][1] 链接。
引用式 [百度][2] 链接,带 title。
[1]: https://www.baidu.com
[2]: https://www.baidu.com "点击转到百度"
在超链接的写法前加一个 !,就是引用图片的方法。
![Alt text](https://mazhuang.org/favicon.ico "favicon")
有序列表
1. 2. 3.
无序列表
* 或 + 或 -
`单行代码`
/```
多行代码
/```
使用一个单独行里的三个或以上 *、- 来生产一条水平分割线,它们之间可以有空格。
***
---
===
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
语法格式如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
对齐方式
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
]]>