排序
结合 vue3 源码探究 nextTick()
之前在 vue2 的项目中,如果遇到更改数据后界面没有按照预期的那样渲染更新,我就会尝试使用 this.$nextTick(),有时候能够解决问题,但有时候并没有用,这时候我就会想,nextTick() 背后的原理...
二次封装Ant-design-vue下拉框组件,支持分页操作、滚动加载、模糊搜索等
哈喽,各位高贵的倔友们你们好呀,今天摸鱼摸得可还开心(^▽^)?记住加班不是福报,摸鱼才是王道,打工人加油(✪ω✪)。 那么,如果各位亲们摸累了,不如来看看文章学点小知识解解乏吧,今天小...
小狐狸学mini-vue(二、初始化和渲染流程)
16、实现初始化component功能 createApp的开始是先将传入的App组件转换成虚拟节点,调用createVnode将根组件转换成为vnode。 在一开始要搞清楚vnode的两种形态,当type是对象的时候表示要patch...
高德地图-散点地图-实现在地图上绘制散点并绑定交互事件
哈喽,各位高贵的倔友们你们好呀(✪ω✪),今天继续分享关于高德地图内容的文章,在观看此篇文章之前,你也可以先看看上一篇文章,这样能更好理解也能学到更多东西唷。那么,如果各位看官大大觉...
需求小能手——查找功能
前言 最近做了一个查找的需求,在输入框输入查找文本,在下面的树状结构中高亮出搜索的label,并附带着上一个、下一个功能,下面我们来看下具体的实现过程。 查找 查找功能的实现可以分为两步:...
精读《Vuejs设计与实现》第 5 章(非原始值响应式方案)
5.1 理解 Proxy 和 Reflect Proxy 可以创建一个代理对象,实现对其他对象的代理,拦截并重新定义对对象的基本操作。注意,Proxy 只能代理对象,不能代理非对象值(如字符串、布尔值等)。基本操...
「Vue3学习篇」-isReactive()、shallowReactive()
『引言』 这次介绍两个API,分别为isReactive()、shallowReactive()。想知道这两个API是干什么的?一起接着往下看。 『isReactive()』 『定义』 【官方解释】 检查一个对象是否是由 reactive()...
用插件化 + CompositionApi 的方式实现一个可扩展的拖拽通用库
背景 最近在做低代码项目,想使用现成的拖拽库做低代码的编辑器区域,因为采用的技术栈是 Vue,所以看了 VueDraggable,这个库底层是基于 Sortable 的,在使用的时候发现跨 Iframe 拖拽时有点小问题...
vue3问题:如何实现微信扫码授权登录?
笔者 | 大澈 大家好,我是大澈! 昨天搞了个服务器,腾讯云的轻量应用服务器,价格还算实惠。又搞了个自己的域名,但在起名字时犯了难,想了半天都不知道叫啥,后来还是感谢对象的指点,哈哈...
Vue原理学习 – 1、实现数据代理和数据劫持
在 Vue.js 中,数据代理(Data Proxy)和数据劫持(Data Interception)是两个核心概念,它们在实现 Vue 的双向绑定和响应式数据流方面发挥了重要作用。 数据代理(Data Proxy): 数据代理是一...
VSCode插件开发第一天——打包配置
今天将从零开始开发一个用于在VSCode中阅读epub文件的插件。在这篇文章中,我将记录一些在开发过程中遇到的问题以及相应的解决方案。相信通过阅读这篇文章,你也能够自己开发一个类似的插件。 1...
Vue2源码 – init.ts(纯干货,自带水)
前言 本篇通过注释源码的方式,不说没用的废话。带你一字一句的学习Vue2版本源码。有过Vue2项目经验,然后在搭配Vue的源码一起阅读最好。 源码模块中的重要方法 1.initMixin() function initMix...
详细讲解-原生js拖拽移动元素
场景描述 今天遇见一个问题,那就是产品希望在弹出来的窗口。 可以移动这个弹窗的位置 增加用户体验,我们直接使用的element-ui中的 Dialog 对话框 我们现在需要拖拽标题,移动元素位置 元素拖...
vue3枚举值统一管理维护
由于多页面有时需要共同的表单枚举选择,页面以及table需要显示枚举值label以及有时需要根据枚举值进行业务逻辑判断,如果使用硬编码写死每个枚举值的话,则不利于后续的维护。如下: // 根据特...
高德地图-区域地图-实现对地图区域板块进行颜色标注与地图主题风格切换
哈喽,各位高贵的倔友们你们好呀(✪ω✪),今天小编给各位分享一篇关于高德地图内容的文章,如果各位倔友觉得还不错,期望点个赞呗,那我们话不多说,直接进入正题。 写在开头 申请Web端开发者K...
谈谈 H5 移动端适配原理
前言 欢迎关注同名公众号《熊的猫》,文章会同步更新,也可快速加入前端交流群! H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配,因为 UI 通常只会提供 大小固定的设计稿,而各种不...
【vue3 原理】初始化元素流程
前言 初始化组件流程中的最后提到: 因为对根组件拆箱后只是得到了下一个层元素类型的vnode,没有实现对元素类型vnode的渲染逻辑 因此我们来实现这一部分 拆箱 runtime-core/renderer.js functi...
Vue 3 组件之间如何通信
前言 在一个 Vue 项目中,每一个 .vue 文件都可以被视为一个组件,组件之间可以相互嵌套,相互组合,这在实际开发中是非常常见的,比如以下结构: <template> <TheHeader /> <ma...
前端开发小技巧 -【Vue3 + TS】 – 为【ref()、reactive()、computed()、事件处理函数、ref、props、emits】标注类型
前言 我也是 Vue3 + TS 刚起步,还有很多不了解的东西,写文章主要是为了记录一下自己的学习历程还有就是记录自己遇到的问题,方便以后的查阅; ❗ 注意: 在 Vue3 中,ref、reactive 本身是泛...
细读vue3文档,总有一些细节是你之前不知道的(一)
前言 用vue3做开发也有一段时间了,之前也就大致学了一下,了解了一些用法就上手写了,最近抽时间去完整的阅读了一下官方文档,发现了很多之前疏忽或遗漏的知识点,还是挺有意思的,就记录了一...