- 博客(96)
- 收藏
- 关注
RSS订阅原创 MySQL的存储引擎
xxx.idb:xxx代表的是表名,使用该引擎的每张表都会生成一个这样的表空间文件,存储该表的结构(fem,sdi),数据和索引。存储引擎就是存储数据,建立索引,更新/查询数据等技术的实现方式,存储引擎是基于表的,索引存储引擎也被称为表类型.这是一种兼顾高可靠性和高性能的通用存储引擎,在mysql5.5之后,为MySQL的默认引擎。表数据存储在内存中,由于受到硬件问题,或断电问题的影响,只能将这些表作为临时表,或缓存使用。主要将数据存储在文件系统上，并完成与存储引擎的交互。1.在创建表的时候指定存储引擎。
2024-08-14 23:59:16
341
原创 java数组
例如：int类型的数组容器可以存储byte，short,int等，不能存储boolean。* 完整格式：数据类型[]数组名=new数据类型[]{}元素1，元素2，元素3...};* 数组遍历：将数组中所有的内容取出来，取出来之后可以（打印，求和，判断...）* 初始化：就是再内存中，为数组容器开辟空间，并将数据存入容器中的过程。* 静态初始化：手动指定数组元素，系统会根据元素个数，计算出数组的长度。* 注意：遍历指的是取出数据的过程，不要局限的理解为，遍历就是打印。
2024-04-30 00:40:22
380
原创 【无标题】
1.表达式：（将要匹配的值）取值为byte,short,int,char,JD5以后可以是枚举,JD7以后可以是String.* 如果没有发现break，那么程序会继续执行下一个case的语句体，直到break或者有大括号为止。和if语句的else相似。* 如果匹配上了，就会执行对应的语句体，如果此时发现了break，那么结束整个switch语句。* default -> {System.out.println("没有这个选项");* 上面这个格式里面，只有r是变量名，可以变，其他的都不允许变。
2024-04-29 00:51:31
340
1
原创 Bootstrap组件
- bootstrap是前UI框架，提供大量编写好的CSS样式允许开发者结合一定HTML结构。下载：导航/Extend:图标库，安装，下载安装包bootstrap-icons-1。栅格化是指将整个网页的宽度分成12等份，每个盒子占用的对应的份数。-- bootstrap 组件（components）col-*-*:列（例如：col-xxl-3）-- bootstrap 栅格系统。-- bootstrap 全局样式。-- bootstrap 字体图标。按钮尺寸:btn-lg/btn-sm。
2024-03-12 16:00:48
420
原创 CSS进阶空间转换和 less
空间：是从坐标轴角度定义的X,Y,和Z三条坐标轴构成一个立体空间 Z轴位置与视线方向相同。rotate3d（x,y,z）:用来自定义旋转轴的位置及旋转的角度。作用：指定了观察者与Z=0平面的距离，为元素添加透视效果。-- 立体呈现 transform-style。属性名：transform-style（给父级加）作用：设置元素的子元素是位于3D空间中还是平面中。属性：（添加给父级，取值范围800-1200）preserve-3d：子级处于3D空间。x,y,z取值为0-1之间的数字。
2024-03-12 15:57:57
490
原创 CSS进阶平面转换
单独设置X或Y轴移动距离：translateX（）或translateY ()属性：transform：translate（X轴移动距离，Y轴移动距离）;transform：scale (x轴缩放倍数，Y轴缩放倍数);注意：旋转会改变坐标轴向，多重转换会以第一种转换形态的坐标轴为准。技巧：通常，只为scale（设置一个值，表示X轴和Y轴等比例缩放。概念：改变盒子在平面内的形态(位移，旋转，缩放，倾斜)属性：transform：rotate（旋转角度）；transform：scale（缩放倍数）;
2024-02-20 16:45:35
550
原创 CSS的定位position，字体图标，修饰
把网页中一些背景图片整合到一张图片文件中，再background-position精确定位出背景图片的位置。2.参照物：先找最近的已经定位的祖先元素，如果所有祖先元素都没有定位，参照浏览器可视区域改位置。登录，素材库，官方图标库，进入图标库，选图标，加入购物车，添加至项目，确定，下载至本地。优点：减少服务器被请求次数，减轻服务器的压力，提高页面加载速度。z-index取值是整数，默认是0，取值越大显示顺序越靠上。作用：设置定位元素的层级顺序，改变定位元素的显示顺序。
2024-02-19 17:00:59
518
原创 CSS的flex弹性布局
空白间距均分在弹性盒子之间 */space-between：弹性盒子沿主轴均匀排列，空白间距均分在弹性盒子之间。space-between：弹性盒子沿主轴均匀排列，空白间距均分在弹性盒子之间。space-around：弹性盒子沿主轴均匀排列，空白间距均分在弹性盒子两侧。space-evenly：弹性盒子沿主轴均匀排列，弹性盒子与容器之间间距相等。space-around：弹性盒子沿主轴均匀排列，空白间距均分在弹性盒子两侧。space-evenly：弹性盒子沿主轴均匀排列，弹性盒子与容器之间间距相等。
2024-01-29 23:16:02
563
原创 CSS的浮动(float)布局效果
原理:有问题的原因是父级无法被子级撑开高度范围,overflow:hidden会检查父级的范围,这样高度就检查到了。1.额外标签法：在父级元素内容的最后添加一个块级元素，设置css属性clear:both（清除两侧浮动的影响）标准流也叫文档流，指的是标签在页面默认的排布规则，例如：块级元素独占一行，行内元素可以一行显示多个。场景：浮动元素会脱标，如果父级没有高度，子级无法撑开父级高度（可能会导致页面布局混乱）注意：加了浮动属性的盒子，会脱标（不会占有标准流的位置）解决方法：清除浮动（清除浮动带来的影响）
2024-01-22 17:25:42
530
原创 css新闻列表案例（li标签和a标签各自控制一个背景图片）
G9“带货”背后：亏损面持续扩大，竞争环境激烈“中国天眼”又有新发现 已在《自然》杂志发表
2024-01-18 11:16:41
585
原创 CSS的盒子模型
* 内减模式：不需要手动减法也能让盒子大小为设置大小（300*300），加padding和border不会撑大盒子 *//* 内减模式：不需要手动减法也能让盒子大小为设置大小（300*300），加padding和border不会撑大盒子 */padding: 10px(上) 20px（右）30px（下）40px(左)注意：x轴偏移量和y轴偏移量必须书写，默认是外阴影，内阴影需要添加inset。/* 滚动条 （无论是否溢出，都显示滚动条位置） *//* 滚动条 （溢出才显示滚动条位置） */
2024-01-18 09:43:16
748
原创 CSS背景属性和显示模式
属性值：背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定（空格隔开各个属性值，不区分顺序）contain：等比例缩放背景图片以完全装入背景图，如果图片的宽高和盒子尺寸相等，可能背景图区部分空白。如果写了100% 图片的宽度跟盒子宽度一样，图片的高度按照图片等比例缩放。cover：等比例缩放背景图片以完全覆盖背景区，可能背景图片部分看不见，no-repeat：不平铺，盒子左上角显示一张背景图。行内块：一行共存多个，默认尺寸由内容决定，加宽高生效。属性值：水平方向位置，垂直方向位置关键字。
2024-01-15 12:18:25
413
原创 CSS的特性与简便写法
</span><span></span><span></div>id选择器：标签名#id名：<div id="box"></div>有内容的标签：div{内容}：<div>text</div> -->同级选择器：div+p：<div>
2024-01-04 21:21:28
1012
原创 CSS的进阶
这是在div里面的p里面的（孙子）span</span><span>这是在div里面的p里面的（孙子）span</span><span>这是在div里面的p里面的（孙子）span</span>选择器写法：选择器1，选择器2，...选择器N{CSS}，选择器之间用，隔开。选择器写法：父选择器>子代选择器{CSS属性}，父选择器之间用 > 隔开。<span>这是在div里面的（儿子）span
2024-01-03 00:55:24
635
原创 Css基础内容
p class="text2">上划线aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa。-- <link rel="stylesheet" href="Html5与Css3\CSS\my.css"> -->-- link引入外部样式表：rel：关系.样式表，敲完link直接按回车就行 -->rgb表示法：rgb（r，g，b）：r，g，b表示红绿蓝三原色，取值：0-255。rgba表示法：rgb（r，g，b，a）：a表示透明度,取值：0-1。
2023-12-28 17:59:24
797
原创 Html基础与表单案例
男</label><label>确认密码：</label><input type="password" placeholder="请输入确认密码"><label>密码：</label><input type="password" placeholder="请输入密码"><label>姓名：
2023-12-18 17:34:19
400
原创 vue的简单购物车案例
{{ totalPrice }}</span><button @click="del(item.id)">删除</button>
2023-12-14 00:54:33
739
原创 MySQL的事务
事务是一组操作的集合，它是一个不可分隔的工作单位，事务会把所有的操作作为一个整体一起向系统提交或撤销操作请求，即这些操作要么同时成功，要么同时失败。幻读：一个事务按照条件查询数据时，没有对应的数据行，但是在插入数据时，又发现该行数据已存在，好像出现了‘幻影’默认MySQL的事务是自动提交的，也就是说，当执行一条DML语句，MySQL会立即隐式的提交事务。不可重复读：一个事务先后读取同一条记录，但两次读取的数据不同，称为不可重复读。注意：事务的隔离级别越高，数据越安全，但是性能越低。回滚事务（结束该事务）
2023-12-05 18:13:04
511
原创 MySQL的多表查询
select a.name '员工'， b.name'领导'from emp a left join emp b on a.managerid = b.id;关系：一对一关系，多用于单表拆分，将一张表的基础字段放在一张表中，其他详情直段放在另一张表中，以提示操作效率。select 字段列表 from 表a 别名a join 表a 别名b on 条件...;对于union查询，就是把多次查询的结果合并起来，形成一个新的查询结果集。根据子查询位置，分为：where之后，from之后，select之后。
2023-12-04 15:18:41
551
原创 MySQL的约束
set null：当父表中删除对应记录时，首先检查该记录是否有对应外键，如果有则设置子表中该外键值为null（这就要要求外键允许取null）cascade：当父表中删除/更新对应记录时，首先检查该记录是否有对应外键，如果有，则也删除/更新外键在子表中的记录。no action：当父表中删除/更新对应记录时，首先检查该记录是否有对应外键，如果有则不允许删除/更新。restrict：当父表中删除/更新对应记录时，首先检查该记录是否有对应外键，如果有则不允许删除/更新。
2023-12-01 12:13:59
471
原创 MySQL的函数
case [expr] when [val1] then [res1] ... else [default] end：如果expr的值等于val1，返回res1，...否则返回default默认值。substring(str,start,len)：放回从字符串str从start位置起的len个长度的字符串。lpad(str,n,pad)：左填充，用字符串pad对str的左边进行填充，达到n个字符串长度。rpad(str,n,pad)：有填充，用字符串pad对str的右边进行填充，达到n个字符串长度。
2023-11-30 20:25:53
603
原创 MySQL数据库基础
insert into 表名（字段名1，字段名2，...） values（值1，值2，...）,（值1，值2，...）,（值1，值2，...）；注意：插入数据时，指定的字段顺序要与值的顺序是一一对应的，字符串和日期型数据应包含在引号中，插入数据的大小，应该在字段规定范围内。1.给指定字段添加数据：insert into 表名（字段名1，字段名2，...） values（值1，值2，...）；insert into 表名 values（值1，值2...）,（值1，值2...）,（值1，值2...）;
2023-11-29 22:16:43
846
原创 Watch监听器和防抖功能
英语</option><option value="italy">意大利</option><option value="german">德语<i>⌨️</i>文档翻译
2023-11-27 15:02:35
534
原创 了解JSX
{/* 注意：只有表达式可以识别，if语句，switch语句，声明变量属于语句，不是表达式，不能出现在{}中*/}本质：JSX并不是标准的JS语法，它是JS的语法扩展，浏览器本身不能识别，需要通过解析工具左解析之后才能在浏览器中运行。:)实现基础的条件渲染 -->在JSX中可以通过大括号语法{}识别JavaScript中的表达式，比如常见的变量，函数调用，方法调用等等。{/* key的作用：React框架内部使用 提升更新性能的 */}{/* 外层{}是识别表达式的语法，内层{}是识别对象结构 */}
2023-11-27 02:10:10
549
原创 初始React
create-react-app是一个快速创建React开发1环境的工具，底层由Webpack构建，封装了配置细节，开箱即用。2.creat-react-app 核心包（固定写法），用于创建React项目。-- 使用create-react-app快速搭建开发环境。3.react-basic React项目的名称（可以自定义）-- React是一个用于构建web和原生态交互界面的库。// index.js是项目的入口，从这里开始运行。// React必要的两个核心包。// 导入项目的根组件。
2023-11-26 23:11:17
1244
原创 Git的学习
合并提交：发生于原分支产生了新的提交记录后，再合并回去时发生，自动使用多个筷子记录合并后产生一次新的提交。暂存区->覆盖->工作区->,命令 git restore目标文件（注意：完全确认覆盖时使用）注意：会在该文件夹里生成一个.git的文件夹，是被隐藏的，可以通过勾选显示隐藏文件就可以看到。git commit -m"注释说明"：提交并保存，产生版本快照,提交的是暂存区的内容。概念：不同分支中，对同一个文件的同一部分修改，Git无法干净的合并，产生合并冲突。
2023-11-23 15:35:49
346
原创 初识node.js
/ 定义：Node.js是一个跨平台（独立）JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序。// 如何执行代码：在VSCode终端中输入：node xxx.js回车即可执行（注意路径）// node.js是前端工程化的基础（因为Node.js可以主动读取前端代码内容）// node.js环境没有DOM和BOM等（node.js与浏览器环境的区别）// 目标：编写 js 代码，在 Node 环境下使用 node 命令来独立执行。
2023-11-19 16:16:56
999
原创 JS事件循环
执行同步代码，遇到异步代码交给宿主浏览器环境执行，当异步代码有了结果后，把回调函数放入任务队列排队，当调用栈空闲后，反复调用任务队列里的回调函数。原因：JavaScript单线程（某一时刻只能执行一行代码），为了让耗时代码不阻塞其他代码运行，设计了事件循环模型。概念：JavaScript有一个事件循环的并发模型，事件循环负责执行代码，收集和处理事件以及执行队列中的子任务。执行过程：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里的回调函数执行机制，就叫事件循环。
2023-11-18 11:57:57
99
原创 同步代码和异步代码
异步代码：可以执行一个长期运行的任务，不必等待任务完成，调用后耗时，不阻塞代码继续执行（不必再原地等待），在将来完成后触发一个回调函数。概念：依靠then（）方法返回一个新生成的Promise对象特性，继续串联下一环任务，直到结束。// return Promise对象最终状态和结果，影响到新的Promise对象。做法：每个Promise对象中管理一个异步任务，用then返回Promise对象，串联起来。细节：then()回调函数中的返回值，会传给then函数新生成的promise对象。
2023-11-18 01:57:48
293
原创 天气预报案例
img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg"><img src="./imgs/多云.png" alt="" class="weatherImg">
2023-11-13 22:32:18
196
原创 使用Promise管理XHR
title>案例_使用Promise+XHR_获取省份列表</title>* 目标：使用Promise管理XHR请求省份列表。// 错误对象要用console.dir详细打印。// 服务器返回错误提示消息，插入到p标签显示。// 2. 执行XHR异步代码，获取省份列表。// xhr如何判断响应成功还是失败的？* 2. 执行XHR异步代码，获取省份列表。// 2xx开头的都是成功响应状态码。// 3. 关联成功或失败函数，做后续处理。// 1. 创建Promise对象。
2023-11-12 02:28:04
238
原创 AJAX的Promise（原理）
/ resolve() => 'fulfilled状态-已兑现' => then()// reject() => 'rejected状态-已拒绝' => catch()-- Promise：对象用于表示一个异步操作的最终完成（或失败）及其结果值。注意：Promise对象一旦被兑现/拒接就是已敲定了，状态无法再被改变。// 1. 创建Promise对象（pending待定状态）// 成功调用：resolve（值）触发then()执行。// 失败调用：reject（值）触发catch()执行。
2023-11-12 02:25:43
672
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人