vue3中markRaw的使用
markRaw 作用:标记一个对象,使其永远不会再成为响应式对象 应用场景: 1.有些值不应被设置成响应式时,例如复杂的第三方类库等 2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能 3.在动态渲染组件的时候我们就可以使用 markRaw 包裹。 markRaw 的使用场景 很多时候 ...
高德地图的2种引入方式
方法一：使用amap-jsapi-loader 插件 步骤1. npm安装插件 npm install @amap/amap-jsapi-loader --save 步骤2. 创建地图组件 vMap/index页面代码如下： <template> <div class="mapContainer" ...
对vue响应式的理解
1、所谓数据响应式就是能够使数据变化可以被检测并对这种变化做出响应的机制。 2、MVVM框架要解决的一个核心问题是连接数据层和视图层，通过数据驱动应用，数据变化，视图更新，要做到这点的就需要对数据做响应式处理，这样一旦数据发生变化就可以立即做出更新处理。 3、以vue为例说明，通过数据响应式加上虚拟 ...
记录--vue3中的ref，toRef，toRefs
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. ref的使用 ref 接受一个原始值，返回一个具有响应式的对象，对象有一个value属性，其值就是所传递的原始值。 ref是做的一个拷贝关系，修改对象msg的值，不会影响对象obj，视图会发生变化。 import { ref } f ...
解决某些情况下 ECharts 饼图多行标签重叠问题
解决某些情况下 ECharts 饼图多行标签重叠问题 对于多行标签的重叠问题，其实一直没有一个完美的解决方案。 我能在网上查到的比较全面的解决方法就是这个：https://zhuanlan.zhihu.com/p/272710806 但我的项目中某些东西是明确的：Label的行数、字体大小、数据个数 ...
JavaScript var let const的区别
视频链接： JavaScript var let const的区别 - Web前端工程师面试题讲解 参考链接： JavaScript 变量 JavaScript Let JavaScript Const 练习网站： codepen.io 初步认识： 功能实现 HTML的部分： <input type ...
JavaScript数组的常见方法
1、在 数组-末尾 添加元素 - push array.push('aaa'); 添加一个 array.push('aaa', 'bbb', 'ccc'); 添加多个 2、在 数组-头部 添加元素 - unshift array.unshift('www'); 添加一个 array.unshift( ...
前端面试笔试题-高频
前端面试高频笔试题，前端面试要做到提前准备提前练习，刷一定的面试题笔试题量，面试才能事半功倍一路畅通。 ...
ant_vue模态框拖拽记录
学习笔记 ant_vue模态框拖拽记录 通过自定义命令 utils文件夹中新建dragModal.js import Vue from 'vue' // 注册自定义拖拽指令，弥补 modal 组件不能拖动的缺陷 Vue.directive('drag-modal', (el, bindings, v ...
分享关于递归树形结构增删改查的方法
在使用树形节点或级联组件时常常会碰到根据id处理数据的情况 下面为大家简单介绍关于节点递归增删改查方法 根据目标id删除指定节点 /** * 根据目标id删除指定节点 * @param {*} list 数据源 * @param {*} targetId 目标id */ function delet ...
变量 var let 与const
var var声明范围是函数作用域 var声明提升：使用var声明的变量会自动提升到函数作用域的顶部，此外使用var重复声明同一个变量也没有问题，因为“提升”会将所有变量声明都拉到函数作用域的顶部，此时JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明，所以反复声明同一个变量也没有 ...
拓展运算符是深拷贝还是浅拷贝
对于拓展运算符是深拷贝还是浅拷贝网上怎么说的都有，我就说一下我的理解。 什么是深拷贝？什么是浅拷贝？ 假如B复制了A，修改A的时候，看B是否发生变化： 如果B也跟着变了，说明是浅拷贝，拿别人手段！ 如果B没有改变，说明是深拷贝，自食其力！ 怎么判断拓展运算符是什么拷贝呢？ 看一下下面的例子： let ...