自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue-drag-resize 恢复初始位置和尺寸

注意:由于style是动态计算的,如非必要,最好不要直接修改容器的样式,否则会导致再次拖动调制位置时会造成偏移。查看 vue-drag-resize 源码可知,它的宽度、高度是基于父节点宽高度和绝对位置偏移量计算出来的。此时可知 :在 w、h固定的情况下,我们只需将它的绝对位置置回初始状态就可以使它恢复原来的尺寸,代码如下。其中 sizeStyle 是内部容器的样式。

2023-08-23 10:46:59 424

原创 element ui中input输入建议el-autocomplete注意事项

1. 在vue中的代码div中: <el-autocomplete class="inline-input" v-model="locationName" :fetch-suggestions="querySearch" placeholder="请输入内容" :trigger-on-focus="false" @select="handleSelect" > <el-button slot.

2021-07-19 15:24:07 1033

原创 ES6中的Map()

新建一个Map实例该实例挂载的属性和方法:Map的本质是JS对象,是键值对的集合(Hash结构),但传统上只能用字符串当做键,即‘字符串——值’的对应, 这样有诸多限制。所以,ES6的Map数据结构提供了‘值——值’一一对应的解决方案。注意点Map的迭代值采用的方式不允许使用一维数组。即需要是一个所谓的‘entry object’。正确的迭代值传入方式:二维数组(类似于对象的方式,当然两个子数组的arr[0]不允许重复(和对象一样,key必须唯一),否则前..

2021-07-16 11:30:16 81

原创 横向列表无法对齐——行内块状元素对齐问题

在用列表编辑横向导航栏问题时,我的最后一个li需要是空白的,但前面li的位置出现了偏离,如下图:原理是这样的:考虑到display:inline-block的属性中在最后一个块状元素没有内容的情况下,它的基线对齐方式是基于最后一个行内块状元素的底边。所有,我们只需给任意一行内块状元素设置 “vertical-align: top;”。即可实现所有行内块状元素的水平对齐。效果图如下:...

2020-08-08 15:03:59 561

空空如也

空空如也

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

TA关注的人

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