蛙仔

摘要： 昨天看了一篇文章 【Vite 实战：手把手教你写一个 Vite 插件】，讲的是开发了一个编译markdown文件，解析为html的插件，看完之后自己记录一下啦，了解一下开发一个vite插件的书写格式。 以下的示例放在github上，可以克隆下来自己跑跑试试呀。github地址 ： vitejs-pl 阅读全文

摘要： 1. 字符串下划线转为驼峰式 function toCamel(str){ if(typeof str!=="string") return str; return str.replace(/_(\w)/g, function (a, b) { return b.toUpperCase() }) } 阅读全文

摘要： 在我们写样式时候，经常会有样式书写的都是一样的，只是有些值不一样而已，但我们却要重复的去写，感觉相当的麻烦。比如给一个按钮写样式，不同的size，尺寸不同，但样式都是一样的，重复写很麻烦，这样我们就可以使用混合的写法，会变得东西作为参数传入即可。less和scss在书写mixin有些许得不同。 1. 阅读全文

摘要： 1. css3样式变量 注意：变量名必须以【--】开头 设置变量，然后var去使用 2. 动态css 可以在vue中定义变量，然后v-bind在css中绑定变量去使用。 阅读全文

摘要： 在项目，有个业务需要展示一个视频，video标签设置src后，发现一个1个，视频下方有一块黑色的，百度后，对视频进行样式处理，增加【mix-blend-mode：screen】，这一加，就造成了2个问题，经过排查，这2个问题都跟transform有关： 问题1：视频设置mix-blend-mode后 阅读全文

摘要： 之前看 vuetifyjs 文档，然后看到一个【交叉观察者】，觉得很有意思，我就在想，一个dom元素，在页面中，我们怎么判断它是在可视区域内呢？ 1. 方法1：getBoundingClientRect let domRect = dom.getBoundingClientRect()； DOMRe 阅读全文

摘要： 之前看到这个题目，实现一个带并发限制的promise异步调度器，觉得挺有意思，在这里记录一下。 题目是什么意思呢，就是我们正常情况下，promise是没有并发数量限制的，同一个时间可以多个请求同时执行，然后谁返回的速度快，在前端页面直观的就可以打印谁的返回内容。 1 class Scheduler 阅读全文

摘要： 最近迷上了promise，觉得还挺有意思，看了大佬的一篇知乎文章 面试官：“你能手写一个 Promise 吗” ，写的很详细，超级赞，看完了来着做个笔记，牢固一下理解和印象。 1. 常见 Promise 面试题 这个模块是搬运 面试官：“你能手写一个 Promise 吗” 文章，不想到时候看还得2个 阅读全文

摘要： 呀呀呀呀，快过年啦，开心！而且之前一直想做的2个事，一个从0到1自定义开发ui组件库（从0到1 开发一个自己的ui库）已经做好啦，还有一个做个自定义的脚手架，现在也做好啦。2个flag完成，开心开心。提前祝大家新年快乐呀！ 1. 效果展示 好了，回归正题，说一说开发这个脚手架的过程。首先呈现一下使用 阅读全文

摘要： 背景：有个业务需要用户签署一个承诺书，电子签名，并生成图片，所以就看了一些线上签名且生成图片的技术和插件，自己研究了一下。 1. elesigncode 第三方插件 首先在github看到【elesigncode】这个现成的插件，可以实现我的业务需求。 2. elesign 自己开发的一个线上签名 阅读全文