首页
链接
分类
归档
友链
MicroMatrix
曲则全,枉则直,洼则盈,敝则新,少则得,多则惑。是以圣人抱一为天下式。不自见,故明;不自是,故彰;不自伐,故有功;不自矜,故长。夫唯不争,故天下莫能与之争。古之所谓“曲则全”者,岂虚言哉!诚全而归之。
累计撰写
80
篇文章
累计创建
21
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
Vue
相关的文章
2023-07-16
JS的深刻认识
JS Function函数中对于arguments的理解 在 JavaScript 中,arguments 是一个特殊的对象,它包含了传递给函数的所有参数。它类似于一个数组,但并不是一个真正的数组,因为它没有继承 Array 类的方法。 同样地,在vue2中,我们经常使用组件来编写代码,并且通常会通
2023-07-16
8
0
0
学习思考
2023-03-18
B站防遮挡弹幕实现
前言 B站是一个以视频为主的社交媒体平台,其中一大特色就是弹幕,即用户可以在视频上方实时发送评论,与其他观众互动。弹幕可以增加观看视频的乐趣,也可以反映出视频的热度和受欢迎程度。然而,弹幕也有一个缺点,就是可能会遮挡住视频中的重要内容,影响观看体验。为了解决这个问题,B站推出了一种智能防挡弹幕技术
2023-03-18
4
0
0
技术分享
2023-01-04
Vue3小技巧-业务逻辑Hooks封装
前言 随着Vue更新到3.x版本,出现了一个新的代码组织方式-组合式API。以前Vue2.x到代码书写风格是选项式 API。 具体可以去vue官网查看 但是在实际代码编写过程中,组合式API一大坨代码都放在一起。不利于后期代码维护,本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用
2023-01-04
10
0
0
技术分享
2022-11-27
前端项目优雅使用svg
前言 在前端开发中,大家都接触到设计图。Figma或者蓝图,在线设计或者看图的网站。UI设计又很喜欢那种花里胡哨的图标,很难找。神奇的是你可以把它们保存为SVG图标。但是SVG的引入又是一大串长长的代码,更麻烦的是有些图标悬浮上去是要改变颜色的。这里我找到了一种让SVG方便引入的方法,而且能像字体文
2022-11-27
7
0
0
技术分享
2022-11-16
Vue3 + Vite + Ts + Axios + Pinia + VueRouter 配置教程
说明 本文记录一下Vue3的一个基本的开发框架的搭建。主要在公司开发业务,主体框架不用每次都搭建。时间长了就容易忘记了,当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题,然后研究一些快捷的操作。例如,ts定义的空间自动导入等等。 工具介绍 Vite 是一种新型前端构建工具,能够显著提升前端
2022-11-16
19
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-09
vue3源码学习11-h方法和createVnode方法实现
摘要 在实际开发中,经常用到h方法来实现页面,常见的组件中也有render,h这种写法。例如iview的table中 那么h用法也有很多的多样性。例如 h("div",{style:{color: "black"}}) h("div",h('span')) h('div', [h('span'),h
2022-07-09
18
0
0
学习思考
2022-06-26
vue3源码学习10-runtime-dom实现
摘要 前面主要是vue的源码仿写,最主要的是vue的响应式,以及依赖收集。是一个简易版本,和官方源码还是有很多细微差别的,例如数组代理之后改变数组长度,会触发更新之类的。数组还会被收集长度这种依赖关系,以及数组的一些splice,push,shift,unshift,pop这些方法重写,来完成修复一
2022-06-26
6
0
0
学习思考
2022-06-21
vue3源码学习-9-ref的实现
摘要 在页面编写中,之前都是使用reactive来包裹对象,这样对象属性的值改变,其对应的effect包裹渲染动作就会被触发。并且通常有函数解构的操作,例如let people = reactive({name:"张三",age:24}); let {name,age} = people;。如果这么
2022-06-21
7
0
0
学习思考
1
2
3