自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【JS】react antd 项目如何让Table组件表格滚动播放

1.实现原理2.如何判断是否滚到到底部3.停止和开始滚动的控制4.优化滚动体验

2024-04-19 14:04:56 399

原创 【css】文本过长溢出一行不换行普通css以及antd实现

这是一个回调函数,当用户点击展开按钮以查看完整内容时会被调用。你可以在这个函数中执行一些操作,比如更新组件的状态或发送请求来获取更多内容。这个属性决定了当标题内容被截断时,是否显示一个可以展开内容的按钮。如果设置为 true,那么当内容被截断时,用户可以通过点击按钮来查看完整内容。这个属性定义了当标题内容过长时,应该显示的行数。例如,如果你设置 rows={1},那么当标题内容超过一行时,它会被截断并显示省略号。当使用antd组件时,Typography组件可以用更少的代码,该代码限制1行。

2024-04-01 15:08:15 409

原创 【JS】前端分片上传大文件(支持1G以上的超大文件)

js 大文件上传思路,代码

2024-03-14 21:52:33 937 1

原创 【CSS】简单的抽屉面板展开收起自然过渡效果的css

1.收起时点击蓝色梯形按钮展开。2. 展开时点击蓝色按钮收起。3.展开收起时需要过渡自然,有抽屉推拉效果。

2024-03-07 16:42:31 533

原创 Unable to find node on an unmounted component in React

通过网上说的版本原因,合理推测是因为react 3.x版本对4.x写法的不兼容导致的,经过多部分排查改正,将4.x版本的函数const写法从render内移动至render之外履行this.xxx函数职责后,错误消失。小众错误一枚,网上都说需要react版本没有升级原因,因为是内部错误,控制台又无法定位到代码哪一行报错,网上又没有类似的解决方法,特此记录思路,供大家参考。

2024-01-12 16:18:26 604

原创 【URLSearchParams】js将对象转换为url get 参数

如果提交的参数内容带中文会乱码,使用decodeURIComponent()搞定!

2023-12-25 09:30:59 410

原创 【CSS】鼠标放在某个div上旋转一圈

【代码】【CSS】鼠标放在某个div上旋转一圈。

2023-11-10 10:13:37 180

转载 【JS】moment常用函数

【代码】【JS】moment常用函数。

2023-10-07 14:13:14 440

原创 【react + antd】antd如何自定义请求使用antd的upload组件实现图片上传且可预览可删除

要使用upload,特别重要的属性就是fileList文件列表,我们通过控制fileList的内容来显示清空图片列表。需要额外的事件才触发图片上传到服务器上使用beforeUpload,反之customRequest。fileList 数组中每一个对象的url必须存在,才能触发图片预览时间,这个时候需要用到customRequest这个api。官网给出的案例无法使用封装好的请求方式上传图片,以及。不过——博主自己试出来了但是很遗憾,官网没有给出具体案例。

2023-07-18 20:58:37 2478

原创 【vue】路由的搭建以及嵌套路由

需要在vue.config.js加入lintOnSave: false。2.src下新建文件夹router文件夹以及文件index.js。目的:学习搭建vue2项目基础的vue路由和嵌套路由。注意: 该demo命名方式会导致。1.npm 安装 router。

2023-07-14 21:33:46 564

原创 【小程序】什么是rpx

rpx: 是微信小程序独有的,解决屏幕自适应的尺寸单位可以根据屏幕宽度进行自适应,不论屏幕大小,规定屏幕宽为 750rpx,通过rpx设置元素和字体大小,小程序在不同尺寸的屏幕上可以自适应适配。

2023-05-21 21:47:33 635

原创 【CSS】记录一个简单的使用css animation完成警告灯闪烁效果

flashing 是自己定义的名字,CSS3中添加的新属性animation是用来为元素实现动画效果的,但是animation无法单独担当起实现动画的效果。使用的时候为了兼容可加上-webkit-、-o-、-ms-、-moz-、-khtml-等前缀以适应不同的浏览器。效果如下,非常简单,也很容易实现,做动图的网址丢了就截个图吧,这种简单的渐变效果使用css就可以完成。指定的变化时发生时使用%,或关键字"from"和"to",这是和0%到100%相同。加速然后减速,这里设置的是闪烁的方式。

2023-05-08 11:03:00 1027

原创 【JS】记一个降低数组查找使用hash降低时间复杂度的思路

遍历数组[A,B,C,D] 每次都要遍历一遍另1个数组,时间复杂度n^2,非常降低效率。笔记下有人回复了,看了下确实值得review一下,别它看简单,是写业务常用的技巧。小红书上看到的面试题,同时处理2个数组,工作中处理数据经常用到。扔进控制台,出来了结果嘿嘿。

2023-04-25 10:02:15 88

