![](https://img-blog.csdnimg.cn/c29053c763e94f0bb3fd6ad49bfbc854.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 50
es6
麻辣翅尖
新手小白的一去不复返之路
展开
-
【解决】请求静态资源文件总是得到默认index.html
当使用别名时,请求地址中@别名未被解析,所以服务器找不到@目录下的文件,返回默认的index.html。原创 2024-04-18 18:09:40 · 452 阅读 · 0 评论 -
【js】事件循环之promise的async/await与setTimeout
事件循环又叫消息循环,是浏览器渲染主线程的工作方式。浏览器开启一个永不停止的for循环,每次循环都会从消息队列中取任务,其他线程只需要在合适的时候将任务加入到消息队列的末尾。过去分为宏任务和微任务,现在由于浏览器环境越来越复杂,宏任务的说法已经不合适,取而代之的是w3c官网新提出的,每个任务都会带有任务类型,同类型的任务放在同对列,不同的任务可以放在不同的对列,不同的对列有不同的优先级,(任务没有优先级)由浏览器自行决定优先执行哪一个,但是总会有一个微队列,优先级最高。原创 2024-03-04 11:02:09 · 1030 阅读 · 0 评论 -
【js】无限虚拟列表的原理及实现
虚拟列表是长列表按需显示思路的一种实现,即虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术。简而言之,虚拟列表指的就是「可视区域渲染」的列表。定义固定宽高的元素,该区域限制无限虚拟列表的可视区域大小宽高为父元素的100%,纵向超出可滚动宽度100%,高度auto,用于呈放渲染的部分列表项,撑开可滚动区域。原创 2024-02-22 17:11:57 · 1795 阅读 · 2 评论 -
【js】getTime的坑!!!
new Date(‘指定日期’).getTime()时间转换不相等?!!原创 2023-09-25 16:45:49 · 289 阅读 · 3 评论 -
【javascript】监听某标签元素进入视口/其他标签元素
监听元素之间的交叉重叠,(交叉观察器) 提供了一种异步观察目标元素与其祖先元素或顶级文档视口(viewport)交叉状态的方法。其祖先元素或视口被称为根(root)。当一个 IntersectionObserver 对象被创建时,其被配置为监听根中一段给定比例的可见区域。可以在同一个观察者对象中配置监听多个目标元素。当然IntersectionObserver不可能完全替代监听滚动条,只是相比于监听滚动条,IntersectionObserver更加方便快捷,并且目前大多数主流浏览器已经兼容。原创 2023-05-16 16:39:08 · 1057 阅读 · 0 评论 -
【js】数组arr.splice的使用
众所周知,splice() 方法用于添加或删除数组中的元素。那替换的实现呢?删除+添加。这与遍历不同,遍历时不能同时进行添加与删除操作,但是splice完美的解决这一问题原创 2023-01-31 17:18:03 · 2734 阅读 · 0 评论 -
【js】解决 v-if “不生效”
v-if = ‘showAnswer’不生效,一直为true原创 2022-09-06 14:19:04 · 6016 阅读 · 6 评论 -
获取数据Proxy下的Target的数据
获取Proxy下的Target数据原创 2022-07-29 21:37:55 · 11435 阅读 · 4 评论 -
Cannot access ‘state‘ before initialization
错误信息:在初始化之前无法访问state相信很多小伙伴在使用Vue2的时候习惯将新写的内容放在前面,这样避免了在方法很多的时候向下滑动但是在Vue3.0中新增了setup语法糖,所以在使用语法糖时,定义响应式数据state当我们使用state响应式数据时就需要注意了,将使用数据的语句要放在响应式数据定义之后,否则就会报此错误哦Vue3 新增语法糖——setupsetup函数是 Composition API(组合API)的入口在setup函数中定义的变量和方法最后都是需要 return .原创 2022-05-01 10:38:13 · 1765 阅读 · 0 评论 -
Vue实现数据筛选
map()方法map()方法用于遍历数组中的每个元素,让其作为参数执行一个指定的函数,然后将每个返回值形成一个新数组,map()方法不改变原数组的值。调用格式如下:let 新数组名 = 数组名.map((参数) =>{ //函数体 })示例:定义一个数组arr[ ], 使用map()方法遍历数组,通过三目运算作为条件,将返回值赋给新数组newArr let arr = [90,34,76] let newArr = arr.map(item => item>=60原创 2022-03-29 20:30:25 · 6788 阅读 · 0 评论 -
Vue之判断数组内是否存在某一项
两种方法://方法一:通用xx(Arr,date){ // 返回值等于-1 说明数组Arr中不存在id为date的对象 if( Arr.findIndex(item => item.id=== date )!==-1){ ... } }//方法二:当数组里的对象为字符串时用这个方法更简单xx(Arr,date){ // 返回值等于-1 说明数组Arr中不存在id为date的对象 if( Arr.indexOf(date)!==-1 ){ ... } } 实例原创 2022-01-23 17:46:32 · 19721 阅读 · 0 评论 -
获取点击对象的内容并输入input
需求获取当前点击对象的文本,并将其输出到input内获取点击对象内容利用Js来获取,下面介绍一下javascript中event的常见属性:currentTarget-------返回其事件监听器触发该事件的元素。target --------返回触发此事件的元素(事件的目标节点)。通俗一点说,就是你的点击事件绑定在哪一个元素上,简单的来说就是你的点击事件绑定在哪一个元素上,currentTarget获取到的就是哪一个元素,而target, 获取的是你点击的元素。例如:当用targe原创 2021-10-19 16:50:02 · 554 阅读 · 0 评论 -
Vue之点击滑动到页面指定位置(点击下滑滚动)
三种方法<div @click="go">点击下滑</div><div id="show" ref="view">展示</div>1、利用scrollIntoView()方法,该方法将调用它的元素滚动到浏览器窗口的可见区域(根据其他元素的布局,元素可能无法完全滚动到顶部或底部)ps:页面可滚动时才有用!!!methods:{ go(){ document.getElementById("show").scrollIntoView原创 2021-11-13 17:35:57 · 15545 阅读 · 1 评论 -
Vue 点击刷新
点击动态更新图形验证码1、在验证码的图片上,绑定点击事件 getCode(),同时使用 ref 指明图形验证码的引用对象,代码如下所示:<div class="box"> <el-input v-model="Code" placeholder="请输入验证码"></el-input> <img src=url @click="getCode" ref="code"></div>2、在 methods,定义 getCode 的方法,通转载 2021-11-06 15:15:59 · 729 阅读 · 0 评论 -
Vue 点击获取v-for循环内数据
实例<div class="card-item"> <div class="item" @click="beat(item.text2)"> {{ '$$' + item.text2 +'$$'}} </div></div><el-input class="input" type="textarea" :autosize="{ minRows: 12,}" placeholder="请输入latex公式"原创 2021-11-03 17:25:43 · 1676 阅读 · 0 评论 -
禁止Ctrl+热键
说明Ctrl组合键对于我们来说是经常用到的,给我们带来了很大的方便,但对于我们的一些项目来说却是困扰的,禁止了打印功能,但仍然可以用快捷键下载保存,就很白痴了。解决只需在项目的index.html文件中引入下面代码即可<script> function disableCtrlKeyCombination(e) { //列举所有Ctrl组合键,可根据需求禁止 var forbiddenKeys = ['f', 'n', 'c', 'x原创 2021-10-15 15:30:47 · 823 阅读 · 0 评论