02 2023 档案

摘要:昨天看了一篇文章 【Vite 实战:手把手教你写一个 Vite 插件】,讲的是开发了一个编译markdown文件,解析为html的插件,看完之后自己记录一下啦,了解一下开发一个vite插件的书写格式。 以下的示例放在github上,可以克隆下来自己跑跑试试呀。github地址 : vitejs-pl 阅读全文
posted @ 2023-02-23 17:37 蛙仔 阅读(777) 评论(0) 推荐(0) 编辑
摘要:1. 字符串下划线转为驼峰式 function toCamel(str){ if(typeof str!=="string") return str; return str.replace(/_(\w)/g, function (a, b) { return b.toUpperCase() }) } 阅读全文
posted @ 2023-02-23 15:57 蛙仔 阅读(30) 评论(0) 推荐(0) 编辑
摘要:在我们写样式时候,经常会有样式书写的都是一样的,只是有些值不一样而已,但我们却要重复的去写,感觉相当的麻烦。比如给一个按钮写样式,不同的size,尺寸不同,但样式都是一样的,重复写很麻烦,这样我们就可以使用混合的写法,会变得东西作为参数传入即可。less和scss在书写mixin有些许得不同。 1. 阅读全文
posted @ 2023-02-21 11:37 蛙仔 阅读(830) 评论(0) 推荐(0) 编辑
摘要:1. css3样式变量 注意:变量名必须以【--】开头 设置变量,然后var去使用 2. 动态css 可以在vue中定义变量,然后v-bind在css中绑定变量去使用。 阅读全文
posted @ 2023-02-20 11:06 蛙仔 阅读(315) 评论(0) 推荐(0) 编辑
摘要:在项目,有个业务需要展示一个视频,video标签设置src后,发现一个1个,视频下方有一块黑色的,百度后,对视频进行样式处理,增加【mix-blend-mode:screen】,这一加,就造成了2个问题,经过排查,这2个问题都跟transform有关: 问题1:视频设置mix-blend-mode后 阅读全文
posted @ 2023-02-13 11:52 蛙仔 阅读(638) 评论(1) 推荐(1) 编辑
摘要:之前看 vuetifyjs 文档,然后看到一个【交叉观察者】,觉得很有意思,我就在想,一个dom元素,在页面中,我们怎么判断它是在可视区域内呢? 1. 方法1:getBoundingClientRect let domRect = dom.getBoundingClientRect(); DOMRe 阅读全文
posted @ 2023-02-10 16:01 蛙仔 阅读(959) 评论(0) 推荐(0) 编辑
摘要:之前看到这个题目,实现一个带并发限制的promise异步调度器,觉得挺有意思,在这里记录一下。 题目是什么意思呢,就是我们正常情况下,promise是没有并发数量限制的,同一个时间可以多个请求同时执行,然后谁返回的速度快,在前端页面直观的就可以打印谁的返回内容。 1 class Scheduler 阅读全文
posted @ 2023-02-06 15:51 蛙仔 阅读(277) 评论(0) 推荐(0) 编辑
摘要:最近迷上了promise,觉得还挺有意思,看了大佬的一篇知乎文章 面试官:“你能手写一个 Promise 吗” ,写的很详细,超级赞,看完了来着做个笔记,牢固一下理解和印象。 1. 常见 Promise 面试题 这个模块是搬运 面试官:“你能手写一个 Promise 吗” 文章,不想到时候看还得2个 阅读全文
posted @ 2023-02-06 13:47 蛙仔 阅读(1114) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示