javascript
时遇¥.¥..
如何让我遇见你?
展开
-
回流(reflow)和重绘(repaint)
页面首页渲染浏览器窗口大小变化内容变化导致大小尺寸变化添加或删除节点激活css伪类(例如:hover)改变元素位置,例如:margin、padding、border等改变元素外观属性,例如:color、background-color、visibility、outline等。原创 2024-03-13 14:36:05 · 362 阅读 · 0 评论 -
tree 数据结构 已知当前值 递归找到当前值所在的对象
【代码】tree 数据结构 已知当前值 递归找到当前值所在的对象。原创 2023-03-09 17:36:51 · 83 阅读 · 0 评论 -
js new 运算符
mdn。原创 2023-02-23 16:46:39 · 60 阅读 · 0 评论 -
nvm控制node版本或切换node版本后 npm找不到或之前安装的全局包丢失问题
使用nvm控制node版本或切换node 版本后 全局包丢失问题原创 2023-02-01 15:06:04 · 6160 阅读 · 3 评论 -
前端附件下载
【代码】前端附件下载。原创 2022-11-11 15:39:38 · 267 阅读 · 0 评论 -
vue 渲染异常
【代码】vue 渲染异常。原创 2022-11-03 10:28:52 · 73 阅读 · 0 评论 -
tree 数据结构 已知当前值 把他的所有祖先集都拿到一个数组
【代码】tree 数据结构 已知当前值 把他的所有祖先集都拿到一个数组。原创 2022-10-13 01:55:52 · 254 阅读 · 0 评论 -
利用 reduce 计算数组最大值
【代码】利用 reduce 计算数组最大值。原创 2022-09-28 17:43:37 · 236 阅读 · 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 · 1809 阅读 · 0 评论 -
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src。原创 2022-08-05 15:01:38 · 923 阅读 · 0 评论 -
前端环境配置 20220719
前端环境配置20220719。原创 2022-07-19 10:45:39 · 129 阅读 · 0 评论 -
数组循环方法哪个速度更快
测试数组循环的方法 哪个更快原创 2022-07-18 09:13:24 · 132 阅读 · 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 · 1059 阅读 · 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 · 348 阅读 · 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 · 960 阅读 · 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 · 413 阅读 · 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 · 145 阅读 · 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 · 75 阅读 · 0 评论 -
解决ios微信公众号h5页面新增底部前进后退导航栏产生的布局问题
现象:第一次出现微信底部默认导航的时候布局会错乱(在项目中底部弹窗显示不完整),在出现错乱的页面刷新又能恢复正常。问题产生原因:新增导航栏使网页脱离文档流的屏幕高度变小,有些布局没有重新计算(更加具体的原因就没有管了,项目已经是一个成熟的项目,用的框架也不是新框架,会存在样式穿透的问题,很多东西还是少动为妙)。问题分析和解决:底部导航栏是因为出现history记录才出现的,再加上我所作的项目刷新一下页面就能恢复正常。优先考虑在出现history后重新加载页面,监听屏幕高度变化(安卓机不会新增导航),再利原创 2021-12-21 13:55:06 · 6242 阅读 · 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 · 226 阅读 · 0 评论