自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(125)
  • 收藏
  • 关注

原创 java基础-1

BigInteger类用于处理非常大的整数,其内部用一个int数组来模拟一个非常大的整数。C类继承A 并使用接口, 应为类A已经有test,则c中不需要实现接口中的抽象方法test。// 使用+号拼接多个字符串,每次拼接都会新增一个变量存储,是比较浪费性能的。当用于修饰变量时,final表示该变量是一个常量,只能赋值一次,它是一个不可变的值。它通常用于比较对象的引用是否相等,即它们是否指向同一个对象。void关键字也可以用于声明一个空的构造函数,即一个不接受任何参数的构造函数。

2023-12-16 00:15:00 1007

原创 sql--索引使用 ---覆盖索引

Select id, phone,name from tb_user where phone = ‘17799990010’ and name = ‘韩信’Select count( distinct email)from tb_user -- 去重后数量。Elplain查看执行计划 phone和name都是单列索引,只走了一个索引。主键索引 唯一索引 常规索引 全文索引 全部分为两类 聚集索引 二级索引。创建phone 和 name 的联合索引进行查询。那么 n 为几性能是最好的呢?

2023-10-30 23:00:00 468

原创 sql--索引使用

条件and 接 age user 都会生效,但是跳过使用别的条件之后再接 age user 则会造成联合索引失效。联合索引 位置不影响,但是所有索引必须连续使用,才会走索引 中间跳过则会造成后面索引则会失效。Use index 是建议sql使用你推荐的索引,sql会判断索引是否高效,并不一定使用。查询时会走联合索引还是单列索引 时sql优化器自动选择的。Sql的优化器评估全表扫描更快则不会走索引。此时使用sql提示,让sql选择那个索引。当一个字段是联合索引也是单列索引。尽量使用>= 或

2023-10-29 10:30:00 217

原创 sql---慢查询和语句耗时

查看当前会话的所有的sql语句耗时情况profile开启查询指定sql的各个阶段耗时。

2023-10-28 10:45:00 214

原创 索引-动图演示存储过程

Id是唯一键,聚集索引 只存在一个。Name是二级索引 可以存在多个。第一种效率更高,不需要回表。sql二级索引搜索过程。

2023-09-16 22:30:00 112

原创 sql存储引擎

-开启则 每一张表对应一个存储空间,在内存中以.idb文件存放 -- 文件记录了当前表得结构,表存放得数据,索引。-- 可以看到默认引擎 InnoDB ENGINE=InnoDB。# MEMORY 存储在内存中 用来做临时表和缓存 存储引擎。-- 创建表 my_myisam 并指定 MyISAM引擎。-- 创建表 my_memory 并指定 MEMORY引擎。无法直接记事本查看---存储形式未二进制。-- 查看当前数据库支持得存储引擎。-- 查询建表语句 ---- innodb介绍。

2023-09-15 23:00:00 752

原创 sql事务-1

insert into account (id, name, money) values (null,'张三',2000), (null ,'李四',2000);update account set money = 2000 where name = '张三' or name = '李四';--开启事务-----开启之后,后面sql语句执行后不会自动保存需要手动回滚或保存结束事务。--需要事务的场景-------张三往李四转账,进行到步骤3时报错,但是步骤2已经执行。

2023-09-08 23:00:00 307

原创 sql入门-多表查询

insert into studen values (null , '黛绮丽','2000100101'),(null , '谢逊','2000100102'),(null , '殷天正','2000100103'),(null , '韦一笑','2000100184');select salary , job from emp where name = '宋远桥' || name = '鹿杖客';----------------------------------建表语句之前翻看之前博客文章。

2023-08-22 23:30:00 463

原创 sql入门-约束

insert into dept(name) values ('研发部'),('市场部'),('财务部'),('销售部'),('总经办');(1,'金庸',66,'总裁',20000,'2000-01-01',null,5),(2,'张无忌',20,'项目经理',12500,'2005-12-05',1,1),(4,'韦一笑',48,'开发',11000,'2002-02-05',2,1),(3,'杨逍',33,'开发',8400,'2000-11-03',2,1),

2023-08-22 22:15:00 104

原创 sql入门4--函数

