03 2021 档案
摘要：什么是赋值运算符 赋值运算符就是将等号右边的值存储到等号左边的变量中 简单类型的赋值运算符 = 复杂类型的赋值运算符 += -= *= /= %= 赋值运算符的优先级和结合性 赋值运算符的优先级低于算数运算符 赋值运算符的结合性是右结合性(从右至左的计算) 赋值运算符的左边只能放变量, 不能放常量
阅读全文
摘要：加法运算的注意点 任何非数值类型的数据在参与加法运算之前, 都会被自动的转换成数值类型之后, 再参与运算 任何数据和 NaN 进行运算, 结果都是 NaN 任何数据和字符串相加, 都会被先转换成字符串之后再运算 <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
摘要：下载分页插件 官方地址：https://github.com/pagehelper/Mybatis-PageHelper/blob/master/README_zh.md 如果项目使用了 maven 直接引入对应的依赖坐标地址即可 配置分页插件 <plugins> <plugin intercept
阅读全文
该文被密码保护。
摘要：目录 01-项目搭建与创作者接口-数据库创建 02-项目搭建与创作者接口-父工程搭建 03-项目搭建与创作者接口-创建 service 模块以及 service_video 子模块 04-项目搭建与创作者接口-service-video工程 05-项目搭建与创作者接口-集成SWagger2 06-项
阅读全文
摘要：gt、ge、lt、le、isNull、isNotNull 大于 > 例: gt("age", 18) → age > 18 ge 大于等于 >= 例: ge("age", 18) → age >= 18 lt 小于 < 例: lt("age", 18) → age < 18 le 小于等于 ⇐ 例:
阅读全文
摘要：ManyToOne 表之间的关系如下图 接下来就来开始演示一下多表之间的查询步骤，首先来看一个分步查询，步骤如下 分步查询 第一步：先查出所有的订单 第二步：根据 id 查出对应 id 订单的客户 新建一个订单表简易版 SQL 如下 CREATE TABLE `t_order` ( `order_i
阅读全文
摘要：输出简单类型 Map One key：是列名 value：是列名对应的值 mapper 接口代码如下 /** * @author BNTang */ public interface CustomerMappter { Map<String, Object> getCustomerWithID(In
阅读全文
摘要：properties 用来定义属性及读取属性文件。 settings 这是 MyBatis 中极为重要的调整设置，它们会改变 MyBatis 的运行时行为。 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC
阅读全文
摘要：在 JavaScript 中的算术运算符如下 + - * / % 算术运算符的优先级和结合性 * / % 的优先级要高于 + -，无论是 + - * / %都是左结合性(从左至右计算) 加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="
阅读全文
摘要：将 String 类型转换为布尔类型 只要字符串中有内容都会转换为 true, 只有字符串中没有内容才会转换为 false <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <scri
阅读全文
摘要：概述 性能分析拦截器，用于输出每条 SQL 语句及其执行时间，SQL 性能执行分析, 开发环境使用，超过指定时间，停止运行。有助于发现问题 配置 SQL 性能分析插件 修改 Config.java 添加如下内容 /** * SQL执行性能分析插件 */ @Bean @Profile({"dev",
阅读全文
摘要：双飞翼布局的实现步骤 搞一个容器, 里面放三个盒子 设置两侧盒子的宽度(固定) 设置中间盒子的宽度等于容器的宽度(100%) 让三个盒子都在同一个方向上浮动 给中间的盒子添加一个子盒子 给子盒子设置 margin 0 两侧盒子的宽度由于是给子盒子设置 margin, 所以不会对父盒子排版产生任何影响
阅读全文
摘要：圣杯布局和双飞翼布局, 两者实现的功能都一样, 都是用于实现两侧的宽度不变, 中间的宽度自适应的三栏布局的 圣杯布局的实现步骤 搞一个容器, 里面放三个盒子 设置两侧盒子的宽度(固定) 设置中间盒子的宽度等于容器的宽度(100%) 设置容器的 padding 等于两侧盒子的宽度 让三个盒子都在同一个
阅读全文
摘要：设置元素的垂直方向对齐方式 vertical-align 相关注意点 text-align 是设置给需要对齐元素的父元素 vertical-align 是设置给需要对齐的那个元素本身 vertical-align 只对行内元素有效 默认情况下图片和一行文字的基线对齐，基线就是一行文字中最短那个文字的
阅读全文
摘要：媒体查询就是获取到当前浏览器的宽度之后, 根据不同的宽度设置元素不同的样式 媒体查询的注意点 由于媒体查询需要根据不同的浏览器宽度调整元素的样式, 所以不适合用于比较复杂的网页 媒体查询的使用格式 在这里的 media 可以理解为英文的 if(如果) @media 条件 含义: 如果条件满足, 那么
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伸缩布局</title> <style> * { margin: 0; padding: 0; } .one { border: 1px solid #000;
阅读全文
摘要：线性渐变 渐变不是一个新的属性, 而是一个取值 默认情况下线性渐变是从上至下的渐变 我们可以通过在颜色的前面添加 to xxx 修改渐变的方向 例如 to top to left to right <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要：边框圆角的作用 将原始的直角变为圆角 格式如下 border-radius: 100px 0px 0px 0px; 第一个参数：指定左上角的半径，如上的四个参数，按照 左上 / 右上 / 右下 / 左下 的顺序来编写的 如果省略一个参数, 会变成对角的值 <!DOCTYPE html> <html
阅读全文
摘要：行内样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS书写格式</title> </head> <body> <div style="color: red">我是div</div> </body>
阅读全文
摘要：物理删除 真实删除，将对应数据从数据库中删除，之后会查询不到此条被删除数据 根据 ID 删除数据 @Test public void deleteById() { int result = userMapper.deleteById(1L); System.out.println(result);
阅读全文
摘要：根据 ID 查询 @Test public void selectById() { User user = userMapper.selectById(1373101231285764097L); System.out.println(user); } 多个 ID 批量查询 @Test public
阅读全文
摘要：根据主键进行修改 @Test public void updateById() { User user = new User(); user.setId(3L); user.setAge(30); int result = userMapper.updateById(user); System.ou
阅读全文
摘要：添加过程 @Test public void insert() { User user = new User(); user.setName("BNTang"); user.setAge(23); user.setEmail("303158131@qq.com"); int result = use
阅读全文
摘要：概述 官方地址：https://mp.baomidou.com/guide/ MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生 基本使用 创建示例表 CREATE TABLE USER ( id BIGI
阅读全文
摘要：尺寸属性 背景尺寸属性是 CSS3 中新增的一个属性, 专门用于设置背景图片大小，属性分别如下 属性名 作用 background-size 规定背景图像的尺寸 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title
阅读全文
摘要：2D 和 3D 2D 就是一个平面, 只有宽度和高度, 没有厚度 3D 就是一个立体, 有宽度和高度, 还有厚度 默认情况下所有的元素都是呈 2D 展现的 让某个元素呈 3D 展现 和透视属性一样, 想看到某个元素的 3d 效果, 只需要给他的父元素添加一个 transform-style 属性,
阅读全文
摘要：过渡和动画之间的异同 不同点 过渡必须人为的触发才会执行动画 动画不需要人为的触发就可以执行动画 相同点 过渡和动画都是用来给元素添加动画的 过渡和动画都是系统新增的一些属性 过渡和动画都需要满足三要素才会有动画效果 <!DOCTYPE html> <html lang="en"> <head> <
阅读全文
摘要：给盒子添加阴影 格式如下 box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影; 注意点 盒子的阴影分为 内外阴影, 默认情况下就是 外阴影 快速添加阴影只需要编写三个参数即可 三个参数如下所示 box-shadow: 水平偏移 垂直偏移 模糊度; 默认情况下阴影的颜色和
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2D转换模块</title> <style> * { margin: 0; padding: 0; } ul { width: 800px; height: 5
阅读全文
摘要：过渡的三要素 必须要有 属性 发生变化 必须告诉系统哪个属性需要执行过渡效果 必须告诉系统过渡效果的持续时长 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过渡模块</title> <style> * {
阅读全文
摘要：通过我们的观察发现 a 标签存在一定的状态 默认状态, 从未被访问过 被访问过的状态 鼠标长按状态 鼠标悬停在 a 标签上状态 a 标签的伪类选择器 a 标签的伪类选择器是专门用来修改 a 标签不同状态的样式的 格式 :link：修改从未被访问过状态下的样式 :visited：修改被访问过的状态下的
阅读全文
摘要：相对定位 什么是相对定位? 相对定位就是相对于自己以前在标准流中的位置来移动 格式如下 position: relative; 示例程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title
阅读全文
摘要：清除浮动 盒子的高度问题 在标准流中内容的高度可以撑起盒子的高度，如下的代码含义为 div 中的内容 p 我给 p 标签设置了高度把 div 的高度给撑起来了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
摘要：浮动 网页的布局方式 什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 标准流(文档流 / 普通流)排版方式 其实浏览器默认的排版方式就是标准流的排版方式 在 CSS 中将元素分为三类, 分别是块级元素 / 行内元素 / 行内块级元素 在标准流中有两种排版方式,
阅读全文
摘要：打开 intellij IDEA 在进入工程前选择，import Project config 当中要把 JavaEE 的插件都给先安装好 在弹出的对象话框中选择，eclise 项目位置, 点击确定 在新弹出的对话框当中选择 eclipse，点击 next 选择项目位置和格式 点击 finish 时
阅读全文
摘要：IDEA 的相关版本简介 IDEA 的版本，在我目前知道的版本中有 3 个分别如下所示 Ultimate Community EAP Ultimate 和 Community 版本的下载地址为：https://www.jetbrains.com/idea 而 EAP 版本的下载地址和上方的就不一样了
阅读全文
摘要：盒模型 边框属性 什么边框? 边框就是环绕在标签宽度和高度周围的线条 边框属性的格式 连写(同时设置四条边) border：边框的宽度 边框的样式 边框的颜色; 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
阅读全文
摘要：单个参数 可以接受基本类型，对象类型，集合类型的值。 MyBatis 可直接使用这个参数，不需要经过任何处理。 多个参数 任意多个参数，都会被 MyBatis 重新包装成一个 Map 传入。 Map 的 key 是 param1，param2 …，值就是参数的值。 如下将给出一个示例，新建一个 Cu
阅读全文
摘要：背景相关属性 背景颜色 如何设置标签的背景颜色? 在 CSS 中可以通过 background-color 属性设置标签的背景颜色 取值： 具体单词 rgb rgba 十六进制 格式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
阅读全文
摘要：Div 和 Span 标签 什么是 Div? 作用：一般用于配合 css 完成网页的基本布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>div和span标签</title> <style> .heade
阅读全文
摘要：继承性 什么是继承性? 作用：给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 示例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>继承性</title> <style> div {
阅读全文
摘要：CSS 选择器 标签 选择器 什么是标签选择器? 作用：根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式： 标签名称{ 属性:值; } 注意点： 标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id 选择器 什么是
阅读全文
摘要：CSS 常见属性 文字属性 font-style 作用：规定文字样式 格式：font-style: italic; 取值： normal：正常的，默认就是正常的 italic：倾斜的 快捷键： fs font-style: italic; fsn font-style: normal; font-w
阅读全文
摘要：CSS 的起源 web 的衰落： 在 web 早期（1990-1993）html 是一个很局限的语言。几乎完全由用于描述段落，超链接，列表和标题的结构化元素组成。随着万维网的出现（用户交互体验的加强）对 html 的要求越来越大，人们迫切需要 html 增加新的元素，去完成一个特定的功能 迫于压力，
阅读全文
摘要：meta 其它类型 Keywords 类型 作用：告诉搜索引擎当前网页的关键词, 在 SEO 中非常重要, 能够提高搜索命中率, 让别人更容易找到你 格式：<meta name="keywords" content="IT前言技术、iOS技术、HTML5技术、Android技术" /> Descri
阅读全文
摘要：video 标签 作用：播放视频 格式1： <video src=""> </video> video 标签的属性 src：告诉 video 标签需要播放的视频地址 autoplay：告诉 video 标签是否需要自动播放视频 controls：告诉 video 标签是否需要显示控制条 poster
阅读全文
摘要：表单标签 作用：用于收集用户信息, 让用户填写、选择相关信息 使用格式如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <form> 所有的表单内
阅读全文
摘要：表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 http://2004.sina.com.cn/ 作用：以表格的形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 使用格式： table
阅读全文
