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