- 博客(61)
- 问答 (2)
- 收藏
- 关注
原创 vue web-highlighter 划词高亮功能实现及遇到的问题(线上图书)
可能是列表没有排序导致的(反正我就是)因为这个插件是一个序列化与反序列化的过程。可能是没有正确获取到标签导致的,需要先完成页面的DOM加载后再获取。2、HighlightSource 返回为 null。注意:修改、删除都需要用到 id。1、回显高亮位置错误。
2024-12-12 19:00:22
413
原创 vue2 中使用 video.js 以及遇到的问题
玛德,这个当时改完这个 css 之后给老子气笑了。哈哈哈哈哈哈哈哈哈哈哈哈。但是其他的按钮就不这样,以后有时间再详细看一下。第一处:控制是否显示视频倍速按钮。第二处:控制视频倍速按钮顺序。可以看到代码中有两处。
2024-02-01 10:19:27
2041
5
原创 vue 使用 v-viewer 用于图片浏览的Vue组件,支持旋转、缩放、翻转等操作,基于viewer.js。
vue 中 v-viewer 的简单使用
2024-01-29 10:42:54
1896
原创 npm 镜像过期 request to https://registry.npm.taobao.org/******** failed, reason: certificate has expired
npm 镜像过期需要重新设置最新的npm镜像源。
2024-01-29 09:57:11
364
原创 vue2 PC线上阅读图书-修改背景色功能(包括多段落选中文本修改背景色)window.getSelection()、document.execComm()、range.cloneContents()
window.getSelection() 获取选中文本范围,document.execCommand('BackColor', false, color) 修改选中范围文本背景色,range.cloneContents()获取选中的文本节点与父节点,将document.execCommand 方法生成的所有 span 标签获取到,然后使用 dom 操作将 span 标签替换为 i 标签并为 i 标签设置自定义属性(方便后续使用自定义属性查询相同的文本联动修改文本样式)
2024-01-24 10:21:57
668
原创 Python isalpha()、isdigit()、isalnum() 与 isspace() 方法
Python startswith() 与 endswith() 方法
2022-12-23 10:19:44
1250
原创 Python ljust() 、rjust() 与 center() 方法
Python ljust() 、rjust() 与 center() 方法的使用与介绍。
2022-12-22 14:52:29
826
原创 Python lstrip() 与 rstrip() 与 strip() 方法
Python lstrip() 与 rstrip() 与 strip() 方法的使用与介绍。
2022-12-22 14:34:28
175
原创 vue中使用bootstrap
https://blog.youkuaiyun.com/hifhf/article/details/122098988?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164552087116780271953763%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164552087116780271953763&biz_
2022-02-22 17:28:21
1343
原创 安装依赖报错unable to resolve dependency tree
https://blog.youkuaiyun.com/weixin_47577540/article/details/118913394?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164551450316780255254986%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=164551450316780255254986&biz_
2022-02-22 15:26:18
434
原创 CSS3 的各种用法及参数含义
菜鸟教程CSS3<div class="box"></div> // 下方样式全部基于 .box 实现1、边框(补习)border:.box { // 样式 width: 100px; height: 100px; // 1px: 边框宽度; // solid: 边框线条的形状 可选值(solid实线、dotted圆虚线、dashed长虚线) // #343434: 颜色(支持十六进制、英文等等) b...
2021-12-03 18:03:16
443
原创 js 数组去重
转载:js数组去重的方法?(超好用)_GUOQIPING_的博客-优快云博客一、通过双重 for 循环加splice去重改变原数组。{ let arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','NaN', 0, 0, 'a', 'a',{},{}]; function distinct (arr) { f..
2021-10-28 22:15:44
570
原创 diff 算法
定义:diff 算法就是将两个新旧的虚拟 DOM 进行对比并且返回一个 patch对象,用来存储两个节点不同的地方,最后用patch记录的消息去局部更新Dom。diff的过程就是调用名为patch的函数,比较新旧节点,一边比较一边给真实的DOM打补丁特点 :1、比较只会在同层级别进行,不会跨层级比较。2、在 diff比较过程汇总,循环从两边向中间比较。diff算法的步骤:1、用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 D...
2021-10-28 22:00:09
757
原创 vue 中的solt插槽
插槽的种类:插槽分为3种,一种是默认插槽、一种是具名插槽、一种是作用域插槽。插槽的定义:在子组件中用 <solt></solt>划出一块区域用来显示父组件中的页面结构,显示的结构在父组件的子组件标签中设置。所以slot就相当于一个占位的东西,如果没有提供数据,那它就会显示自己的默认的数据。插槽大白话:A代表父组件,B代表子组件,奶茶代表数据。例如:A想要喝奶茶,让B去买。如果A告诉了B要香芋奶茶那么B就会买香芋奶茶,如果没告诉B,那B就会买一杯普通的奶茶。.
2021-10-28 21:36:13
453
原创 js 防抖、节流
作用:防抖和节流本质都是为了优化高频率执行代码或任务的一种手段。比如:浏览器的滚动事件(scroll)、推拽(mousemove)、输入框(input)等事件在触发时,会不断地调用绑定在事件上的回调函数,导致浪费资源、拉低性能。采用防抖(debounce)和节流(throttle)的方式来减少调用频率也就是限制此类事件调用回调的次数就可以解决。防抖节流定义:节流:在规定时间内连续、频繁的触发事件,只会执行最后一次触发的事件处理函数。防抖:在规定时间后才去执行该事件,如果在
2021-10-22 11:54:24
327
原创 优快云文章置顶
很多小伙伴不清楚怎样将自己总结的文章或写的很好的文章置顶,看完这篇博客,妈妈再也不用担心了。首先第一步点击右上角的 创作 按钮进入 创作中心第二步点击左侧管理部分中的 内容管理 部分第三步找到自己需要置顶的文章文章右下角点击 ... 再点击置顶。打完收工...
2021-10-12 16:55:46
452
原创 Vue3 父子传参 简单易懂
父传子:1、 在父组件的子组件标签上通过 :传递到子组件的数据名="需要传递的数据"在这里为了大家区分我将父组件中的数据定义为 : fatherData ,子组件需要接收的数据定义为: sonData 。// 父组件<template> <div class="about"> {{fatherData}} <!-- 父传子 --> <!-- 1、 在父组件的子组件标签上通过 :传递到子组件的数据名="需要传递的数据".
2021-10-12 16:38:13
7921
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人