CSS选择器
CSS选择器
CSS选择器的作用
选择器就是根据不同的需求把不同的标签选出来，这就是选择器的作用，简单来说，就是：选择标签用的。
1234h1 { color: red; font-size: 25px;}
以上 CSS 做了两件事：
找到所有的 h1 标签。（选对人）
设置这些标签的样式：颜色为红色、字体大小为 25 像素。（做对事）
选择器的分类
在 CSS 中，可以根据选择器的类型把选择器分为：基础选择器 和 复合选择器，复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。
基础选择器是由 单个 选择器组成的
基础选择器又包括：标签选择器、类选择器、id 选择器、通配符选择器
复合选择器可以更准确、更高效的选择目标元素（标签）
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的
常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等
标签选择器
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。
语法：
123456标签名 { 属性1: ...
CSS简介
CSS简介
什么是CSS
CSS 是 层叠样式表 的简称。
有时我们也会称之为 CSS样式表 或 级联样式表。
CSS 也是一种 标记语言。
CSS 主要用于设置 HTML 页面中的文本样式（字体、大小、颜色、对齐方式……）、图片样式（宽高、边框样式、边距……）以及版面的布局和外观显示样式。
CSS 让我们的网页更加丰富多彩，布局更加灵活自如，简单理解：CSS 可以美化 HTML，让 HTML 更漂亮，同时让页面布局更简单。
层叠样式表
网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式，而最终我们能看到只是网页的最上边一层
总之一句话，CSS用来设置网页中元素的样式
总结：
HTML 搭建结构，填入元素内容
CSS 美化 HTML，布局网页元素
CSS 最大价值：由 HTML 专注去做结构呈现，样式交给 CSS，即：结构 与 样式 分离
CSS语法规范
使用 HTML 时，需要遵从一定的规范，CSS 也是如此，要想熟练地使用 CSS 对网页进行修饰，首先需要了解 CSS 样式规则。
CSS 规则由两个主要的部分构成：选择器 以及 一条或多条声明。
选择器 ...
语义标签(下)
语义标签(下)
表格
表格的主要作用
表格主要用于显示、展示数据。因为它可以让数据显示得非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理（合理的使用表格也能够有效提高 SEO）。
注意： 表格不是用来布局页面的，而是用来展示数据的。表格常用于表单数据的 “布局”。
特别强调，表格是用于表单数据的 “布局”，而不是页面的布局！
表格的基本语法
1234567<table> <tr> <td>单元格</td> ... </tr> ...</table>
<table> </table> 是用于定义表格的标签
<tr> </tr> 用于定义表格中的行，必须嵌套在 <table> </table> 标签中
<td> </td> 用于定义表格中的单元格，必须嵌套在 <tr> </t ...
字符实体与语义标签(上)
字符实体
有些时候，在HTML中不能直接书写一些特殊符号，如：
多个连续的空格（在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格）
比如字母两侧的大于小于号（可能会被认为是标签并解析）
如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符）实体的语法：&实体的名字;，如：
实体名称
显示结果
描述
``
空格
>
>
大于号
<
<
小于号
&
&
与
©
©
版权
®
®
注册商标
™
™
商标
×
×
乘号
÷
÷
除号
¿
¿
倒问号
更多的字符实体，可参考：HTML 字符实体、HTML ISO-8859-1 参考手册
meta标签
个人理解name里面的值是指定的，然后content里的内容会在根据name中的值发挥不同的作用
以京东网站为例，右键单击，选择查看网页 ...
HTML简介
【HTML简介】
网页
什么是网页？
网站： 利用前端技术制作的网页集合。
网页： 构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。
什么是HTML?
超文本： 由图片、声音、动画、视频……构成且可以相互链接的文本。
HTML： 超文本标记语言（HTML 不是编程语言，而是由一套标记标签构成的标记语言）。
网页的形成
前端代码开发 ——> 浏览器解析、渲染代码 ——> 呈现 Web 页面。
Web标准的构成
主要包括三个方面： 结构、表现、行为。
结构html
结构是页面的整体结构，哪里是标题，哪里是段落，哪里是图片
结构使用HTML来编写
123456789<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> </head> <body> < ...
MybatisPlus
转载 飞书
大家在日常开发中应该能发现，单表的CRUD功能代码重复度很高，也没有什么难度。而这部分代码量往往比较大，开发起来比较费时。
因此，目前企业中都会使用一些组件来简化或省略单表的CRUD开发工作。目前在国内使用较多的一个组件就是MybatisPlus.
官方网站如下：
https://www.baomidou.com/
当然，MybatisPlus不仅仅可以简化单表操作，而且还对Mybatis的功能有很多的增强。可以让我们的开发更加的简单，高效。
通过今天的学习，我们要达成下面的目标：
能利用MybatisPlus实现基本的CRUD
会使用条件构建造器构建查询和更新语句
会使用MybatisPlus中的常用注解
会使用MybatisPlus处理枚举、JSON类型字段
会使用MybatisPlus实现分页
快速入门
为了方便测试，我们先创建一个新的项目，并准备一些基础数据。
环境准备
复制课前资料提供好的一个项目到你的工作空间（不要包含空格和特殊字符）：
然后用你的IDEA工具打开，项目结构如下：
注意配置一下项目的JDK版本为JDK11。首先点击项目结构设置：
在弹 ...
函数编程-速查表
Java Stream API Cheat Sheet
body {
font-family: 'consolas','思源宋体 CN';
margin: 0;
padding: 0;
background-color: #f7f7f7;
color: #333;
}
.container {
max-width: 1200px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.card-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
/ ...
函数编程-实现原理
实现原理
lambda 原理
以下面代码为例
123456789public class TestLambda { public static void main(String[] args) { test((a, b) -> a + b); } static void test(BinaryOperator<Integer> lambda) { System.out.println(lambda.apply(1, 2)); }}
执行结果
13
第一步，生成静态方法
如何证明？用反射
123for (Method method : TestLambda.class.getDeclaredMethods()) { System.out.println(method);}
输出为（去掉了包名，容易阅读）
123public static void TestLambda.main(java.lang.String[])static vo ...
函数编程-实际应用
四. 实际应用
数据统计分析
1）每月的销售量
结果应为
1234567891011121970-01 订单数13072020-01 订单数142702020-02 订单数179952020-03 订单数186882020-04 订单数118682020-05 订单数403342020-06 订单数413642020-07 订单数764182020-08 订单数1000072020-09 订单数704842020-10 订单数1040632020-11 订单数66060
其中 1970-01 应该是数据的问题
1234567lines.skip(1) .map(l -> l.split(",")) .collect(groupingBy(a -> YearMonth.from(formatter.parse(a[TIME])), TreeMap::new, counting())) .forEach((k, v) -> { System.out.print ...
函数编程-Stream API
三. Stream API
过滤
12345678910record Fruit(String cname, String name, String category, String color) { }Stream.of( new Fruit("草莓", "Strawberry", "浆果", "红色"), new Fruit("桑葚", "Mulberry", "浆果", "紫色"), new Fruit("杨梅", "Waxberry", "浆果", "红色"), new Fruit("核桃", "Walnut", "坚果", "棕色"), new Fruit("草莓", "Peanut ...