![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端杂谈
文章平均质量分 93
YOLO浪漫收藏家
这个作者很懒,什么都没留下…
展开
-
Vant组件库封装可翻页日历组件
Vant 是一个轻量、可靠的移动端组件库,但是其中的日历组件存在官方bug,2.12.54版本这个bug依旧存在。怎样在修改bug的同时封装一个可以自主使用按钮翻页的组件呢原创 2023-02-15 16:25:50 · 3544 阅读 · 0 评论 -
页面ifream固定分辨率展示并适配所有分辨率方法
实现方式:以ifream要完整展示1920*1080大屏为例:将ifream本身进行相对于1920*1080的等比例放大,然后再使用transform对ifream进行相对于1920*1080的等比例缩小,然后再将放缩之后的ifream进行平移至页面正中间,实现铺满整个屏幕。效果实现:虽然网页展示的只是一个ifream,但是还需要在该ifram外面再包一层父级div,<div className={s...原创 2021-07-29 15:51:39 · 2070 阅读 · 0 评论 -
监听Dom节点失焦触发方法的几个思路
之前接触一个需求是点击弹出一个弹窗,再点击页面空白地方弹窗消失,类似这个:点击按钮出现一个dom节点,既可以再点击dom节点关闭也可以点击页面其他部分关闭,点击页面其他部分关闭的时候就用到了失焦触发这个方法。但是一般情况下,onblur事件只在input等元素中才有,而div是没有的。如果想让div也能拥有失焦方法,只能通过其他事件来达到类似onBlur的方法。1.用防抖实现鼠标移出DIV消失利...原创 2022-02-23 14:42:24 · 2775 阅读 · 0 评论 -
从VirtualDom(虚拟Dom)到真实DOM
虚拟Dom实现为真实Dom结构并进行更新的集合说明,包含虚拟Dom和真实Dom的互相转换以及更新时候的比较,在react和Vue以及后续版本应用的逻辑说明。本文展示的代码仅仅是简单初级代码,关于React和Vue中的diff算法和真实dom以及虚拟dom的互相转换请参考react和Vue的官方源码。原创 2022-03-30 15:00:39 · 3144 阅读 · 0 评论 -
Vue3.x渲染流程(render())
本文章是叙述的DIff算法之前,patch函数进行分类的探讨,关于DIff算法的深入了解可以看我另一篇文章原创 2022-04-08 17:22:37 · 6014 阅读 · 0 评论 -
前端数据库indexedDB入门
indexDB是HTML5的新概念,indexedDB是一个用于在浏览器中存储较大数据结构的Web API,并且提供了索引功能以实现高性能查找。原创 2022-06-29 17:02:24 · 18586 阅读 · 1 评论