自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 资源 (1)
  • 收藏
  • 关注

转载 一篇文章搞清楚Markdown

简介Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。特点专注于文字内容;纯文本,易读易写,可以方便地纳入版本控制;语法简单,没有什么学习成本,能轻松在码字的同时做出美观大方的排版。作用Markdown 是做笔记、为网站创建内容以及生成可打印文档的快速、简便的方法学习 Markdown 语法并不需要很长时间,一旦你知道如何使用它,你就可以在几乎所有地方使用 Markdown 进行书写了。大多数人使用 Markdown 来为网站创建内容,但是 Markdo

2021-11-11 16:13:52 191

转载 数据处理:js数组根据数组对象中某个属性进行分组

需求:已知一数组,按数组中对象的id进行如下效果分组处理返回新的数组。原数组:[{ id: ‘1’, oid: ‘100001’ },{ id: ‘2’, oid: ‘100002’ },{ id: ‘1’, oid: ‘100003’ },{ id: ‘1’, oid: ‘100004’ },]处理后:[{ id: ‘1’, oid: [ ‘100001’, ‘100003’, ‘100004’ ] },{ id: ‘2’, oid: [ ‘100002’ ] },]let ar

2021-11-11 16:12:02 924

转载 面试总结之HTML部分(持续更新)

**HTML**:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。语义化标签理解: 语义化的标签,旨在通过标签能理解其含义。好处:结构清晰,便于阅读。方便设备解析,如屏幕阅读器、移动设备等。有利于搜索引擎优化(SEO)。常见语义化标签:<header>:页面的头部区域,通常包括网站logo、导航及搜索框等内容。<nav>:页面的导航区域。<main>:页面的主体内容,一个

2021-11-11 16:09:39 166

原创 如何在element-plus配套vue3中使用日期时间选择器默认英文修改为中文

element-plus版本1.0.2-beta.59(包含59)之后可以这样用Element Plus 组件内部默认使用英语,我们通常会碰到需要修改语言的需求,比如修改为中文。如果你的项目是在使用options API,那么建议使用这种方法(即官档推荐的第一种方法),通过 ConfigProvider 的方式来使用:App.vue文件:<template> <el-config-provider :locale="locale"> <slot name="

2021-08-10 15:34:58 2703 1

转载 网站图片多导致网站加载慢怎么解决?

就以本站为例,我发现网站速度加载特别慢,那么好,直接打开浏览器开发者面板找问题,在network面板下我们先清空所有请求信息,然后强刷网页(Ctrl+F5),看看是那些资源请求影响了网站速度:我这里呢是每张图片加载都在1-3s,显然图片的加载速度拖了后腿,那么“病根”就在这里,那么“病因是什么呢”,一方面我的服务器带宽很小,另一方面是本身图片体积较大,未做任何处理。既然找到了原因,那么肯定是要解决一下的,总结了一下,可以从以下方面去着手:1.对图片进行压缩后再上传,这里推荐一个蛮不错的网站:http

2021-06-21 17:22:43 1589

原创 通过旋转三个div实现正六边形图片展示

对三个矩形div进行旋转,box1>box2>box3依次嵌套,在样式中统一设置宽高,这里的宽高不是随便定义,需要计算一下,矩形的宽即是六边形的边长,知道正六边形内角是120度,那么作虚线可以在小直角三角形中求得矩形的高度(本例高度值实际为346.41016151377545,直接取的整数)。知道div宽高后,开始旋转操作,从最外层box1开始旋转120度,此时三个div是一块旋转的,然后box2旋转-60度,最后box3同样旋转-60度,那么box3已经回到原位了,并且三个div之间的角度已

2021-06-17 17:01:59 399

转载 通过实例场景让你彻底理解防抖和节流以及它们之间的区别