原创 【vscode】vscode如何一个项目内多个窗口文件编辑,对照

有的时候在开发的时候,需要多个文件进行参照,来回切换十分不方便,看到同事经常多窗口开着,自己也想效仿。但感觉去特意问这个问题显得智商不太高的样子,实在不行那就来看看这篇文章吧!

2023-04-18 16:01:48 1584

原创 【css】5种方法实现div居中(自用)

越简短的排越前,复制粘贴用。

2023-02-04 13:38:46 677

原创 【JS】ES6特性中10种JS常用简洁写法

前端开发的必要储备,es5 es6写法对照版。

2023-01-30 16:08:28 212

原创 【react】react高频面试题

自己总结了一套高频题集,面试命中率很高。

2022-09-03 22:27:39 249

原创 【js】js面试题汇总

太卷了叭,周六省图书馆转了好几圈,至少几千个位置吧,差点坐不到座位,更别说捞一个带插座了,真的会屑。。。

2022-07-23 12:03:24 372

原创 【css】css面试题汇总

杰伦发新专辑了,我也要开整了wu~!,不定时收集互联网各种css题目。

2022-07-18 13:37:40 306

原创 【react】Framework7普通选择器和时间选择器picker的使用

Framework7的选择器比微信小程序的picker麻烦多了,网上的资料较少,记录下它的一个使用案例。

2022-05-05 15:46:48 1312

原创 【css】如何让div在网页中页面居中上下居中左右居中

div 页面居中

2022-03-25 23:05:04 438

原创 【JavaSE】静态代码块的作用

