🗒️ 手写一个简单的Swiper

这是模仿Swiper的功能,网上非常好用的一个组件。并不是想重复造车轮。主要是开发中遇到这个这样一个需求,但是又要非常高的一些定制化功能。主要还是全部引入Swiper会使得我编写组件很臃肿,不利于别人的使用。这里就当学习一下,自己实现一个简单的Swiper

🗒️ JS实现双指缩放

随着移动端设备的普及,作为前端开发,难免会遇到图片双指放大的需求。触控设备可以直接使用手指进行交互,而且基本上都支持多点触控。所以,查阅了网上大佬的案例,编写一个vue指令,来完成双指放大图片的需求。

🗒️ Vue3和Vue2的一些写法区别

本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异,持续更新。

🗒️ Axios 上传文件

记录一个今天遇到的问题:使用axio上传文件过程中,传入formData数据,然后提示 the request was rejected because no multipart boundary was found。首先,确定这个接口是可以使用的。

🗒️ 原生JS编写虚拟滚动

在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面的元素信息,并隐藏下面的DOM元素。演示地址

🗒️ 记录一次vue2函数式组件开发+单粒模式

最近遇到个需求,需要一个类似于钉钉头部的菜单栏,因为钉钉的头部可以通过函数来渲染需要组件的样式,以及回调函数。所以,第一眼想到了,用单粒模式来模仿这个。那么我们就需要一个全局组件

🗒️ Javascript 模拟输入并触发事件

通常我们编写脚本中会遇到用户输入字符的操作,对于大部分网站来说,用的都是input或者一些用contenteditable=true这种属性。来完成用户的输入。但是,网站通常都在用户输入的时候做一些JS的操作,那么,在JS脚本中如果单纯的在input里面填入文字,他不会触发网站的JS操作。为此查询了下资料,得知可以通过EventTarget.dispatchEvent来重新初始化事件。这样在脚本填入文字的时候就能触发网站原本的操作了。

🗒️ 如何不通过JS代码实现点击改变颜色

希望只通过css的方法来完成点击改变颜色的需求,这样就不用写冗余的JS代码