select name,case worknoaddress when '武汉' then '二线' when '北京' then '一线' else '金庸小说' end as 城市 from usertable;(case when english >= 85 then '优秀' when english >= 60 then '及格' else '不及格' end) as 英语,# 字符串截取------字符串 起始下标(1起始) 截取几个。#round ---数四舍五入 保留小数。

2023-08-03 23:30:00 126

原创 mysql-入门笔记-3

(6,'6','张三丰','女',100,'123123123123123123','天龙八部','2023-2-26'),(2,'2','张无忌','男',20,'123123123123123123','天龙八部','2022-7-26'),(3,'3','韦一笑','男',18,'123123123123123123','天龙八部','2021-7-26'),(5,'5','谢逊','男',88,'12312312312312312x','天龙八部','2023-3-26'),

2023-08-02 23:45:00 688

原创 sql入门基础-2

(6,'6','张三丰','女',100,'123123123123123123','天龙八部','2023-2-26'),(3,'3','韦一笑','男',18,'123123123123123123','天龙八部','2021-7-26'),# -------------DQL聚合函数---将列数据做为整体,进行纵向计算----------------# > < >= <= = <>或!# ------查询需求------------------------DQl基础查询------

2023-08-01 23:45:00 306

原创 sql入门-笔记

age tinyint unsigned comment "年龄",name varchar(50) comment "名称",gender varchar(1) comment "性别",Num varchar(10) comment "工号",sfzh char(18) comment "身份证号",name varchar(50) comment "姓名",gender varchar(1) comment "性别"-------------------库操作 ---创建---查询。

2023-07-22 21:08:59 206

原创 浮点型进制转换 和 与或非(逻辑短路)

这意味着结果会被截断为0,因为1除以2得到的值小于1。原码 十进制数据的二进制表现形式 byte b = 13 1101(13的十进制)byte代表占存储的一个字节(1字节等于8位) 此时13的在存储里的形式 0000 1101 (原码最左边0为正,1为负 ,所以只有7位代表数字本身)使用二进制的小数的每一位上的数,乘以2的若干次方(从小数点后的第一位开始-1,-2,-3) ,然后将所有乘积相加。精度丢失-----小数转换为二进制,尾部无线循环,内存有限只能保存一部分,导致精度丢失。

2023-06-11 21:09:09 606 1

原创 进制转换(及规律)

使用十进制数除以x,得到商和余数,一直除以x,直到商为0结束,将所有的余数倒着写,这个结果就是得到的十进制对应的x进制数据。用十进制的数除以2的余数和商,一直除以2,直到商为0结束,将所有的余数倒着写,这个结果就是得到的十进制对应的二进制。用x进制的每一位数乘以x的若干次方(从右往左0,1,2,3)将所有的乘数相加,结果就是对应的十进制。short a = 1 所占空间2字节(-32768-32767)2^15-2^15-1。1,2,3,4,5,6,7,8,9,10(到一零进位为10)

2023-06-04 15:25:07 693

原创 vxe-table 对合并列的理解

合并列代码(_rowspan移除不影响,但是函数会eslint报红,正常运行)合并之后,从第一列开始,内容整体右移动,标题内容不对应。删除数据,只对一条数据进行分析。

2023-05-21 16:02:30 350

原创 magic Grid

定位项目并侦听对窗口大小的更改。每当调整视窗大小时,所有项目都会重新定位。此函数在必须手动触发重新定位的情况下非常有用;例如,在容器中添加新元素时。//动态内容所必需的。在网格中放置项目时,优先考虑较短的列。

2023-04-20 21:15:42 720

原创 代码雨-学习

【代码】代码雨。

2023-04-15 12:54:27 199

原创 css动画及背景设置

clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。当我设置延迟时间 为0.75s时,因为延迟时元素初始状态为可见,出现问题。设置文字的高度间距--如果和盒子高度相同,实现文字居中。3向4位置 x轴回到起始点0 y移动100%此时就需要加上--元素样式为动画定义0%的样式。2向3位置 x轴为100% y移动75vh。1向2位置 x轴移动100% y移动0。可以创建多边形内容显示区域polygon。设置文字之间纵向的间距。1初始x y 为0 0。

2023-04-09 21:34:07 921

原创 点击移动盒子

