js find函数
发表于|更新于
|浏览量:
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚
在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求
我们可以使用find函数
1 | var list = [1,4,3,2,5]; |
这样就从我们的list数组中取出了满足n===4这个条件的值
相关推荐
2025-03-26
astro
真理的范围在大炮射程之内。——俾斯麦 https://astro.build/ https://github.com/withastro/astro Astro:为内容驱动的网站打造的现代前端框架在前端框架百花齐放的今天,React、Vue、Svelte 等已经牢牢占据开发者的视野。而 Astro,则以一种“反潮流”的方式切入了战场——它不试图成为全能框架,而是专注于一个核心场景:内容驱动的静态网站。 什么是 Astro?Astro 是一个现代的静态网站构建工具,主打“少 JavaScript,多性能”。它允许开发者使用多种框架(React、Vue、Svelte、Solid 等)构建组件,但最终构建时,只会输出最小的 HTML、CSS 和必要的 JS,实现几乎“零 JS 运行时”。 一句话总结:Astro 是为了构建快如闪电的内容网站而生的静态站点生成器。 核心特性1. 零 JS 默认输出Astro 默认不会给你的页面添加任何 JavaScript,除非你显式启用交互。这种“按需加载”策略,让页面加载速度大幅提升,非常适合博客、文档、企业官网等。 2. 跨框架组件支持在一个项...
2024-05-12
zui
读书须求大义,不可缠绕于琐碎传注之间。——贺钦 分享一个禅道开源的 UI 库 ZUI https://github.com/easysoft/zui 官方文档: https://openzui.com/ ZUI 3 是一个全新的开源 UI 组件库,提供了丰富的实用组件,并提供自由的定制使用方式,不依赖任何 JavaScript 框架,可以在任何 Web 应用中通过原生的方式使用。 访问 ZUI 3 | ZUI 3 来提前预览组件库。 👉 如果你需要访问 ZUI 1,请访问 https://openzui.com/ ,ZUI 1 源码已经转移到 zui1 分支。 特性 🌸 丰富的 CSS 工具类:基于 Tailwind CSS 提供了丰富的 CSS 工具类,包括特别的语义化外观类名; 💠 强大的 JS 组件:基于 Preact 提供了大量 JavaScript 组件,每个组件提供了大量实用的功能选项; 💖 友好现代的界面:提供了经过精心设计的界面风格,所有组件交互经过反复优化和验证以提供最佳方式; 🌗 主题和深色模式:基于 CSS 变量的主题模式,快速生成主题,内置...
2021-08-24
页面滚动事件
有些路是非要单独一人去跋涉,路再远再长,也得独自默默走下去。——席慕蓉 HTML DOM事件大全:https://www.runoob.com/jsref/dom-obj-event.html 可以如下写法: 12345window.onscroll = function() { console.log("滚动上下距离" + document.documentElement.scrollTop || document.body.scrollTop); console.log("滚动左右距离" + document.documentElement.scrollLeft || document.body.scrollLeft);}// jquery $(window).scroll(()=>{}) uniapp页面生命周期文档:https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%...
2022-10-08
vue-cropper
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网:https://github.xyxiao.cn/vue-cropper/ 演示demo:http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2022-05-05
vite
给自己一点时间,别害怕重新开始。——威尔·鲍温 分享一个前端开发与构建工具vite,官网: https://vitejs.cn/ 可以以极快的方式冷启动项目,极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project
2024-09-18
vue2使用vite过渡
君子藏器与身,待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验。 通过这个插件,开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包,而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点: Vue 2 支持:在 Vite 项目中使用 Vue 2,无需进行复杂的配置或迁移。 现代开发体验:支持 Vite 的快速启动、热模块替换(HMR)、高效的编译和打包。 兼容性:与现有的 Vue 2 项目无缝集成,不影响现有代码库的运行。 GitHub地址 GitHub 仓库:vitejs/vite-plugin-vue2 官方文档提供了详...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog