前端
小菜101
这个作者很懒,什么都没留下…
展开
-
-webkit-text-fill-color
【代码】-webkit-text-fill-color。原创 2022-12-15 17:02:53 · 997 阅读 · 0 评论 -
offsetWidth、offsetHeight、clientHeight、clientWidth、scrollHeight、scrollWidth详细对比
offsetHeight、offsetWidth其实就是元素在屏幕上所占的实际宽高(包括border、padding)时时clientHeight、clientWidth是 padding+conent-滚动条宽度,就拿上述例子来说clientHeight = padding + conent - 滚动条宽度时content高度就是我们设置的宽高,都是10093时,content高度是我们设置的宽高 - padding - border = 100 - 10 - 2 = 88。原创 2022-12-08 14:18:25 · 563 阅读 · 0 评论 -
getBoundingClientRect属性研究
getBoundingClientRect 返回 width、height和下图中的6个属性抓住一个核心点,就是height、width的值:所以:在看源码时,经常看到兼容性IE低版本的写法,了解即可,比如看popper.js源码时:原创 2022-12-06 22:23:24 · 553 阅读 · 0 评论 -
viewport视口的概念
概念详见 MDN,我摘出来对比了下,如下图:总结:只要记住,在手机浏览器中输入内容时弹出键盘,这是Visual Viewport高度变小了,而Layout viewport布局视口没变,概念就很容易理解了。用例子来理解概念。参考:https://developer.mozilla.org/en-US/docs/Glossary/Viewporthttps://developer.mozilla.org/en-US/docs/Glossary/Visual_Viewporthttps://developer.原创 2022-12-03 10:45:52 · 621 阅读 · 0 评论 -
element性能优化之实时计算textarea高度
el-input中有个属性autosize加上后,textarea。原创 2022-11-30 14:34:53 · 2316 阅读 · 0 评论 -
scrollHeight实测
scrollHeight = 实际内容尺寸 + padding。原创 2022-11-29 16:40:34 · 600 阅读 · 0 评论 -
重新认识box-sizing
摘自:https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing。,那么布局的时候,元素的宽高就是我们设置的宽高,省心方便。的定义,有了新的认识。原创 2022-11-29 15:26:56 · 385 阅读 · 0 评论 -
前端生成二维码插件
生成二维码是,代码里写 128,然后再用css控制 img的实际大小,达到高清的目的。原创 2022-10-09 16:15:00 · 555 阅读 · 0 评论