![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
时遇¥.¥..
如何让我遇见你?
展开
-
js终止递归
【代码】js终止递归。原创 2024-06-05 11:57:38 · 330 阅读 · 0 评论 -
vue项目路由跳转后上一页面未完成的接口取消请求
在路由跳转后,如果上一个页面未完成的接口请求,需要取消掉。比如: 页面A请求接口A,页面B请求接口B。从页面A跳转到页面B,如果接口A未完成,需要取消掉(尤其是点击过快的情况下,还会出现本地缓存的参数被新页面参数替换的情况)。原创 2024-06-03 17:37:28 · 641 阅读 · 0 评论 -
回流(reflow)和重绘(repaint)
页面首页渲染浏览器窗口大小变化内容变化导致大小尺寸变化添加或删除节点激活css伪类(例如:hover)改变元素位置,例如:margin、padding、border等改变元素外观属性,例如:color、background-color、visibility、outline等。原创 2024-03-13 14:36:05 · 463 阅读 · 0 评论 -
tree 数据结构 已知当前值 递归找到当前值所在的对象
【代码】tree 数据结构 已知当前值 递归找到当前值所在的对象。原创 2023-03-09 17:36:51 · 106 阅读 · 0 评论 -
js new 运算符
mdn。原创 2023-02-23 16:46:39 · 89 阅读 · 0 评论 -
nvm控制node版本或切换node版本后 npm找不到或之前安装的全局包丢失问题
使用nvm控制node版本或切换node 版本后 全局包丢失问题原创 2023-02-01 15:06:04 · 6624 阅读 · 3 评论 -
前端附件下载
【代码】前端附件下载。原创 2022-11-11 15:39:38 · 299 阅读 · 0 评论 -
vue 渲染异常
【代码】vue 渲染异常。原创 2022-11-03 10:28:52 · 84 阅读 · 0 评论 -
tree 数据结构 已知当前值 把他的所有祖先集都拿到一个数组
【代码】tree 数据结构 已知当前值 把他的所有祖先集都拿到一个数组。原创 2022-10-13 01:55:52 · 265 阅读 · 0 评论 -
利用 reduce 计算数组最大值
【代码】利用 reduce 计算数组最大值。原创 2022-09-28 17:43:37 · 262 阅读 · 0 评论 -
textarea 让多行输入框 高度随内容变化
正常来说 textarea 的高度是定死的,输入内容超出高度时只会产生内部滚动条,项目需求 要随内容增高而增高,示例代码<textarea class="input-area" autofocus maxlength="5000" placeholder="请输入内容"></textarea>const textarea = document.querySelector(".input-area"); textarea.focus() // 有页面缓存是 autofoc原创 2022-08-25 10:03:13 · 1936 阅读 · 0 评论 -
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src。原创 2022-08-05 15:01:38 · 984 阅读 · 0 评论 -
前端环境配置 20220719
前端环境配置20220719。原创 2022-07-19 10:45:39 · 149 阅读 · 0 评论 -
数组循环方法哪个速度更快
测试数组循环的方法 哪个更快原创 2022-07-18 09:13:24 · 167 阅读 · 0 评论 -
vue 图片显示失败 显示默认图片
写法一 <img class="headerImg" :src="item.headImg || './images/common/rankingpic.jpg'" onerror="this.src='./images/common/rankingpic.jpg';" alt="">写法二 (在脚手架中 需要用require 拿到默认图片资源)<img class="headerImg" :src="''" :onerror="defaultImg" alt=""> //原创 2022-05-12 18:15:39 · 1070 阅读 · 0 评论 -
让多行输入框 高度随内容变化 textarea
<textarea class="input-area" maxlength="5000" placeholder="请输入内容"></textarea>const textarea = document.querySelector(".input-area"); textarea.addEventListener("input", function (e) { this.style.height = "inherit";原创 2022-05-09 15:26:26 · 384 阅读 · 0 评论 -
列表轮播(移动滚动条)vue js
// 利用滚动条滚动的滚动列表 yy.sexport function animationUseScroll(element, options) { class Scroll { /** * @param element 运行的DOM * @param options 参数 * { height:90, // 每次滚动的距离 px * delay: 4000, // 每次滚动间隔事件 ms * } */ constr原创 2022-03-08 17:31:51 · 998 阅读 · 0 评论 -
手写tab左右切换
效果 :点击左右两个按钮达到切换效果(利用transform 进行平移)<div class="app"> <div class="tab-wrap"> <div class="tab"> <div ref="itemWrap" class="item-wrap" :style="{transform: `translateX(${distance}px)`}"> <div v-for="(i原创 2022-03-02 10:54:40 · 467 阅读 · 0 评论 -
async await 理解
async await是一种把异步编程变成同步的方法 (看懂下面代码的执行顺序 )function func(num) { return new Promise(resolve => { console.log('func-执行') setTimeout(()=>{ resolve(num*2) },3000) }) } function func111(num) { ret原创 2022-01-12 16:08:16 · 154 阅读 · 0 评论 -
相对路径和绝对路径回顾
相对路径的写法:1、./ 是当前目录<img src="images/bg2222.png" width="300" alt=""><img src="./images/bg2222.png" width="300" alt="">2、 ‘…/’ 表示父级目录 (写的时两个点再这上面显示三个点)<img src="../images/bg0000.png" width="300" alt="">3、/ 是根目录(看图看不明白的话就把下面的描述多读几遍原创 2021-12-21 17:41:23 · 92 阅读 · 0 评论 -
解决ios微信公众号h5页面新增底部前进后退导航栏产生的布局问题
现象:第一次出现微信底部默认导航的时候布局会错乱(在项目中底部弹窗显示不完整),在出现错乱的页面刷新又能恢复正常。问题产生原因:新增导航栏使网页脱离文档流的屏幕高度变小,有些布局没有重新计算(更加具体的原因就没有管了,项目已经是一个成熟的项目,用的框架也不是新框架,会存在样式穿透的问题,很多东西还是少动为妙)。问题分析和解决:底部导航栏是因为出现history记录才出现的,再加上我所作的项目刷新一下页面就能恢复正常。优先考虑在出现history后重新加载页面,监听屏幕高度变化(安卓机不会新增导航),再利原创 2021-12-21 13:55:06 · 6568 阅读 · 2 评论 -
js中 map() 和 forEach() 的区别
概要:同样是循环操作数组的方法,虽然 map 能做的 forEach 都能做,反过来也是如此。但是其中的差别还是可以探究一下的一、mdn上对map 和 forEach 的定义: forEach() 方法对数组的每个元素执行一次给定的函数。 map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 let arr = [1, 2, 3, 4] // 想输出 [2, 4, 6, 8] arr.forEach(item=>{ item =原创 2021-08-21 16:31:54 · 246 阅读 · 0 评论