qq_44492790的博客

前言众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！React DnDReact DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库，可以帮助您构建复杂的拖放接口，同时保持组件的解耦性。 React DnD 并没有提供一个排序或拖拽的组件，相反

前言Vue的数据双向绑定，响应式原理，其实就是通过Object.defineProperty()结合发布者订阅者模式来实现的。我们可以先试着拆分一下Vue的核心模块。Vue构造函数，集中以下模块实现MVVM。Observer 通过Object.definePropty进行数据劫持Dep 发布订阅者，添加观察者者以及在数据发生改变的时候通知观察者Watcher 观察者，对数据进行观察以...

Vue路由的实现原理路由这个概念最初是由后端提出来的，在我们没有SPA单页面应用之前，使用的一直都是后端路由，根据不同的路由返回不同的页面，后来随着单页面应用的诞生，开始有了前端路由，实现不刷新但是更新页面的效果vue-router是专为Vue打造的路由管理工具vue-router提供三种路由模式hash模式默认模式，通过路径中的hash值来控制路由跳转，不存在兼容问题his...

对MVC、MVP、MVVM的理解MVCM 表示 Model , 专门用来处理数据模型。V 表示View， 专注页面布局和数据显示。C 表示Controller 专注于控制，执行业务逻辑，操作模型和视图。MVC的数据之间通信都是单向的View(视图层) 传送指令到 Controller(控制层)Controller(控制层) 完成业务逻辑后，要求 Model(模型层) 改...

什么是Vuex？详述Vuex的工作流程官方介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex其实就是一个Vue的集中状态管理工具，类似于redux，但使用方法很明显优化了许多什么时候使用Vuex？官方的话说，在你需要用的时候自然而然就知道自己什么时候要用了在我看来...

最近的项目中需要用到，所以自己手写了一个，拿出来分享。首先，我们最后实现的是一个支持一级、二级、三级乃至多级联动的可复用组件，照例先看一下效果图，第一张是二级联动，第二张是三级联动。是我们实现的最终效果。本文用到的知识点Vue组件绑定的v-model，参考：Vue在组件(非表单控件)上使用v-model双向数据绑定@郝晨光Vue的组件通信Vue的插槽对Vue的API有一定的了解...

1. keep-alive组件的作用为什么使用keep-alive？在Vue中，我们使用component内置组件或者vue-router切换视图的时候，由于Vue会主动卸载不使用的组件，所以我们不能保存组件之前的状态，而我们经常能遇到需要保存之前状态的需求，例如搜索页（保存搜索记录），列表页（保存之前的浏览记录）等等keep-alive的作用？keep-alive是一个Vue...

Vue常用的指令v-text 主要用来渲染纯文本内容，类似于原生JS的innerText <div v-text="msg"></div> // msg 的值为纯文本，不会解析标签v-html 主要用来渲染带有html标签的文本内容，可以渲染原生HTML标签 <div v-html="msg"></div> // msg 的值可以是...

前言最近在做移动端的项目，需要制作移动端的alert弹框和message-box提示信息；之前使用Vue框架的element-ui时，就记得element-ui的弹框，今天深入的研究了一下源码，然后简单制作了一点小demo用到的知识点Vue组件的定义，Vue的extendVue.extend(options)options参数是一个对象，一个Vue组件配置项的对象，例如// 创建一个...

先看一下效果，注意：完全没有使用任何表单控件实现原理在Vue中，我们一般都使用v-model来实现表单控件的双向数据绑定，但是一般而言我们都使用在表单控件上，例如input，textarea；但是如果我们现在一般都不使用原生的表单样式，因为它实在是太太太丑了其实我们是可以给组件设置v-model属性的，此时，不论你的组件内部是不是一个表单元素，你都可以使用v-model这个属性...

HTML5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？新特性绘画 canvas，svg;用于媒体播放的的 video(视频) 和 audio(音频) 元素;本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;sessionStorage 存储会话级数据，数据在浏览器关闭后自动删除;语意化更好...

Vue是什么？借用官网的介绍：Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面（View）的渐进式MVVM框架。Vue 被设计为可以自底向上逐层应用。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。vue官方教程网址使用Vue   1、我们要使用vue，有两种方式(1). 一是在咱们的传统项目中使用，通过scri...