首先来看下概念:函数防抖(debounce):触发高频事件后n秒内只会执行一次函数,当n秒内再次触发事件,会重新计算时间,可以理解为将多次执行变为最后一次执行。函数节流(throttle):触发高频事件后间隔n秒才会执行一次。可能光看概念还是不够清晰,那么我们来看这两个场景:场景一: 一个输入框,我们绑定一个keyup事件,对输入的内容进行手机号码格式的正则验证,格式正确与否进行相应弹窗提示,我们每按下一个键都会触发验证,显然我们并不需要如此高频率的获取验证提示,结合生活中我们输入信息的操作习惯,此

2021-06-16 10:20:30 133

转载 java双列Map(HashMap)集合实现模拟斗地主洗牌发牌

1.准备54张扑克牌;2.洗牌(将54张牌打乱顺序);3.三个玩家参与,轮流发牌,每人17张牌,最后3张为底牌;4.查看三个玩家手中的牌与底牌;效果如图:理清思路:准备牌:完成数字与纸牌的映射关系:使用双列Map(HashMap)集合,完成一个数字与字符串纸牌的对应关系(相当于一个字典)。洗牌:通过数字完成洗牌发牌发牌:将每个人以及底牌设计为ArrayList,将最后3张牌直接存放于底牌,剩余牌通过对3取余依次发牌。存放的过程中要求数字大小与斗地主规则的大小对应。将代表不同纸牌的

2021-06-09 18:01:22 607

原创 在uniapp中使用axios出现adapter is not a function的解决方案

在uniapp中使用axios请求接口,出现adapter is not a function:大致就是说适配问题不兼容,因为我们这里是引用的axios插件,在兼容方面还需要做相应处理。我这里呢是请求自己一个接口,获取图书信息结构:<template> <view class="content"> <!-- <image class="logo" src="/static/logo.png"></image> --> <v

2021-05-31 13:58:07 10044 5

转载 javascript中的this指向问题

记录一个问题,关于对象中this的指向,不仔细一点的话还真的容易忽视,在下面代码中,分别在对象的属性和方法都用到了this,这里主要探讨属性中的this。var name = '小明', age = 18var obj = { name: '小华', age: this.age, myFun: function () { console.log(this.name) }}console.log(obj.age) //18obj.myFun() /

2021-05-27 11:59:14 123

转载 jquery实现复选框全选、反选

HTML:<input id="all" type="checkbox" value="" /><label for="all">全选</label><input id="fan" type="checkbox" value="" /><label for="fan">反选</label><button id="getValue">获得所有选中值</button><ul class="lis

2021-05-18 11:01:58 2896

转载 vscode最实用快捷键

因为我个人平时毕竟喜欢用vscode,所以总结了一些vscode常用的快捷键,掌握一些快捷键确实能大大提升开发速度,希望能帮到大家,以下快捷键都是基于windows的哈。1.格式化代码开发过程中经常遇到一些复用模块代码,需要复制粘贴,可粘贴过来格式就变得乱七八糟,挤到一块去了,相当不美观,这个时候咱们就可以用格式化代码的快捷键。选中代码块 ==> Shift + Alt + F2.向上/向下复制行鼠标光标停留在需要复制的行 ==> Shift + Alt + Up/Down3.删除行

2021-05-18 10:54:36 214 1

原创 解决vscode编译后scss文件中的-webkit-box-orient:vertical属性丢失问题

平常对于文字的超出隐藏是自己封装的样式类之前一直没发现,知道一个项目中发现设置了超出三行显示隐藏失效,最后发现scss编译过后的css文件中是没有-webkit-box-orient:vertical的。原来是autoprefixer把这个属性给自动删掉了,只需要通过以下注释就能解决这个问题...

2020-10-29 11:37:17 561 1

原创 img标签无图片或者图片url错误时显示默认图片

这里是第一篇博客的内容

2020-08-08 14:55:19 1569

利用栈和队列实现迷宫

通过栈和队列两种不同的方法来实现迷宫问题,队列方法求出的迷宫路径是最短路径

2018-06-20

空空如也

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

TA关注的人

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