js find函数
发表于|更新于
|浏览量:
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚
在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求
我们可以使用find函数
1 | var list = [1,4,3,2,5]; |
这样就从我们的list数组中取出了满足n===4这个条件的值
相关推荐
2024-03-17
full-stack-fastapi-template
过一个平凡无趣的人生实在太容易了,你可以不读书,不冒险,不运动,不写作,不外出,不折腾。但是,人生最后悔的事情就是:我本可以。——陈素封 分享一个全栈框架 GitHub - tiangolo/full-stack-fastapi-template: Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more. 全栈、现代 Web 应用程序模板。使用 FastAPI、React、SQLModel、PostgreSQL、Docker、GitHub Actions、自动 HTTPS 等 ⚡ 用于 Python 后端 API 的 FastAPI。 🧰 用于 Python SQL 数据库交互 (ORM) 的 SQLModel。 🔍 Pydantic,由 FastAPI 使用,用于数据验证和设置管理。 💾 PostgreSQL 作为 SQL 数据库。 �...
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件: http://html2canvas.hertzen.com/ 使用方式特别简单: 引入: 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用: 123html2canvas(docu...
2021-08-30
颜色拾取器
志向是天才的幼苗,经过热爱劳动的双手培育,在肥田沃土里将成长为粗壮的大树。——苏霍姆林斯基 官网:https://www.eyecon.ro/colorpicker/ 效果: 代码: 1234567891011121314151617181920212223242526272829303132<head> <link media="screen" rel="stylesheet" href="admin/plugins/colorpicker/css/colorpicker.css" type="text/css"/></head><body><div> <div id="tag-color-picker"> <input type="text" id="tag-color-input')"/> </div...
2024-10-15
object-fit
能轻易做到别人感觉困难的事是人才;能轻易做到别人所不能做的工作是天才。——西德尼 讲一个小技巧,对于图片裁剪可以用这个属性:object-fit object-fit 是一个 CSS 属性,用于指定替换元素(如 <img> 和 <video>)内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小,以及是否保持内容的比例 例如: 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>
2024-08-26
vuemotion
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目,但是其积累是源自于newcar,因此备受期待 VueMotion 是一个现代动画引擎,就像 Python 的 Manim for Vuejs 生态系统一样,它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性,这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎,但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户,欢迎你迁移到 VueMotion。 其团队也是非常之年轻,还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...
2022-06-17
在vue中使用jsx
一个人追求的目标越高,他的才能就发展得越快,对社会就越有益,我确信这也是一个真理。——玛克西姆·高尔基 首先是官方文档 vue2的:https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的:https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例: 先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签,其他的该咋用就咋用 还有的区别在这个链接里:https://github.com/vuejs/jsx#installation 如果有react的基础,上手这个就很容易...

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