一、结构性伪类选择器

1、类选择器
在css中可以使用类选择器把相同的元素定义成不同的样式。比如：
p.left{text-align: left}
p.rigth{text-align: right}

2、伪类选择器
类选择器和伪类选择器的区别在于，类选择器我们可以随意起名，而伪类选择器是CSS中已经定义好的选择器，不可以随意起名。
最常见的伪类选择器
a:link{ color: #ff6600 } 未被访问的链接
a:visited{ color: #87b291 } 已被访问的链接
a:hover{ color: #6535b2 } 鼠标指针移动到链接上
a:active{ color: #55b28e } 正在被点击的链接

3、伪元素选择器
伪元素选择器，针对于CSS中已经定义好的伪元素使用的选择器。
使用方法：
选择器：伪元素{属性：值}
与类配合使用
选择器.类名：伪元素{属性：值}

4、在CSS中，主要有四个伪元素选择器。

1）、first-line伪元素选择器
first-line伪元素选择器用于向某个元素中的第一行文字使用样式。

2）、first-letter伪元素选择器
first-letter伪元素选择器用于向某个元素中的文字的首字母（欧美文字）或第一个字（中文或者是日文等汉字）使用样式。

3）、before伪元素选择器
before伪元素选择器用于在某个元素之前插入一些内容。

4）、after伪元素选择器
after伪元素选择器用于在某个元素之后插入内容。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>伪类选择器以及伪元素</title><style>:root{background: #126fb0;}body{background: #ffffff;}p.aaas{text-align: left;color: red;}p.right{text-align: right;color: green;}a:link{color: #000;}a:visited{color: fuchsia;}a:hover{color :green;}a:active{color: #ff6600;}p:first-line{color: #f60;}p:first-letter{color: green;font-size: 24px;}li{list-style: none;}li:before{content:"...";color: red;}li:after{content: "__after追加";color: #ff6600;}</style>
</head>
<body>
<h1>类选择器</h1>
<p class="aaas">伪类选择器以及伪元素</p>
<p class="right">伪类选择器以及伪元素</p><br/>
<a href="index1.html">伪类选择器</a>
<br/>
<p>在CSS中，主要有四个伪元素选择器<br/>first-line伪元素选择器用于向某个元素中的第一行文字使用样式。
</p>
<ul><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li><li><a href="index1.html">伪类选择器</a></li>
</ul>
</body>
</html>

5、结构性伪类选择器root、not、empty和target
1）、root选择器
root选择器将样式绑定到页面的根元素中。
2）、not选择器
想对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素，让它不使用这个样式时，我们就可以使用not选择器。
3）、empty选择器
empty选择器指定当元素中内容为空白时使用的样式。
4）、target选择器
target选择器对页面中某个target元素指定样式，该样式只在用户点击了页面中的超链接，并且跳转到target元素后起作用。

root、not、empty的代码总和：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>TARGET</title><style>:target{background: #000;color: #fff;}</style>
</head>
<body>
<a href="#A">A</a>
<a href="#B">B</a>
<a href="#C">C</a>
<a href="#D">D</a>
<div id="A"><h2>标题</h2><p>内容.........</p>
</div>
<div id="B"><h2>标题</h2><p>内容.........</p>
</div>
<div id="C"><h2>标题</h2><p>内容.........</p>
</div>
<div id="D"><h2>标题</h2><p>内容.........</p>
</div>
</body>
</html>

target的代码：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>TARGET</title><style>:target{background: #000;color: #fff;}</style>
</head>
<body>
<a href="#A">A</a>
<a href="#B">B</a>
<a href="#C">C</a>
<a href="#D">D</a>
<div id="A"><h2>标题</h2><p>内容.........</p>
</div>
<div id="B"><h2>标题</h2><p>内容.........</p>
</div>
<div id="C"><h2>标题</h2><p>内容.........</p>
</div>
<div id="D"><h2>标题</h2><p>内容.........</p>
</div>
</body>
</html>

6、选择器first-child、last-child、nth-child和nth-last-child
1）、first-child选择器
first-child单独指定第一个子元素的的样式。
li:first-child{
background: #ff6600;
}

2）、last-child选择器
last-child单独指定最后一个子元素的的样式。

  li:last-child{background: green;}

3）、nth-child选择器
nth-child(n) 选择器匹配正数下来第 N 个子元素
nth-child(odd)选择器匹配正数下来第奇数个子元素
nth-child(even)选择器匹配正数下来第偶数个子元素

li:nth-child(odd){background: red;}

4）、nht-last-child选择器
nth-last-child(n) 选择器匹配倒数数下来第 N 个子元素
nth-last-child(odd)选择器匹配倒数数下来第奇数个子元素
nth-last-child(even)选择器匹配倒数下来第偶数个子元素

li:nth-last-child(odd){background: green;}

li:nth-last-child(even){background:gray;}

7、选择器nth-of-type和nth-last-of-type

1）、在使用nth-child和nth-last-child时产生的问题
在案例中指定奇数文章的标题背景为黄色，偶数文章的标题为绿色。

h2:nth-child(even){background: #693ada;}

h2:nth-of-type(odd){background: #126fb0;}

2）、使用nth-of-type和nth-last-of-type
nth-of-type和nth-last-of-type在css3中就是用来避免上面这类问题的发生，在统计的时候就只针对同类型的子元素进行计算。
nth-of-type正数
nth-last-of-type倒数

h2:nth-last-of-type(even){background: #f60;}

兼容性：
nth-of-type和nth-last-of-type都是CSS3开始提供需要在IE8以上的浏览器才会被支持，Chrome浏览器、Firefox浏览器、Opera浏览器、Safari浏览器都支持！

8、循环使用样式
nth-child(An+B)A表示每次循环中共包括几种样式，B表示指定的样式在循环中所处的位置。

li:nth-child(3n+1){background: #126fb0;}li:nth-child(3n+2){background: #ff6600;}li:nth-child(3n+3){background: #ff1b00;}li:nth-child(4n+3){background: #000000;}li:nth-child(4n+4){background: green;}

9、only-child选择器
only-child选择器，只对唯一的子元素起作用。

li:only-child{background: #ff1b00;}

二、UI元素状态伪类选择器

1、选择器E:hover、E:active和E:focus

1)、E:hover选择器被用来指定当鼠标指针移动到元素上时元素所使用的样式
使用方法：
<元素>:hover{
CSS样式
}
我们可以在“<元素>”中添加元素的type属性。
例：
input[type=“text”]:hover{
CSS样式
}

2)、E:active选择器被用来指定元素被激活时使用的样式
3)、E:focus选择器被用来指定元素获得光标聚焦点使用的样式，主要是在文本框控件获得聚焦点并进行文字输入时使用。
4)、小案例：
结合上诉实现以下效果，当鼠标移动上去是文本框变成绿色，当鼠标点击时（点击并未谈起）文本框处于蓝色，当处于可输入状态时文本框变成橙色。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>选择器E:hover、E:active和E:focus</title><style>input[type="text"]:hover{background: green;}input[type="text"]:focus{background: #ff6600;color: #fff;}input[type="text"]:active{background: blue;}input[type="password"]:hover{background: red;}</style>
</head>
<body>
<h1>选择器E:hover、E:active和E:focus</h1>
<form>姓名：<input type="text" placeholder="请输入姓名"><br/><br/>密码：<input type="password" placeholder="请输入密码">
</form>
</body>
</html>

2、E:enabled伪类选择器

1)、E:enabled选择器被用来指定当元素处于可用状态时的样式。
2)、E:disabled选择器被用来指定当元素处于不可用状态时的样式。
3)、小案例：
结合上诉实现以下效果，文本框可用时背景颜色绿色，不可用时背景变成浅灰色。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>E:enabled伪类选择器与E:disabled伪类选择器</title><style>input[type="text"]:enabled{background: green;color: #ffffff;}input[type="text"]:disabled{background: #727272;}</style>
</head>
<body>
<h1>E:enabled伪类选择器与E:disabled伪类选择器</h1>
<form>姓名：<input type="text" placeholder="请输入姓名" disabled><br/><br/>学校：<input type="text" placeholder="请输入学校">
</form>
</body>
</html>

3、E:read-only伪类选择器

1)、E:read-only选择器被用来指定当元素处于只读状态时的样式。
2)、E:read-write选择器被用来指定当元素处于非只读状态时的样式。
3)、小案例：
结合上诉实现以下效果，文本框可用时输入文字变成红色，不可用时，设置里面的背景为黑色，文字为绿色。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>read-only伪类选择器与E:read-write伪类选择器</title><style>input[type="text"]:read-only{background: #000;color: green;}input[type="text"]:read-write{color: #ff6600;}</style>
</head>
<body>
<h1>read-only伪类选择器与E:read-write伪类选择器</h1>
<form>姓名：<input type="text" placeholder="请输入姓名" value="朱朝兵" readonly><br/><br/>学校：<input type="text" placeholder="请输入学校">
</form>
</body>
</html>

4、伪类选择E:checked、E:default和indeterminate

1)、E:cehcked伪类选择器用来指定当表单中的radio单选框或者是checkbox复选框处于选取状态时的样式。
2)、E:default选择器用来指定当页面打开时默认处于选取状态的单选框或复选框的控件的样式。
3)、E:indeterminate选择器用来指定当页面打开时，一组单选框中没有任何一个单选框被设定为选中状态时，整组单选框的样式。
4)、小案例：
A、模拟一个发布房产信息的选框控件，当选择以后，会给他一个2px 实线绿色的边框！

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>checked伪类选择器</title><style>input[type="checkbox"]:checked{outline: 2px solid green;}</style>
</head>
<body>
<h1>checked伪类选择器</h1>
<form>房屋状态：<input type="checkbox">水<input type="checkbox">电<input type="checkbox">气<input type="checkbox">光纤
</form>
</body>
</html>

B、实现一个默认选择中的控件，默认给他一个2px 实线绿色的边框！
效果：
当他去掉勾以后还会有样式

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>default伪类选择器</title><style>input[type="checkbox"]:default{outline: 2px solid green;}</style>
</head>
<body>
<h1>default伪类选择器</h1>
<form>房屋状态：<input type="checkbox" checked>水<input type="checkbox">电<input type="checkbox">气<input type="checkbox">光纤
</form>
</body>
</html>

C、实现一个在默认打开都没有选中时，给他们一个2px 实线绿色的边框！

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>indeterminate伪类选择器</title><style>input[type="radio"]:indeterminate{outline: 2px solid green;}</style>
</head>
<body>
<h1>indeterminate伪类选择器</h1>
<form>性别：<input type="radio">男<input type="radio">女
</form>
</body>
</html>

5、伪类选择器E::selection

1)、E:selection伪类选择器用来指定当元素处于选中状态时的样式。
2)、小案例：
选择网页中p段落中的文字和文本框中的文字，改变他的背景颜色为绿色！

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>伪类选择器E::selection</title><style>::selection{background: green;color: #ffffff;}input[type="text"]::selection{background: #ff6600;color: #ffffff;}</style>
</head>
<body>
<h1>伪类选择器E::selection</h1>
<p>今天，我们在这里隆重举行南京大屠杀死难者国家公祭仪式，缅怀南京大屠杀的无辜死难者，缅怀所有惨遭日本侵略者杀戮的死难同胞，缅怀为中国人民抗日战争胜利献出生命的革命先烈和民族英雄，表达中国人民坚定不移走和平发展道路的崇高愿望，宣示中国人民牢记历史、不忘过去，珍爱和平、开创未来的坚定立场。</p>
<input type="text" placeholder="文本">
</body>
</html>

6、E:invalid伪类选择器与E:valid伪类选择器

1)、E:invalid伪类选择器用来指定，当元素内容不能通过HTML5通过使用的元素的诸如requirde等属性所指定的检查或元素内容不符合元素规定的格式时的样式。
2)、E:valid伪类选择器用来指定，当元素内容能通过HTML5通过使用的元素的诸如requirde等属性所指定的检查或元素内容符合元素规定的格式时的样式。
3)、小案例：
通过Email属性的表单判断输入是否正确，正确输入的内容为绿色，输入错误就是红色！

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>E:invalid伪类选择器与E:valid伪类选择器</title><style>input[type="email"]:invalid{color: red;}input[type="email"]:valid{color: green;}</style>
</head>
<body>
<h1>E:invalid伪类选择器与E:valid伪类选择器</h1>
<form><input type="email" placeholder="请输入邮箱">
</form>
</body>
</html>

