- 博客(107)
- 收藏
- 关注
RSS订阅
原创 el-tree树形结构拖拽层级错乱问题
我的项目中，树形结构的分层是通过parentid的，遍历循环展示树形组件节点，生成对应的每一级节点层级；响应树形组件节点拖拽时的选定操作，因为el-tree会记录最后一次的拖拽位置，所以使用一个方法配合（node-drag-end），共提供四个参数，依次为：被拖拽节点对应的 Node、结束拖拽时最后进入的节点（可能为空）、被拖拽节点的放置位置（before、after、inner）、event；反之第三个参数的返回值为inner，则为内部调整，那么被拖拽节点的parentid等于目标节点的id。
2024-12-06 10:39:30
620
原创 vue2和vue3的区别详解
相对于Object.definePropery()有以几个优点：1.Proxy直接代理整个对象而非对象属性，这样只需要做一层代理就可以监听同级结构下的所有属性变化， 包括新增属性和删除属性。2.Proxy可以监听数组的变化。()方法,给Vue中的数据绑定get和set方法，当获取数据的时候，调用get方法，修改data中的数据的时候调用set方法，通过watcher监听器去更新视图，完成数据的双向绑定。也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变；
2024-11-13 16:21:53
1240
1
原创 项目实战bug修复
分析：右侧内容超出一屏可视区域后出现滚动条，切换左侧tab的时候，右侧滚动条不能正确归位。分析：动态获取某个区域的高度，以便进行一些布局或滚动相关的计算。分析：根据条件动态设置类名和样式展示。
2024-09-20 14:15:42
720
1
原创 vue如何使用百度地图
1.public文件夹下放置index.html文件。三、设置地图区域 必须设置div宽度和高度，否则也不能正常显示。script 引用网址标签不能太靠下。核查API密钥，确保密钥正确无误。2.在html文件中引入网址，二、在config.js文件中添加。data属性里面设置跳转链接地址。钩子确保DOM元素已经加载完毕。四、设置点击事件百度链接跳转。下面是地图方法和属性。
2024-09-10 19:01:04
2337
原创 JS面试题基础篇
在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象然而 null 表示为全零，所以将它错误的判断为 object。其中 JS 的数字类型是浮点类型的，没有整型。==叫做严格相等，是指：左右两边不仅值要相等，类型也要相等，例如’1’===1的结果是false，因为一边是string，另一边是number。== 不像 === 那样严格，对于一般情况，只要值相等，就返回true，但==还涉及一些类型转换，它的转换规则如下。
2023-05-19 21:05:02
805
原创 高频面试题
animation 可以用 name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-state 动画是否正在进行或者暂停，fill-mode 设置动画停了之后位置什么状态。
2023-05-08 21:20:28
455
原创 常见的hash算法及其原理？
hash也称散列，哈希，对应的英文都是Hash。基本原理就是把任意长度的输入，通过Hash算法变成固定长度的输出。这个映射的规则就是对应的Hash算法，而原始数据映射后的二进制串就是哈希值，活动开发中经常使用的MD5和SHA都是历史悠久的Hash算法。
2023-05-06 15:41:25
151
原创 对promise的理解分享
Promise是ES6中的新增的异步处理方法，主要是用于解决ES5中使用回调函数产生的地狱回调的问题Promise有三种状态,pedding准备中，fullfiled已完成，rejected失败，状态只能有准备中=>已完成或 准备中=>失败。all()参数是个数组，执行多个Promise对象，必须所有的对象状态执行完后才会变成已完成的状态race()方法 执行多个Promise对象，只要有一个对象状态是已完成，对象的状态就是已完成。then方法执行成功后调用的方法。catch方法执行失败调用的方法。
2023-04-25 10:01:03
536
原创 ES6对String字符串、Array数组、Number数字、Object对象 类型做了哪些升级优化
ES6新增了字符串模板，在拼接大段字符串时，用反斜杠{ }取代以往的字符串相加的形式，能保留所有空格和换行，使得字符串拼接看起来更加直观，更加优雅.ES6在String原型上**新增了includes()**方法，用于取代传统的只能用indexOf查找包含字符的方法(indexOf返回-1表示没查到不如includes方法返回false更明确，语义更清晰),
2023-04-25 09:57:19
816
原创 vue.js之componentd、methods和watch的区别详解？
计算属性、methods和watch是vue.js的三个重要的属性。如果简单的使用计算属性和methods，其实仔细琢磨，还是有很大的区别的。
2023-04-22 11:07:00
746
原创 BOM与DOM详解
javascript组成ECMAScript(核心):描述了JS的语法和基本对象。文档对象模型 :处理网页内容的方法和接口.浏览器对象模型（BOM）:与浏览器交互的方法和接口。
2023-04-21 14:00:10
180
原创 Vue3中shallowRef和shallowReactive的使用？
shallowReactive和shadowRef就是浅层的reactive和ref。可以理解成，shallowReactive只能处理引用类型，只能监听对象的最外层属性，如果深度属性发生改变，是监听不到的，没法实现响应式。shallowRef和ref不同，只能处理基本类型，不能处理引用类型。处理基本类型的时候和ref一样。
2023-04-13 10:07:24
787
原创 Vue3中readonly 与 shallowReadonly的使用区别？
让一个响应式数据变为只读的（深只读）。让一个响应式数据变为只读的（浅只读）。应用场景: 不希望数据被修改时。
2023-04-13 10:06:23
597
原创 uniapp中nvue与vue的区别？
uni-app是逻辑渲染分离的，渲染层在app端提供了两套排版引擎，小程序方式的webview渲染和weex方式的原生渲染，两种渲染引入可以自己根据需要选。vue文件走的是webview渲染。nvue走的是wexx方式的原生渲染组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局。uni-app的app端内置了一个基于wexx改进的原生渲染引擎，提供了原生渲染的能力，在app端，如果一个aap中可以同时使用两种页面，例如：首页使用nvue，二级页面上使用vue页面。
2023-04-01 11:02:23
993
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人