学到后面顺带复习下前面不熟的知识点。非静态代码块:每new一个对象的时候都会执行一次。静态代码块:第一次类加载时执行一次,之后不再执行。且在非静态代码块之前执行。【静态块常用来执行类属性的初始化。】结合一个Mybatis工具类的例子巩固一下。背景:文件只需要被读取一次 。SqlSessionFactoryBuilder是重量级对象,程序创建一个对象耗时比较长,使用资源比较多,在整个项目中,有一个就够了。public class MyBatisUtils { private s

2021-04-13 00:22:40 220

原创 【mybatis】主配置文件获取失败:“main“ java.lang.NullPointerException Resources.class.getResourceAsStream获取空

记录一个mybatis找不到路径,连环报错的解决思路。不要问我标题为啥那么长?我怎么可能是标题党呢^ ^,当然是为了帮助更多的人鸭~~碰到空的问题,二话不说直接开debug。我这个空指针问题是Resources.class.getResourceAsStream方法没有获取到值,也就是说这个文件没被读取到,因为我们写的是相对路径,所以我们首先看看根目录有没有问题。按照动力节点的王鹤老师在maven基础课上所教,应该是配置没有问题的。后面去网上查了下Resources.class.getRes

2021-04-12 00:19:37 563

转载 【JavaSE】List与数组区别

1、数组必须规定大小,List没有大小规定2、数组里的数据必须是同一类型的,List只要你不规定存放什么类型,就可以用放任何类型的数据3、List是个接口,可以有N多实现

2021-03-19 15:43:11 456

原创 【JDBC】数据库连接

JDBC是sun公司提供一套用于数据库操作的接口,java程序员只需要面向这套接口编程即可。不同的数据库厂商,针对这套接口,提供不同实现。不同的实现的集合,即为不同数据库对的驱动。

2021-02-20 12:45:38 187 1

原创 【JavaScript】事件介绍

文章目录事件简介及动态静态方法区别onclick 点击执行onload 页面载入就立刻执行onblur 失去焦点会提示onchange 每次改变选项都会提示onsubmit 提交前验证表单是否合法事件简介及动态静态方法区别有个小小的思考,什么时候用静态方法好,什么时候用动态方法好?个人认为静态方法适用于单独的标签,原因是每个标签上都要标注属性οnclick="onclickFun(); 如果多个标签都要一个个标记是不是是非常麻烦呢?这时候用动态方法获取同类标签对象就完美解决了这个问题。相反地,一个

2021-02-16 23:13:54 129

原创 【JavaScript】正则表达式

之前学爬虫的时候学过了,但是过了一年多我基本上都忘记了T ^ T。基础的只需要查阅文档,复杂的还是需要熟练理解的,这篇会不断补充我遇到的格式,用到了才记得牢。 // 字符串中,是否包含e var patt = /e/; // 字符串中,是否包含a【或】b【或】c var patt = /[abc]/; // 是否包含小写字母 var patt = /[a-z]/; //

2021-02-16 22:06:03 86

原创 【JavaScript】DOM小案例:验证用户名是否合法(document,正则)

记得我们上asp课关于js的的小案例第一个学的就是这个,这是很不安全的写法,很容易被绕过。但是作为一枚新手还是非常有学习价值的,可以熟悉dom的用法。需求用户输入用户名,要获取框中的内容,然后验证其是否合法。必须由字母,数字,下划线组成,且长度是5-12位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont

2021-02-16 21:59:32 462 1

原创 【JavaScript】DOM模型

DOM document Object Model 文档对象模型:把文档中的标签,属性,文本,转换成对象来管理。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-02-14 23:13:56 1115 7

原创 【mysql】语句

起别名ASSELECTemployees.salary AS 工资FROMemployees空格SELECTemployees.salary 工资FROMemployees有空格或者关键字的‘out put’ 单引号或者双引号括起来。SELECTemployees.salary ‘out put’FROMemployees

2021-02-14 00:14:58 973

原创 【JavaScript】js对象中调用对象属性(一般+循环)

obj.name或者 obj[‘name’] // 记录字母出现的次数 var str = 'abcoefoxyozz'; var o = {}; for (var i = 0; i < str.length; i++) { var chars = str.charAt(i); if (o[chars]) { o[chars]++; }

2021-02-09 20:43:39 442

转载 【JavaSE】使用多态的注意事项

这个博主总结的很好,我直接搬过来了,方便复习。多态注意点:1:多态情况下,子类中存在跟父类同名的成员变量时,访问的是父类的成员变量2: 多态情况下,子类中存在跟父类同名的非静态方法时,调用的是子类中的方法3: 多态情况下,子类中存在跟父类同名的静态方法时,访问的是父类中的方法4: 多态情况下,访问不到子类中特有的成员。...

2021-01-18 23:10:07 153

原创 【JavaSE】多态向上向下转型(需强制转换)及为什么要用instanceof

1.为什么要用到instanceof?向上转型,是多态。向下转型,为了防止编译错误,需要用到instanceof向下转型需要记住,不是什么类都能强转的。必须是父与子的关系。所以我们用来对所有想要强转的类进行约束。 Dog dog = new Dog(); Animal animal = dog; // 向上类型转换 Dog dog2 = (Dog)animal; // 【正确强转】向下类型转换 // Cat cat = (Cat)animal; 【错误强转】,开辟的是Dog类型;编译时

2021-01-15 12:57:10 758 3

原创 SQL注入:基本的sql注入类型(数字,字符,搜索,xx)

0x0 数字型传入后台的是数字我们可以猜猜看,数据库的查询语法应该是这样的因为是post请求,我们不能在url上直接测试,需要用burp抓包查看。抓包后send到repeater里,将id=1修改为id=1 or 1=1点击go,返回的http响应码是200,请求被成功地完成。于是我们如愿找到显示的字符段数据库里的所有信息全部被遍历出来。0x1 字符型数据库查询时拼接的变量是字符串根据以上的显示信息,我们可以猜想查询语句是这样的我们针对这个字符型构造一个payload,根据我

2020-05-20 11:49:04 741

转载 SQL注入:概念与原理

2020-05-19 09:43:30 224

原创 CSRF:修改用户的个人信息(get/post方式)/源码分析token的防范

GET 方式:0x0 攻击者Kobe先在网站上注册一个账号,进入修改信息界面:0x1 用burp抓包发现是get方式,而且没有token验证。0x2 直接构造恶意链接即可127.0.0.1/pika/vul/csrf/csrfget/csrf_get_edit.php?sex=boy&phonenum=18912121212&add=WuHan&email=kobe%40pikachu.com&submit=submit目标主机只要点击了链接就会被修改。前端提

2020-05-17 10:55:43 1023

转载 CSRF:概念与原理

重点学习如何确认有CSRF漏洞

2020-05-16 18:20:00 255 1

原创 XSS攻击:简单的盲打实验

什么是盲打?就是提交的恶意js给后台,但前端是看不见的,我们就不知道这里是否有漏洞。比如意见箱:但是值得试试,因为一旦管理员进入后台查看,就会中招我们这里重复做获取管理员cookie这个实验,获取了管理员的cookie危害很大,攻击者可以用这个管理员cookie免密登入:目标主机:win10 192.168.56.133攻击主机:win10 192.168.56.132构造payload<script>document.location = 'http://192.168.56

2020-05-13 16:57:39 344

原创 xss攻击:记录用户按键实验

目标主机:win10 192.168.56.133攻击主机:win10 192.168.56.1320x0:在有xss漏洞的的网页上写下<script src="http://192.168.56.132/pika/pkxss/rkeypress/rk.js"></script>0x1获取用户的按键,发送到攻击者的后台主要功能就是获取用户的按键:String.fromCharCode(event.keyCode);然后再异步发送到攻击者的后台http://192.168

2020-05-12 12:18:56 420

转载 servlet老杜:01JavaEE概述

2020-05-10 15:12:20 396

空空如也

空空如也

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

TA关注的人

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