- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue3+element-plus DateTimePicker日期选择器 选择日期后限制时间的选择（例如只能选择8：00-20：00）记录
但是在这个组件的API介绍中没有可以限制时间选择的范围api 于是我找到了时间选择器的API发现有这个属性 于是尝试了一下真的成功限制了时间的选择于是就解决了这个问题。使用场景：使用element-plus的 el-date-picker 组件时 选择日期后 时间要求只能选择8：00-20：00。
2024-07-01 17:40:22
322
原创 uniapp H5页面开发 软键盘落下后会留下空白区域
描述：我发现只有input 设置为密码 吊起手机的 安全键盘 才会出现这个问题。但是 其他的类型 又不能吧 input中的内容加密于是。解决方案：将 密码类型设置为 普通的 text 或者 number 类型 转给想加密的输入框增加 以下 CSS 即可。场景： uniapp H5 页面 安卓 小米手机 在微信浏览器 打开 页面 并输入账号密码登录的时候。问题：输入密码点击登录后 跳转到主页但是 键盘落下会留下空白区域 吧底部tabbar 都顶起来了。
2024-03-25 17:56:29
353
原创 解决scroll-view和swiper高度 设置为flex1（自己记录）
但是可以给父盒子设置为flex：1 后 父盒子内的scroll-view和swiper 使用 子盒子绝对定位父盒子相对定位 的方法 吧 父盒子的flex：1 继承给 scroll-view和swiper。1.如何给scroll-view和swiper的高度设置为flex1 自己操作无法直接设置为flex1。这样 scroll-view和swiper 的高度就可以 为flex：1了。
2024-03-02 11:12:33
510
原创 TypeScript 快速上手
创建类的实例const greeter = new Greeter('world')console.log(Color['red']) 可以得到对应键的--值。let pickColor = Color[0] 可以得到对应的--键。调⽤实例的⽅法console.log(greeter.greet())notSure = false // 也可以是个 boolean。dog.run(100) // 可以调⽤从⽗中继承得到的⽅法。⽅式⼆: 值 as 类型 tsx中只能⽤这种⽅式。JavaScript代码。
2023-03-28 19:23:09
95
原创 VUE-基础使用
文章目录Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
2023-01-09 21:18:36
154
原创 ES6 函数
Number.isNaN函数：用于判断传入的是否是非数值，注意：是判断非数值，而不是判断数值，IsNaN的全称是： is not a number。参数如果是正数，结果返回1；如果是负数，结果返回-1；如果是0，结果返回0；如果是一个非数值类型的参数，结果返回：NaN。注意是判断非无穷，不是判断无穷，这里跟isNaN函数一样，有点绕。rest参数，这是一个新的概念，rest的中文意思是：剩下的部分。用于去除一个数的小数部分，返回整数部分。解析一个字符串，返回一个整数。获取一个对象的prototype属性。
2023-01-03 21:37:14
113
原创 函数的节流(throttle)
浏览器中某些计算和处理要比其他的昂贵的多。例如，DOM操作比起非DOM交互需要更多的内存和CPU时间。连续尝试进行过多的DOM相关操作可能会导致浏览器挂起，有时候甚至会崩溃。为了绕开这个问题，你可以使用定时器对该函数进行节流操作。我们应该可以很容易的发现，其实时间戳版和定时器版的节流函数的区别就是，时间戳版的函数触发是在时间段内开始的时候，而定时器版的函数触发是在时间段内结束的时候。通过以上操作就可以实现函数的节流(throttle)。
2022-12-27 20:26:37
1494
原创 函数的防抖(debounce)
我们在平时开发的时候，会有很多场景会频繁触发事件，比如说搜索框实时发请求，onmousemove, resize, onscroll等等，有些时候，我们并不能或者不想频繁触发事件，咋办呢？这时候就应该用到函数防抖了。
2022-12-22 19:56:21
89
原创 正则表达式
正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为regex、regexp或RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本。一、正则表达式是什么？正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。
2022-12-22 10:09:57
63
原创 JavaScript-高级动画之产生絮条
前言：使用简单的js代买实现 华东鼠标产生絮条的效果主要思路为：利用了鼠标的移动事件以及元素的坐标属性。onmousemove：鼠标滑动时间首先想要出现重影的情况 需要有多个小圆圈来进行移动效果每一个移动都有间隔。 那么比较方便的就是使用ul li标签创建多个小正方形 后续使用 border-radius: 50%; 边框圆角化 进行修改 让其变为圆型。先获取包裹li标签的元素 后续给这个元素添加鼠标拖动事件，然后添加定时器，使用offsetWidth将鼠标光标进入的时候 时 图片的正中间因为使用的
2022-12-03 20:37:21
96
原创 JavaScript-动画-轮播图
前言：使用原生JS 编写一个简单 的自轮播图思路：主要使用clientWidth、scrollLeft 获取相关元素 通过改变scrollLeft（获得的是内容卷曲出去的宽度，滚动条向右拉跑出盒子范围的那部分高度） 的值实现轮播的效果 其中还用到了定时器。
2022-12-02 20:44:55
508
原创 JavaScript-动画以及封装
scrollWidth和scrollHeight:获得元素的实际宽度和高度，在内容没有超出盒子时，获得的是盒子的内部高度和宽度。clientWidth和clientHeight:获取可视范围的宽度高度，即边框内部的，不包括border，包括padding.当盒子内部存在滚动条时，获得的高度和宽度不包括滚动条。scrollTop和scrollLeft:获得的是内容卷曲出去的高度和宽度，当滚动条向下拉时，内容往上走，获得的就是上面跑出盒子范围的那部分高度。(2)、如果父元素有定位，距离父元素最左侧的距离。
2022-12-02 20:36:33
58
原创 使用JavaScript基础实现数组去重的两种方法
简单基础一看就会的JavaScript数组去重两种方法实现数数组去重创好数组之后开始函数，在函数中执行双重for循环 第一个循环是将有重复元素的数组进行循环可以获取数组里的元素，第二个循环是为了获取空数组的元素，然后使用if语句判断如果第一个数组里的数等于第二个数组的数那么不执行 当第一个if语句不循环的时候执行push 将数组arr[i]添加到arr1[i]中然后循环往复就可以把 不等的元素添加到空元素中，相等的数将不执行添加
2022-12-02 12:38:06
277
原创 JavaScriptDOM节点操作与BOM
简单明了，一看就会节点的意义是：根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点 document每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点。
2022-12-01 23:00:02
80
原创 使用JavaScript实现点击按钮实现隔行换色
给按钮标签设置点击事件给按钮后续使用if语句进行判断因flag默认值为true所以if（flage）=if(true) 就会执行if语句下的代码。设置循环主要是为了将li标签全部循环一遍因为是隔行变色所以通过i%2==0获取到不相邻的两个数后续修改下标不相邻两个数的li标签设置新的class属性 从而实现点击后隔行换色的效果。添加flage是为了让按钮可以重复点击使用点击第一次 运行的是if（fage）里的代买再点击一次 运行的是else里的代码。
2022-11-29 19:45:44
771
原创 JavaScript-DOM操作
事件基础文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
2022-11-28 21:24:43
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人