鼠标抬起触发移除事件,移除mousemove事件。//按下元素距离顶部和左侧的位置,记录。并注册鼠标移动事件和鼠标抬起事件。移动后的坐标赋值给定位style。钩子函数中获取dom。

2023-04-03 21:21:49 137

原创 vue3中tsx语法一些了解

子组件接收,使用setup函数的第二个参数context的slots拿到插槽模板数据。//defineComponent内setup外可以定义类型。emit :抛出事件实现子传父emit('事件',值)arrts:接收props没有接收的绑定数据。expose:向父组件暴露当前组件方法。设置则可以在内部创建多个节点。props:接收父传子,定义类型。return 返归html结构。slot:接受父组件传递插槽。首先直接创建tsx文件。直接使用组件函数的写法。中,在子组件设置插槽。

2023-04-02 22:05:29 890

原创 vue3拿去DOM元素

查阅得到getCurrentInstance可以获取,(官方警告)强烈反对在应用的代码中使用 getCurrentInstance。直接打印dom看看-- value为undefined。在要获取的实例上使用ref并绑定定好的dom变量。打印无法获取组件实例。

2023-03-30 20:41:30 99

原创 vue3组件传值

One.vue和Two.vue就可以接收祖先组件里的数据。生成实例,函数内参数可以不写,参数为要抛出的事件名。type设置接收类型,可以是数组形式,接收多种类型。设置按钮,注册点击事件,执行函数使用祖先传递的函数。定义执行函数--函数的形参接收子组件抛出的值。定义事件函数-使用实例emit抛出事件和值。引入defineProps。引入defineEmits。点击时执行函数传递参数。子组件标签接收抛出事件。app.vue组件引入。设置响应数据和注入数据。app.vue组件引入。祖先组件成功接收参数。

2023-03-27 23:15:00 410

原创 字符串类型的加减乘除转化成数学运算符

得到的数据是数组呈现,包含运算符,或者说运算符是变量表示的。普通的做法是利用switch或者if else语句判断。在js中无法直接使用字符串类型的加减乘除。更简便的做法是利用eval( )函数。

2023-03-26 21:24:02 870

原创 Vue3监听器使用

监听obj对象内的num属性值的变化-----不需要开启深度监听,但是想页面加载就执行需要设置immediate,监听简单数据类型----- immediate: true//立即监听--进入就会执行一次。设置监听--监听整个对象需要开启深度监听----- deep: true,//开启深度监听。immediate: true//立即监听--进入就会执行一次。同时监听多个值---不要开启深度监听可以,监听obj内数据的变化。设置点击事件,点击触发修改num。点击事件,修改对象内的属性值。

2023-03-25 22:57:31 3358

原创 左侧菜单栏

使用Element组件库,使用Container 布局容器进行界面布局。设置router为true,使NavMenu 导航菜单开启路由模式。并在主体部分设置二级路由出口,实现内容切换。

2023-03-20 22:18:53 257 1

原创 小程序-父组件获取子组件实例

子组件使用triggerEvent,第一个参数抛出事件,第二参数,抛出值。子组件绑定子组件抛出的事件。打印结果-数组形式呈现。

2023-03-13 22:11:06 736

原创 看见有意思的效果,想要实现(小程序)

(目前未解决-效果是放大之后缩小了)大佬们有什么办法么?放大之后怎么还原,不然的话就一直放大。遇到了个问题,就在于。

2023-03-12 23:41:22 85

原创 img标签回顾--响应式图片

定义了一组媒体条件(例如屏幕宽度)并且指明当某些媒体条件为真时,什么样的图片尺寸是最佳选择——这就是我们之前提到的提示。span标签也是行内,看看效果---没问题(但是css样式内,我给img宽高.但是我并没有转换为块元素,或者行内块)img是有行内块的特性的或者说块级的特性。max-width小于等于600px 图片变为100px ,第二个参数为默认图片400px。图片的固有宽度(以像素为单位)(480w)。可以逗号分割,设置响应图片的像素。img是inline,行内元素。来实现一个响应式图片。

2023-03-11 01:55:13 224

原创 模拟实现即时通讯聊天

index用户的界面,连接成功会触发后台的connection,可以在控制台看到打印提示,同时自身监听connect也可以表示连接成功。使用socket.io插件来实现,用户与服务器的长连接。使用express来搭建简单后台。并配置监听事件,及中间件。

