js find函数
发表于|更新于
|浏览量:
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚
在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求
我们可以使用find函数
1 | var list = [1,4,3,2,5]; |
这样就从我们的list数组中取出了满足n===4这个条件的值
相关推荐
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性,不然就是奴才。但自尊不是轻人,自信不是自满,独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件,别忘了加对应的高度,以及检查overflow-y: 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长(超过外部div高度)的内容...</div> 然后是滚动事件处理: 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2025-06-04
wave-ui
教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样,第一次弄错了,决不能借第二第三次去补救,它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI:基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时,一个优秀的 UI 框架不仅能够加快开发速度,还能显著提升用户体验。对于使用 Vue 的开发者而言,Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架,专注于提供高质量的组件和工具,同时保持轻量化和易用性。通过 Wave UI,开发者可以快速构建美观且功能强大的 Web 应用。 为什么选择 Wave UI?1. 轻量化和高性能Wave UI 的核心目标是轻量化,整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异,非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项,让开发者能够快速上手。即使是初学...
2025-10-21
immich
运筹帷幄之中,决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich:高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代,照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升,越来越多的人开始厌倦“云厂商锁定”,渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich,正是当前全球最火爆的自托管多媒体管理新秀,它不仅是“Google Photos 的开源替代”,更是极客与家庭用户的首选新宠。 一、项目简介 项目地址:immich-app/immich 官网:https://immich.app 一句话描述:High performance self-hosted photo and video management solution. 主语言:TypeScript(前后端均现代技术栈) Star:81,736+ Forks:4,296+ License:AGPL-3.0 标签:self-hosted photo-gallery ...
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金,逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...
2020-11-07
样式穿透
这是一个最好的时代,也是一个最坏的时代。——狄更斯 前段时间用elementUI进行开发,发现样式修改不了 这里一个简单的表格页面 12345678910111213141516171819202122232425262728293031323334353637383940414243<template> <el-table :data="tableData" style="width: 100%;"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column pro...
2023-06-08
js as关键字
统治别人,一定要为别人谋幸福。——莫泊桑 分享一个在export以及 import使用的 as关键字 https://es6.ruanyifeng.com/#docs/module#export-%E5%91%BD%E4%BB%A4 https://es6.ruanyifeng.com/#docs/module#import-%E5%91%BD%E4%BB%A4 这里就不多多赘述简单使用,介绍一个特别的场景: 例如这里有一个js文件 123export function myFunc()export function yourFunc() 针对这个js文件export的两个方法,由于没有export default 因此不能使用 1import MyJs from 'my.js' 而是只能使用 1import { myFunc, yourFunc } from 'my.js' 但是通过as关键字,则可以 1import * as MyJs from 'my.js' 然后就可以使用Myjs....
