首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
Javascript
相关的文章
2023-09-12
esbuild v19版本构建本地服务
前言 本文主要是对文章vue3源码学-2-实现构建流程的一个补充。补充的内容为esbuild新升级的版本,即大于0.17版本构建的写法发生了巨大的改变。 下面是新的dev.js的内容,请根据自己的项目情况修改 // 这里用到了之前安装的minimist以及esbuild模块 const args =
2023-09-12
7
0
0
学习思考
2023-07-16
JS的深刻认识
JS Function函数中对于arguments的理解 在 JavaScript 中,arguments 是一个特殊的对象,它包含了传递给函数的所有参数。它类似于一个数组,但并不是一个真正的数组,因为它没有继承 Array 类的方法。 同样地,在vue2中,我们经常使用组件来编写代码,并且通常会通
2023-07-16
8
0
0
学习思考
2023-04-26
手写一个简单的Swiper
前言 起初我是要编写一个画布的组件功能的。考虑到目前我的项目代码有vue2,vue3,本人还在学习React。所以我想编写一个可以不受框架限制的组件。正好借着这个机会学习一下面相对象开发组件。 分析组件需求 这一步要明确组件需要哪些基本功能。首先从使用方面来说,只需要满足指定的dom就行,然后就是满
2023-04-26
5
0
0
技术分享
2022-09-09
JS实现双指缩放
摘要 随着移动端设备的普及,作为前端开发,难免会遇到图片双指放大的需求。触控设备可以直接使用手指进行交互,而且基本上都支持多点触控。所以,查阅了网上大佬的案例,编写一个vue指令,来完成双指放大图片的需求。 缩放原理 原理其实很简单,双指向外扩张表示放大,向内收缩表示缩小,缩放比例是通过计算双指当前
2022-09-09
5
0
0
技术分享
2022-08-19
Vue3和Vue2的一些写法区别
摘要 本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异,持续更新。 事件绑定 在开发过程中会遇到需要定制一些video或者audio播放组件,需要用到一些原生的事件。但是vue3和vue2原生事件的绑定是不一样的。 例如下面的音频播放组件 vue2中只需要在mounted(组件渲染完成的时
2022-08-19
6
0
0
学习思考
2022-07-22
Axios 上传文件
摘要 记录一个今天遇到的问题:使用axio上传文件过程中,传入formData数据,然后提示 the request was rejected because no multipart boundary was found。首先,确定这个接口是可以使用的。 如何使用Axios上传文件 首先需要设置A
2022-07-22
7
0
0
学习思考
2022-06-13
原生JS编写虚拟滚动
前言 在开发项目的过程中,偶尔会遇到很大的数据,然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动,但最后一个计算的元素出现的时候,替换上面不见了的DOM元素,将它们从渲染的HTML中剔除,同理往上滚动,一个计算的元素出现在最上面的时候,表明需要加载上面
2022-06-13
9
0
0
学习思考
2022-05-20
记录一次vue2函数式组件开发+单粒模式
前言 最近遇到个需求,需要一个类似于钉钉头部的菜单栏,因为钉钉的头部可以通过函数来渲染需要组件的样式,以及回调函数。所以,第一眼想到了,用单粒模式来模仿这个。那么我们就需要一个全局组件 组件编写过程 首先我们编写一个基础的vue组件,来作为基础的布局。 <template> <div class
2022-05-20
6
0
0
技术分享
2022-04-30
Javascript 模拟输入并触发事件
问题 通常我们编写脚本时会涉及到用户输入字符的操作。对于大部分网站来说,使用的都是input或者一些用contenteditable=true这种属性来完成用户的输入。 然而,网站通常会在用户输入时进行一些JS操作。因此,在JS脚本中,如果单纯地在input里面填入文字,它不会触发网站的JS操作。查
2022-04-30
5
0
0
技术分享
2022-03-27
如何不通过JS代码实现点击改变颜色
前言 希望只通过 CSS 的方法来完成点击改变颜色的需求,这样就不用写冗余的 JS 代码。 第一种 input 通过如下的 DOM 结构: <div class="father"> <input class="children" /> </div> .father:focus-within
2022-03-27
5
0
0
技术分享
1
2