- 博客(180)
- 资源 (3)
- 收藏
- 关注
原创 vue使用marked和highlight.js实现代码高亮效果
marked是对markdown进行解析的插件,它可以把markdown语法解析成html语法,从而实现页面效果,而highlight.js是对解析出的代码实现高亮效果。安装:避免踩我走的坑,安装尽量按照这个版本安装。代码:index.vue。
2024-05-15 17:07:18 237
原创 VUE 滚动到指定区域scrollIntoView
背景:当前 VUE 页面数据量很大,右侧出现滚动条, 进入该页面,页面定位到指定区域;项目要求: 进入页面,定位到指定行(红色标记)
2024-05-15 11:40:58 181
原创 RelationMap图谱--VUE,真实项目提供mock数据
import "vue-virtual-scroller/dist/vue-virtual-scroller.css" // 引入它的 css。import VueVirtualScroller from "vue-virtual-scroller" // 引入它。安装: npm i vue-virtual-scroller。VUE2 效果:左侧列表栏,点击右侧显示对应的图谱。代码:按照代码直接贴过去,直接出效果。(可以把数据放进去,直接看效果)
2024-05-13 16:50:01 295
原创 vue 文本中的\n 、<br>换行显示
注意: style中white-sapce: pre-wrap;一、背景: 后端接口返回数据以\n 作为换行符,前端显示时候需要换行显示;二、br 换行(可以使用v-html)三、把br替换成\n换行。
2024-05-08 11:44:15 751
原创 实现 <el-cascader> 组件的回显功能
vue A页面,用户填写了el-cascader多层级数据,层级list数据从接口获取;vue B页面,多层级数据要进行回显,接口给到的数据是value值;
2024-04-26 16:52:30 254
原创 JS中reduce的详细用法
reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行),将其结果汇总为单个返回值。reduce方法可做的事情特别多,就是循环遍历能做的,reduce都可以做,比如数组求和、数组求积、数组中元素出现的次数、等等。参数:参数:prev 必需。累计器累计回调的返回值;表示上一次调用回调时的返回值,或者初始值 init;cur 必需。表示当前正在处理的数组元素;index 可选。
2024-04-24 14:50:25 315
原创 前端JS算法--插入排序
插入排序的时间复杂度是 O(n^2),在数据规模较小或部分数据已经有序的情况下效率较高。对于大型数据集,插入排序通常不如更高级的排序算法,如快速排序、归并排序或堆排序。不过,插入排序是稳定的排序算法,且在某些情况下,如数据已经部分有序,它的实际性能可能比理论时间复杂度要好。插入排序(Insertion Sort)是一种简单直观的排序算法,它的工作原理是将一个记录插入到已经排好序的有序表中,从而得到一个新的、记录数增加1的有序表。
2024-04-24 11:52:31 267
原创 前端JS算法--快速排序
它采用了分治策略来把一个序列分为较小和较大的两个子序列,然后递归地排序两个子序列。选择数组中的一个值作为基准,将数组中小于该值的数置于该数之前,大于该值的数置于该数之后,接着对该数前后的两个数组进行重复操作直至排序完成。:重新排列数组,所有比基准小的元素摆放在基准前面,所有比基准大的元素摆在基准后面。在这个分区退出之后,该基准就处于数组的中间位置。:从数组中选择一个元素作为“基准”(pivot)。:递归地将小于基准的子数组和大于基准的子数组排序。
2024-04-24 11:50:58 206
原创 前端JS算法-冒泡排序
原理:相邻的数据进行两两比较,小数放在前面,大数放在后面,这样一趟下来,最小的数就被排在了第一位,第二趟也是如此,如此类推,直到所有的数据排序完成。冒泡排序的基本思想是从第一个元素开始,依次比较相邻的两个元素,如果顺序不对则交换它们,一轮比较下来,最大的元素会沉到最后一个位置。<2>对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数;<1>比较相邻的元素。<3>针对所有的元素重复以上的步骤,除了最后一个;/然后,对剩余的元素重复以上步骤,直到整个数组排序完成。
2024-04-24 11:48:58 265
原创 前端JS算法--归并排序
归并排序的时间复杂度是 O(n log n),这使得它在处理大型数据集时非常有效。然而,由于它需要额外的空间来存储合并后的数组,因此在空间复杂度上可能不如原地排序算法(如快速排序)高效。归并排序是一种分治算法,它将数组分成多个子数组,然后对这些子数组进行排序,最后将排序后的子数组合并成一个有序数组。整体思路如上图,需用递归实现,递归实现最重要的是写出递归公式、终止条件。:将数组分成两半,如果数组只有一个元素或为空,则不需要排序。:将排序后的两半合并成一个有序数组。:递归地对数组的两半进行归并排序。
2024-04-24 11:45:15 360
原创 VUE 弹框内容懒加载-真实项目
背景:VUE 页面,点击按钮,弹框,内容从接口获取,数据量比较大,鼠标滑到页面最底部,调取一次接口,分批加载;
2024-04-18 10:45:36 301 1
原创 document.documentElement.clientHeight与document.body.clientHeight的区别
scrollHeight: 当元素的子元素高度大于父元素,父元素出现滚动条,此时父元素的clientHeight表示可视的高度,父元素的scrollHeight 表示页面的高度,包括溢出页面被挡住的部分,即其实就是子元素的高度。单位px,只读元素。clientHeight: 表示可视区域高度, 包括padding但不包括border、水平滚动条、margin的元素的高度。offsetHeight:表示可视区域高度,包括padding、border、水平滚动条,但不包括margin的元素的高度。
2024-03-25 14:10:34 172
原创 面试-简单算法题
对于上一步得到的数组 [‘h’, ‘e’, ‘l’, ‘l’, ‘o’],通过 reverse() 方法得到的数组为 [‘o’, ‘l’, ‘l’, ‘e’, ‘h’]。例如,对于输入字符串 “hello”,拆分后的数组为 [‘h’, ‘e’, ‘l’, ‘l’, ‘o’]。对于上一步得到的数组 [‘o’, ‘l’, ‘l’, ‘e’, ‘h’],通过 join(‘’) 方法得到的字符串为 “olleh”。7.数组求和:编写一个函数,接受一个数字数组作为参数,返回数组中所有数字的和。返回反转后的字符串。
2024-03-13 15:59:46 818
原创 Vue <component/> 特殊的内置组件使用
将is的值绑定为一个变量,is就变成了v-bind:is=“变量名”,即 :is=“变量名”。当变量名赋值为哪个自定义组件名时,拥有:is=“变量名”属性的元素就会渲染为响应的组件。在 Vue 中, 是一个特殊的内置组件,它可以根据提供的数据动态地渲染不同的子组件。这个功能非常有用,因为它可以让你在不同的情况下动态地切换和渲染不同的组件。
2024-02-29 18:17:47 389
原创 无头浏览器 Puppeteer-案例demo
我们日常使用浏览器的步骤为:启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器,能模拟真实的浏览器使用场景。对网页进行截图保存为图片或 pdf抓取单页应用(SPA)执行并渲染(解决传统 HTTP 爬虫抓取单页应用难以处理异步请求的问题)做表单的自动提交、UI的自动化测试、模拟键盘输入等用浏览器自带的一些调试工具和性能分析工具帮助我们分析问题在最新的无头浏览器环境里做测试、使用最新浏览器特性写爬虫做你想做的事情~
2024-02-05 11:46:08 1273
原创 npm---设置淘宝镜像时报“certificate has expired“的错误
npm---设置淘宝镜像时报“certificate has expired“的错误
2024-02-04 11:05:30 1195
原创 Git一个仓库包含多个不同的项目VUE(老项目的基础上,新建分支放新项目)
Git一个仓库包含多个不同的项目VUE(老项目的基础上,新建分支放新项目)
2023-12-25 17:15:15 422 1
原创 postMessage解决跨域、消息传递(平台嵌入其他项目,需要相互发送接受消息)
postMessage解决跨域、消息传递(平台嵌入其他项目,需要相互发送接受消息)
2023-12-17 15:02:11 544
实现情人节动态爱心效果(附代码h5+css+js)
2020-05-20
Shy-3D立体动态相册实现代码(源代码)
2020-05-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人