js find函数
发表于|更新于
|浏览量:
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚
在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求
我们可以使用find函数
1 | var list = [1,4,3,2,5]; |
这样就从我们的list数组中取出了满足n===4这个条件的值
相关推荐
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...
2024-09-22
position-try
教育的胜利,可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性 它就像字面意思是说: 位置-尝试 代表着 它在页面移动时尽可能尝试调整位置 举个栗子: 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...
2024-12-09
spark-joy
死非生的对立面,而作为生的一部分永存。——《挪威的森林》 ✨😂 2000 多种方法为您的产品增添设计风格、用户满意度和奇思妙想。 https://github.com/swyxio/spark-joy/ 为您的产品添加设计风格、用户满意度和奇思妙想的简单方法! Spark Joy 理念在我的书中有更详细的解释(https://learninpublic.org/),如果您想探索这种方法如何应用于设计实用程序之外的其他领域,请查看它。 目录 [4 分钟网页设计](#4 分钟网页设计) CSS/UI 模板 严肃的 CSS 框架 插入 CSS 框架 有趣的 CSS 框架 无框架 CSS 重置 CSS A11y 跳棋 Tailwind 组件库 React 组件库 布局 堆叠和高程 二维间距 响应式布局断点 布局出血 其他布局工具和技巧 版式 字体 行高 线宽 字距调整和字符间距 字体大小 版式讲座 其他版式资源 颜色 调色板生成器 颜色渐变 色彩理论 数据可视化的色彩理论 背景 背景渐变和图案 背景插图 背景 SVG 纹理 杂项...
2025-05-13
wangeditor自定义事件踩坑记录
任何职业都不简单,如果只是一般地完成任务当然不太困难,但要真正事业有所成就,给社会做出贡献,就不是那么容易的,所以,搞各行各业都需要树雄心大志,有了志气,才会随时提高标准来要求自己。 —— 谢觉哉 文档: https://www.wangeditor.com/v5/toolbar-config.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BA%8B%E4%BB%B6 今天踩坑发现会重复触发,哪怕是使用的 1editor.once('event-key', fn) once只监听一次的,也会在一些情况下重复触发。。。
2025-02-16
animejs
万人都要将火熄灭,我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js:为网页动画注入生命 在现代网页开发中,动画不再仅仅是装饰性的元素,而是增强用户体验、提升交互性的关键部分。Anime.js,一个轻量级的 JavaScript 动画库,提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画,还能确保这些动画在各大浏览器中的兼容性,完美融合到现代网页设计中。 什么是 Anime.js?Anime.js 是一个功能强大的 JavaScript 动画库,它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库,Anime.js 不仅支持基本的动画(如平移、旋转、缩放等),还支持更为复杂的时间线和属性控制,让动画的表现更加生动和灵活。 特性和优势 多种动画支持:Anime.js 不仅可以控制 DOM 元素的 CSS 属性,还可以操作 SVG 属性、JavaScript 对象的...
2022-05-05
vite
给自己一点时间,别害怕重新开始。——威尔·鲍温 分享一个前端开发与构建工具vite,官网: https://vitejs.cn/ 可以以极快的方式冷启动项目,极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project
