前言 用vue3做开发也有一段时间了，之前也就大致学了一下，了解了一些用法就上手写了，最近抽时间去完整的阅读了一下官方文档，发现了很多之前疏忽或遗漏的知识点，还是挺有意思的，就记录了一...

一、Vuex是如何使用的 在Vue项目中，使用vuex的步骤大概如下： 在src下创建一个store/index.js，然后添加如下代码 // src/store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.u...

摘要 这篇文章的内容包括：调用 createApp 时初始化组件的主流程、虚拟节点的本质及作用和拆箱的概念 准备 demo 在编写核心代码先准备测试用的 demo index.html 作为 Vue 的容器，引入入口文件 ...

前言 在上一期的博客中，我们深入探讨了如何为嵌入式语言实现语法高亮，从而为代码添加了色彩和样式的展示。然而，在那篇博客中，尽管我们取得了显著的进展，但在代码编写过程中仍然缺乏智能提...

在上一篇文章 # 面试官：说一说 vue3 的快速 diff 算法（一） 中，提到了 vue3 快速 diff 算法的预处理过程； 这次，我们来看看快速 diff 算法是如何高效移动节点的。 首先，我们来回顾一下，经...

github仓库地址：   github.com/Liangjiahon… 安装 axios  pnpm i axios 在根目录下新建 service 文件夹，进行 axios 封装 目录结构如下 modules： 区分每个模块下的请求，如登录退出的房 a...

前言 这里说的数据双向绑定，指的是 vue 父子组件的数据双向绑定，而不是 vue 的数据双向绑定原理（数据与视图的双向绑定更新） 关于子组件不能修改父组件穿入的props数据，官方这样解释： “注...

写在前面 适合阅读人群 本文适合具备一定前端基础的同学，特别是那些已经熟悉 Vue 2 或希望巩固 Vue 3 的同学。 对于完全零基础的同学来说，本文的代码部分可能有些难以理解。如果你想系统学习 ...

背景 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它可以延迟网页中的图像加载时间，直到用户需要查看它们时才加载。这样可以减少页面加载时间，提高用户体验。 这是一个项目中实用的...

封装步骤 插入body，制作全局遮罩层、禁止背景滚动 创建一个组件插入body中，使用固定定位生成一个全局遮罩层，再把图片放进去 创建组件/components/PreviewImage/index.vue 搭建组件结构，传入...

业务场景 需要在原生输入框，或者自定义的样式密码框，屏蔽输入法弹出，弹出自定的数字键盘输入，并实现数据的双向绑定 实现思路 首先构思组件的要实现的功能以及问题，从小到大，再逐一实现，...

hello，大家好，我是梅利奥猪猪（帅峰）！是一位持续进步喜欢分享知识的讲师！好久没更新博客了，这次一如既往的带给大家干货，一起手写简易版element-ui的组件之表单组件el-form，el-form-item...

前言 “小蚂蚁，你这个页面不对啊，输入框有值但还是提示没有填写数据”，测试妹子对我说，我一点也不耐烦地说：“应该不可能出现这种问题，再说了你这没有截图啊，没图没真相啊”，妹子马上发...

前言 主题： 本文基于Vue3、Websocket、Nodejs实现多人即时通讯 内容：本文分为三个部分：首先是介绍及使用，然后是代码实现，最后总结及注意事项 目的：对websocket的实践? 周末去四姑娘山的两...

很多同学用vue3写业务溜的飞飞起，但是又始终不想打开vue源码仓库 vuejs/core 一探究竟，然而面试官们又很喜欢问你各种各样的vue的源码实现思想的问题，这让你很难受。好吧，没关系，接下来这篇...

问题描述：elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题. 解决方案1. 监...