- 博客(123)
- 收藏
- 关注
RSS订阅原创 monodb启动
https://blog.youkuaiyun.com/pxmxx/article/details/81106196D:\Program Files\MongoDB\bin>mongod --dbpath “D:\Program Files\MongoDB\data\db”mongo.configdbpath = D:\Program Files\MongoDB\data\dblogpath = D:\Program Files\MongoDB\data\log\mongod.logD:\Prog
2025-03-12 11:23:46
157
原创 es6 尚硅谷 学习
1、let1.变量不能重复声明2.块级作用域 ，只在块内有效3.不存在变量提升，变量未声明之前不可使用4.不影响作用域链2、constconst SCHOOL = “温医”；1.一定要有初始值2.一般常量使用大写3.常量不能赋值4.块级作用域5.对数组和对象的元素修改，不算对常量的修改，不会报错。3、变量和对象的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值；const F4 = ['11','22','33','44']let [QQ
2025-03-12 10:51:11
712
原创 实现3个div，循环点亮的效果
已知动画总时长9s，所以需要在33%的时候就熄灭第一个div（opacity: 0.5;所以动画效果设置为，一开始就点亮，然后在33%的时候就熄灭。这里是有三个项目需要依次点亮，那么我们设置总的动画时长为9秒，第二个div延迟3s，第3个div就是延迟6s；我们需要实现的效果是，第2个div点亮时，第一个div就要熄灭，也就是第3s以及3s后第一个div保持熄灭。这里通过改变opacity，来起到点亮的效果。以上的分析是基于有3个项目时来考虑的，大家可以根据具体的应用场景进行调整。
2025-02-17 17:48:57
132
原创 渐变条纹进度条的实现
简单来说就两个div，内层div用width体现进度，然后修改内层div背景色就可以改变进度条颜色了。看起来很花哨，但是实现的思路很简单，就是在白色的渐变条纹上，再叠加一层有透明度的渐变背景。如果有小伙伴想自己完全手写一个其实也很简单，可以下看一下，view-ui进度条组件的结构；因为项目本身引入了view-ui，所以就在view-ui的基础上修改样式实现了。上图我实现的效果，内层的进度条实现了渐变条纹背景；
2024-12-25 14:16:37
329
转载 如何中断promise
注意这里是中断而不是终止，因为 Promise 无法终止，这个中断的意思是：在合适的时候，把 pending 状态的 promise 给 reject 掉。最后，再次强调一下，虽然 promise 被中断了，但是 promise 并没有终止，网络请求依然可能返回，只不过那时我们已经不关心请求结果了。
2024-09-30 17:29:31
192
原创 css揭秘 7 结构与布局
它的默认值是 auto，其行为模式被称作自动表格布局算法，也就是我们最为熟悉的表格布局行为（就像图 7-5 那样）。其中min-content，将解析为这个容器内部最大的不可断行元素的宽度（即最宽的单词、图片或具有固定宽度的盒元素），这正是我们所希望的。一个相对较新的规范，它为 width 和 height 属性定义了一些新的关键字。， 道理很简单：如果第一项同时也是最后一项，那从逻辑上来说它就是唯一的那一项。来很方便，但对于不固定的内容来说，它们的布局其实是很难预测的。站中仍然有其不可替代的位置。
2024-08-29 11:41:34
1006
原创 package.json中对peerDependencies的理解
这张图片展示的是vue-echarts的package.json的部分。这里我们可以看到peerDependencies中配置的echarts需要的是^5.4.1的，也就是同时需要安装5.x.x版本的echarts。peerDependencies只要是用来限制依赖的，最近在开发的时候有遇到这样的问题，所以研究了一下。我当时需要的问题就是。
2024-07-22 16:12:31
490
原创 canvas学习
Canvas API 提供了一个通过 JavaScript 和 HTML 的 元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。
2024-06-14 10:57:15
734
原创 vue3 学习记录
vue3 学习记录vue3和vue2项目main.js对比常用的composition APIsetupsetup 返回值3. 返回一个对象4. 返回一个函数（渲染函数）setup() { let name = "zpp"; return { name } // return () => h("h1", "zpp"); },......
2024-06-13 15:14:21
775
1
原创 前端面试题
每个函数都会创建一个prototype属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过调用构造函数创建的对象的原型。当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么它就会去它的原型对象里找这个属性，这个原型对象又会有自己的原型，于是就这样一直找下去，也就是原型链的概念。原型链的尽头一般来说都是 Object.prototype 所以这就是我们新建的对象为什么能够使用 toString() 等方法的原因。
2024-06-13 14:28:39
936
原创 dayjs 获取本周第一天不是星期一怎么办
造成这一问题的主要原因是，dayjs的语言问题。我们对其进行本土化操作即可。获取到的日期是上周天，怎么解决。
2024-06-13 14:26:00
549
原创 vue-video-play使用之播放hls格式视频
playbackRateMenuButton, // 播放速率，当前只有html5模式下才支持设置播放速率。progressControl, // 点播流时，播放进度条，seek控制。vue-video-player和videojs-contrib-hls。remainingTimeDisplay, // 当前播放时间。currentTimeDisplay,// 当前播放时间。timeDivider, // ‘/’ 分隔符。playToggle, // 播放暂停按钮。
2024-05-08 11:04:51
1266
原创 TS infer
先看一段ts源码看不懂没事，接下来一步步带你看懂你知道如何获取 T0 数组类型中元素的类型和 T1 函数类型中的返回值类型么？要实现上述的功能，我们可以使用 TypeScript 提供的类型模式匹配技术 —— 条件类型 + infer。条件类型允许我们检测两种类型之间的关系，通过条件类型我们就可以判断两种类型是否相兼容。而 infer 用于声明类型变量，以存储在模式匹配过程中所捕获的类型在以上代码中，
2024-01-16 14:49:33
484
原创 js中的for...of和for...in 的简单对比
tips：文章主要讲for...of的使用，穿插对比for..in的使用for of 的使用我们可以追溯到IteratorIterator接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构时，该循环会自动去寻找Iterator 接口。概括：有Iterator 接口的数据结构，就可以使用for…of循环；原生具备 Iterator 接口的数据结构如下。
2023-12-26 10:53:52
146
原创 要获取某一天的周一日期，要获取某个月的月底时间
要获取某一天的周一日期，你可以使用JavaScript中的Date对象和一些日期计算方法。要获取某个月的月底时间。
2023-12-01 16:57:19
150
原创 身份证号码校验
根据《新版外国人永久居留身份证适配性改造要点》，公司需要把代码中对身份证的校验进行优化。既往版本永居证号码 由三位国家和地区代码开头 + 地址码+顺数码+校验码；新版永居证号码以 9 开头 + 受理地区代码+出生日期+顺序码+校验码；format 正则可视化图片。
2023-11-22 15:04:46
3006
原创 uni-app小程序 swiper 分页器样式修改
小程序中使用 wx-swiper-dot和wx-swiper-dot-active选择器。H5中使用uni-swiper-dot和uni-swiper-dot-active选择器。
2023-11-22 14:54:26
1371
原创 iframe 多层嵌套页面跳转
假设有A、B、C和D四个h5页面，D通过iframe嵌套在C中，C通过iframe嵌套在B中，B通过iframe嵌套在A中。如果要在B所在的iframe中跳转怎么办？聪明的你一定能想到，就是多写一个parent。在上一层跳转（D页面所在iframe的父页面中跳转，即C所在的iframe中跳转）要在其上多少个层级上跳转，就写多少个parent就好了，举一反三很简单。然后现在在D中编写JavaScript代码跳转页面。在本页面跳转（D页面所在的iframe中跳转）在最外层跳转（A页面跳转）
2023-10-20 16:45:28
524
原创 uniapp使用vuedraggable 报错Cannot read property ‘id‘ of null“
Dcloud 社区找到了答案 真滴不错哦。
2023-08-04 13:30:19
582
原创 IntersectionObserver实现无线滚动和懒加载
/ 开始观察 observer . unobserve(target);// 停止观察 observer . disconnect();// 关闭观察器IntersectionObserver支持两个参数：callback是当被监听元素的可见性变化时，触发的回调函数options是一个配置参数，可选，有默认的属性值。
2023-05-30 16:32:52
996
原创 记录一些可能被忽视的html属性
HTML 中的 Spellcheck 属性是用来指定是否对元素启用拼写检查的属性。HTML中的Contenteditable属性是用来指定元素是否可编辑的属性。HTML 中的 Translate 属性是用于指定元素是否应被翻译的属性。utocomplete 属性是用于指定表单元素是否启用自动完成的属性。Inputmode属性是用于指定在文本框中输入的内容类型的属性。Download属性是用于在链接下载文件时指定文件名的属性。numeric：表示输入的数字。url：表示输入的URL地址。
2023-05-30 11:27:56
527
原创 解决合并冲突的问题
Git: pull时提示Please commit your changes or stash them before you merge.对本地的代码进行修改后，直接git pull会提示本地代码和github代码冲突，需要先commit本地代码，或者stash他们。这样操作的效果是在最新的仓库代码的基础仍保留本地的改动。git stash pop: 将刚藏起来的改动恢复。git pull:用新代码覆盖本地代码。git stash: 将改动藏起来。
2023-03-13 16:49:47
325
原创 滚动到指定行 scrollIntoView()
需求：滚动到指定行。在我苦思无果后，就把这个问题搁置了（直接摆烂）最近在啃书《javascript高考程序设计》，偶然看到一个方法，Element.scrollIntoView()，只能说妙呀。废话不多说，给大家介绍一下这方法的使用。
2022-12-20 17:02:30
731
原创 js选择排序的实现
思路选择排序的实现思路是从未排序序列中找到最小的元素，放到已排序序列的末尾，重复上述步骤，直到所有元素排序完毕。具体1）假设未排序序列的第一个是最小值，记下该元素的位置，从前往后比较2）若某个元素比该元素小，覆盖最小值的位置3）重复第二个步骤，直到找到未排序的末尾4）将未排序元素的第一个元素和最大元素交换位置5）重复前面几个步骤，直到所有元素都已经排序。代码实现
2022-12-07 13:32:27
411
1
原创 vue中含有iframe的页面如何避免路由切换时keep-alive不起作用
vue中含有iframe的页面如何避免路由切换时keep-alive不起作用
2022-11-30 13:53:15
1856
原创 JS中遍历对象属性的几种方式
为了彻底搞定对象遍历的方法，我不得不翻出我的红宝书，找到“面向对象的程序设计—创建对象”的内容，仔细的研究了一下（起因来源于，突发奇想，想彻底搞懂原型链相关的知识，结果发现了对象属性遍历的几种方式，O哈哈~）我们先创建一个对象1. 这个方法接收一个对象作为参数，返回一个包含所有可枚举实例属性的字符串数组如果你想要得到所有实例属性，无论它是否可枚举，都可以使用 方法。用 循环时，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，也包括存在于原型中的属性...
2022-06-22 15:01:14
11230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人