7、E:required伪类选择器与E:optional伪类选择器

1)、E:required伪类选择器用来指定允许使用required属性，而且已经指定了required属性的input元素、select元素以及textarea元素的样式。
2)、E:optional伪类选择器用来指定允许使用required属性，而且未指定了required属性的input元素、select元素以及textarea元素的样式。
3)、小案例：
姓名必填表单背景红色，年龄可选填表单背景绿色

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>E:required伪类选择器与E:optional伪类选择器</title><style>input[type="text"]:required{background: red;color: #ffffff;}input[type="text"]:optional{background: green;color: #ffffff;}</style>
</head>
<body>
<h1>E:required伪类选择器与E:optional伪类选择器</h1>
<form>姓名：<input type="text" placeholder="请输入姓名" required><br/><br/>学校：<input type="text" placeholder="请输入学校">
</form>
</body>
</html>

8、E:in-range伪类选择器与E:out-of-range伪类选择器

1)、E:in-range伪类选择器用来指定当元素的有效值被限定在一段范围之内，且实际的输入值在该范围之内时的样式。
2)、E:out-of-range伪类选择器用来指定当元素的有效值被限定在一段范围之内，但实际输入值在超过时使用的样式。
3)、小案例：
0-100以内的数字，小于0或超过100字体变成红色，否则绿色。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>E:in-range伪类选择器与E:out-of-range伪类选择器</title><style>input[type="number"]:in-range{color: #ffffff;background: green;}input[type="number"]:out-of-range{background: red;color: #ffffff;}</style>
</head>
<body>
<h1>E:in-range伪类选择器与E:out-of-range伪类选择器</h1>
<input type="number" min="0" max="100" value="0">
</body>
</html>

三、通用兄弟元素选择器

通用兄弟元素选择器
他用来指定位于同一个父元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用的样式。

使用方法：
<子元素>~<之元素之后的同级兄弟元素>{
CSS样式
}

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><style>span~p{background: green;}</style>
</head>
<body>
<div><span>123465164</span><span>123465164</span><p>今天太阳可真大啊</p><p>今天太阳可真大啊</p><p>今天太阳可真大啊</p></div>
<span>123465164</span>
<p>今天太阳可真大啊</p>
<p>今天太阳可真大啊</p>
<p>今天太阳可真大啊</p>
<p>今天太阳可真大啊</p>
<div><p>今天太阳可真大啊</p><p>今天太阳可真大啊</p><p>今天太阳可真大啊</p>
</div>
<p>今天太阳可真大啊</p>
<p>今天太阳可真大啊</p>
</body>
</html>

四、使用选择器在页面中插入内容

1、插入文字

1）使用选择器插入内容
在CSS2中，使用before选择器在元素前面插入内容，使用after在元素后面插入内容，在选择器content属性中定义要插入的内容。

例如对H2使用before选择器在H2的前面插入文字“Title”。

 <style type="text/css"> h2:before{content:"Title";}</style>

并且我们还可以给他定义样式，进行美化操作。
比如我们给“Title”的文字设置为白色，加上绿色的背景，内边距上下1像素左右5像素，外边距右边5像素，当然还可以设置他的字体等等。

2）排除一些不需要插入内容的元素
使用content属性的追加一个none属性值。
比如：

2、插入图片

1）插入图片文件
使用before或者after除了可以在元素前后插入文字之外还可以插入图片。
在插入图片是需要使用URL指定图片的路径，比如在标题前插入一张图片！

比如：

<style type="text/css"> h2:before{content:url(1.gif);}</style>

2）插入图片文件的好处
节省开发人员的工作量，比如可以通过类的方式来进行不同标题图片的追加！
比如我们给标题定义一个“hot”“digest”分别来调用一张站的图标个顶的小图标！

<style type="text/css"> h2.hot:before{ content:url(hot.gif); }h2.digest:before{ content:url(digest.gif); }</style>
<h2 class="hot">这是标题测试</h2>
<h2 class="digest">这是标题测试</h2>
<h2 class="hot">这是标题测试</h2>
<h2>这是标题测试</h2>
<h2>这是标题测试</h2>

3、插入项目编号

1）在多个标题前加上连续编号
在content属性中使用counter属性来正对对个项目追加连续的编号。
使用方法：

元素:before{content:counter(计数器);}

使用计数器来计算编号，计数器可以任意命名。
除了使用计数器，还需要在元素的样式中追加对元素的（counter-increment）属性的指定为content属性值中所指定的计数器名称。

元素{counter-increment:content属性值中所指定的计数器名称}

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

Web of science以及中国知网学术论文爬取教程（附代码）
我是目录Web of Science中国知网最近又做了爬取知网以及web of science的工作，因此记录在这里。（话说这几天简直是要类吐血，之前看的论文累得全忘光光了，还得捡一下) 本期教程以关键词摘要的爬取为例。 Web of Science 首先爬这个你得需要有WOS的账号，不然就可以放弃了，…...
2024/5/2 0:06:18
# JavaScript笔记
JavaScript笔记任意数据类型 + string都会转化为string类型 NaN为数字类型表示非数除+外，所有运算符两端含NaN结果都为NaN 任意非0数除以0为正负infinity 取余符：% 用前面的数除以后面的数取余数比较运算符：number-number 直接比较大小 number-string string转换为number再…...
2024/5/2 18:51:44
游戏策划学习：未知性与好奇心
游戏策划学习：未知性与好奇心 6/6 看gameres 游戏设计的策略能自行规划战略的玩家极少，所以一个好的游戏战略必须是由设计者设计出来，清晰的传达给玩家，让玩家选择性的照做。设计游戏本身就是一个战略过程，每个游戏都由数个不同的系统组成，每个系统达成不同的战略目的，…...
2024/4/15 5:09:10
什么是防火墙？防火墙的作用？
1、什么是防火墙？我们知道，原是指古代人们房屋之间修建的那道墙，这道墙可以防止火灾发生的时候蔓延到别的房屋。而这里所说的防火墙当然不是指物理上的防火墙，而是指隔离在本地网络与外界网络之间的一道防御系统，其实原理是一样的，也就是防止灾难扩散。应该说，在互…...
2024/5/3 19:59:13
VUE 遇到 "Cannot read property ´__ob__´ of undefined" 的解决办法！
因为不注意，才出现此错误，也是很无语～问题描述：页面出初始化进来是可以进行相互跳转，但是只要此页面被跳转过，就无法再次执行跳转，以为是一时的网络或者浏览器问题，亦可能是我人的问题……解决：其实这是个相当简单的问题，就是在你的脚手架中，数据部分要这样去定义…...
2024/5/3 17:45:15
前端面试之父子div居中
HTML中布局： <body><div class="father"><div class="son"></div></div> </body>方法一：使用弹性布局：/* 方法一弹性布局*/ .father {display: flex;width: 200px;height: 200px;background-color: pink;/*垂直…...
2024/4/19 22:20:57
学会主动吃学习的苦
为什么要主动吃学习的苦学习的苦是主动的，但是需要你自觉；生活的苦是被动的，你躺着不动他就来了。有人说：生活的苦难可以被疲劳麻痹，被娱乐转移，无论如何只要还生存着，行尸走肉也可以得过且过，最终习以为常，可以称之为钝化。学习的痛苦在于，你始终要保持敏锐的触感…...
2024/5/3 19:04:20
动态规划之四键键盘 labuladong
先看题目如何在 N 次敲击按钮后得到最多的 A？我们穷举呗，每次有对于每次按键，我们可以穷举四种可能，很明显就是⼀个动态规划问题。思路一这种思路会很容易理解，但是效率并不⾼，我们直接⾛流程：对于动态规划问题，⾸先要明⽩有哪些「状态」，有哪些「选择」。具体到…...
2024/5/3 16:11:05
前端学习，打好基础才能让你走的更远！
莫道君行早，更有早行人。如果你已经学完了但是还没找到工作，那么就应该反省一下自己，到底哪些方面于欠缺，亡羊补牢，为时不晚，现在行动起来，你就还有机会！前端市场永远不会饱和！技术行业永远缺人，只是不缺混子！前端新鲜血液越来越多，代表着你自身的竞争力越来越小…...
2024/4/20 15:11:03
2020.5.18
如何输入double类型数据？ double和float在内存分配上存在差异，所以用scanf函数进行输入的时候要加以区别 float a; double b; scanf("%f",&a); scanf("%lf",&b); 强调文本 C语言中，全局变量和局部静态变量是存储在静态存储区的，他们在分配的…...
2024/4/15 5:09:02
《剑指offer》面试题42. 连续子数组的最大和
题目描述输入一个整型数组，数组里有正数也有负数。数组中的一个或连续多个整数组成一个子数组。求所有子数组的和的最大值。要求时间复杂度为O(n)。示例1: 输入: nums = [-2,1,-3,4,-1,2,1,-5,4] 输出: 6 解释: 连续子数组 [4,-1,2,1] 的和最大，为 6。提示： 1 <= arr.…...
2024/5/1 21:25:55
C++中的vector
vector是顺序容器，元素的值与元素的位置无关它可以容纳很多类型的数据，可以看作是动态数组初始化 vector<int> v1(10); //声明一个初始大小为10的vector，初值不确定 vector<int> v2(10,1); //声明一个初始大小为10的vector，初值为1 vector<int> v3(v…...
2024/4/28 20:54:24
Spring学习笔记——第三天
Spring学习打卡Spring学习笔记---第三天Spring笔记第三天Spring动态代理原理1.JDK实现动态代理（基于接口）2.CGLIB实现动态代理（基于父子类继承关系）SM整合（Spring+Mybatis）Spring声明式事务Spring事务开发步骤Spring事务属性 Spring学习笔记—第三天 Spring笔记第三…...
2024/4/28 3:56:24
《前端技术架构与工程》初次笔记——wsdchong
《前端技术架构与工程》初次笔记前几天买的书昨天到了，今天闲来看看。发现内容很对我口味。文章目录《前端技术架构与工程》初次笔记购书原因购书过程阅读体验阅读笔记第一章绪论前端发展史软件工程软件架构开发Dev与运维Ops前端架构师的职责初次阅读的总结购书原因它山之…...
2024/4/28 3:47:35
力扣面试题29. 顺时针打印矩阵(简单难度)
力扣面试题29. 顺时针打印矩阵(简单难度) 题目：输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。示例 1：输入：matrix = [[1,2,3],[4,5,6],[7,8,9]] 输出：[1,2,3,6,9,8,7,4,5] 示例 2：输入：matrix = [[1,2,3,4],[5,6,7,8],[9,10,11,12]] 输出：[1,2,…...
2024/4/28 9:24:02
Mybatis参数（Parameters）传递
1.单个普通类型（基本类型、包装类型、String）的参数封装规则：Mybatis不会做特殊的处理取值 #{随便写，建议与实际的参数名保持一致}例如：操作：public Employee getEmployeeById(Integer id );取值：#{id} <!-- 关于select 的查询语句 resulType:查询结果对应的类型 …...
2024/4/27 10:01:37
Minimal Square CodeForces - 1360A（简单思维和图形判断）
题意：给你两个大小一样的，边长为a，b的矩形将其放入一个正方形里，问怎样放可以使正方形面积最小（要求正方形边和矩形边平行）题目： Find the minimum area of a square land on which you can place two identical rectangular ab houses. The sides of the houses shou…...
2024/4/27 22:22:19
锁
乐观锁认为数据在一般情况下不会造成冲突，所以在访问记录前不会加排它锁；在进行数据提交更新时，才会正式对数据冲突与否进行检测；乐观锁并不会使用数据库提供的锁机制，一般在表中添加version字段或者使用业务状态来实现；乐观锁直到提交时才锁定，所以不会产生任何死锁。悲…...
2024/5/3 8:47:10
Git和SVN的区别
Git和SVN的区别？a、存储方式不一样Git按照元数据的方式将文件的一个版本存入了一个类似与K/V数据库，而SVN是按照文件的方式进行一个存储。Git的内部有一个类似于K/V的数据库，我把他理解为是一个Map<K,V>，我们将内容存储到Git的数据库内后，Git会返回一个Key给我们，这…...
2024/4/28 23:51:45
lyce呵呵哒
我的原文地址：https://mp.weixin.qq.com/s/DG_xsXqo2YW2AEGFwHJ8fw...
2024/4/28 4:01:00

html5选择器基本操作