2023-03-09 00:13:32 271 3

原创 纯css实现电梯导航

使用a链接的href锚点,使用grid栅格布局,使用sticky电梯导航的粘性布局。

2023-03-06 22:10:00 360

原创 grid了解

-----------------------------------------粘性布局使用-------------------------------------------------------------------------伪元素使用----------------------------------------------------------父盒子,因为子元素浮动,无法撑开,下方盒子上移---(圣杯布局?不用上面写法-使用偏移量写法--效果相同。使用伪元素-设置下边线。

2023-03-05 21:04:01 445

原创 typescript 的数据类型

元祖类型,允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。但是没有类型是 never 的子类型,这意味着声明。类型允许被赋值为任意类型,甚至可以调用其属性、方法。)的子类型,可以赋值给任何类型,代表从不会出现的值。用于标识方法返回值的类型,表示该方法没有返回值。是所有类型的子类型, 就是说你可以把。boolean(布尔类型)string(字符串类型)number(数字类型)array(数组类型)tuple(元组类型)object 对象类型。enum(枚举类型)

2023-03-02 23:19:00 1514

原创 websocket

使用websocket 实现信息提交后台,立即展示到页面--大屏ECharts数据实时刷新,也是类似原理。简单的实现-数据提交到,服务器,不需要去请求数据,服务器返回最新数据。

2023-02-27 22:52:15 73

原创 数组中的第K个最大元素

链接:https://leetcode.cn/problems/kth-largest-element-in-an-array。请注意,你需要找的是数组排序后的第 k 个最大的元素,而不是第 k 个不同的元素。给定整数数组 nums 和整数 k,请返回数组中第 k 个最大的元素。著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。你必须设计并实现时间复杂度为 O(n) 的算法解决此问题。来源:力扣(LeetCode)使用定时器配合premise。

2023-02-26 00:02:08 55

原创 在vue3中封装自己的图片懒加载函数

代码--使用在vant组件上,需要ref需要绑定父元素。

2023-02-25 01:20:53 168

原创 vue-print-nb使用

rootMargin: 一个在计算交叉值时添加至根的边界盒(bounding_box)中的一组偏移量,类型为字符串(string) ,可以有效的缩小或扩大根的判定范围从而满足计算需要。若指定值为0.0,则意味着监听元素即使与根有1像素交叉,此元素也会被视为可见. 若指定值为1.0,则意味着整个元素都交叉时视为可见。做了定制化处理-图片百分比设置,弹窗高度设置固定,超出出现滚动条,以及进行图片懒加载,打印只打印主体部分。调用懒加载---options设置视口-设置监听交叉比例值。在自己封装的弹窗中使用。

2023-02-23 00:27:20 1463

原创 express真的假数据

请求体 x-www-form-urlencoded app.use(express.urlencoded())普通键值对 ---req.body --需要配置app.express.urlencoded。前端 发送请求的参数一般都放在,请求行和请求体里,请求体里一般用来携带token。基础的get请求--nodemon app.js运行。拿去请求参数,返回数据,没有返回错误信息。json对象--复杂的嵌套结构。

2023-02-21 23:18:50 76

原创 自己封装一个简单的axios

xhr.response或者xhr.responseText可以获取JSON格式数据,转换并改变promise状态,返回成功后的值。并return出去,调用可以使用p可以通过.then或者async await 获取成功后的值。实例静态方法open(‘请求方法’,‘请求地址’)执行体里使用XMLHttpRequest创建实例。创建promise的实例对象。使用es6的promise。监听xhr上的load事件。实例静态方法send发送。

2023-02-20 23:42:28 106

原创 图片的懒加载

callback回调函数初始会被执行一次,通过形参entery数组形式,得到想要的数据,target表示当前dom,isIntersecting是一个布尔值,表示是否出现在视口,intersectionRatio的值为0-1,表示出现在视口的比例。使用new 创建一个 IntersectionObserver的实例,第一个参数是callback,第二个是个可选的配置项。枚举函数的形参,判断是否出现在视口,出现在视口则把自定义属性上的链接地址,赋值给src。

2023-02-19 23:41:20 58

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除