Array.from
发表于|更新于
|浏览量:
世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的,帝王式的艺术,能够成为音乐那样,则是一切艺术的目的。——叔本华
继续还是js中Array的方法
这次说的方法是from:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
这个方法简单应用如下:
1 | console.log(Array.from('foo')); |
我这里写个稍微复杂点的例子,随机生成文件名并排序
1 | [...new Set(Array.from(Array(200).fill('文件'),x=>x+String(parseInt(Math.random()*200)).padStart(3,"0")))].sort() |
生成结果:

相关推荐
2026-01-10
bilibili-API-collect
时间就是生命,无端的空耗别人的时间,其实无异于谋财害命的。——鲁迅 今天来点真材实料:把 B 站的接口资料“一网打尽”的开源文档库——bilibili-API-collect。仓库地址:SocialSisterYi/bilibili-API-collect,官网文档(GitHub Pages):https://socialsisteryi.github.io/bilibili-API-collect/ 一句话(来自仓库 description):哔哩哔哩-API收集整理【不断更新中….】 这玩意儿到底有啥用 它是面向开发者的“接口百科全书”:把 B 站的各类 API 使用方法集中整理,持续更新。 主题覆盖广(见仓库 Topics):api、bilibili、bilibili-api、bilibili-live、bilibili-login、bilibili-download、bilibili-danmaku、bilibili-comment、grpc、json。 自带文档站点:用 VuePress(仓库有 .vuepress 目录)把 Markdown 文档发布成...
2022-07-14
vue-class-component
人的教养不能够靠别人传授,人必须进行自我修养。一切苦修也绝不是文化修养,教育是通过人的主动性来实现的,教育牢牢地钉在主动性上。——费希特 官方文档:https://class-component.vuejs.org/ class-component是vue官方库之一,其可以让你使用class的方式定义、编写组件 再加上ts的装饰器,最终效果如下: 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2022-12-23
vue重置data
没有爱情,可千万不要结婚——奥斯汀 场景:需要重置已经更改后的data 官方文档: https://v2.cn.vuejs.org/v2/api/#data 其中提到可以通过调用data函数得到一个全新的副本对象 https://v2.cn.vuejs.org/v2/api/#vm-options 然后我们可以通过$options获取用于当前 Vue 实例的初始化选项,因此通过 1this.$options.data() 能够得到最初定义data的一个全新的副本对象(这里的this指向vue实例) 再使用Object.assign 1Object.assign(this.$data, this.$options.data()) 即可重置data 在某些情况下,this.$options.data()的this指向有问题,可以使用 Function.prototype.call()处理 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call...
2021-01-22
使用layui快速渲染表格
耳闻之不如目见之,目见之不如足践之。一一刘向《说苑》 我们首先准备一个接口,格式如下 12345678910111213141516# 请求方法为POST,参数格式为:application/json{"pageNum":1,"pageSize":10}# 响应格式如下{ "msg": "查询成功!", "code": 200, "data": { "records": [], "total": 0, "size": 10, "current": 1, "searchCount": true, "pages": 1 }, "success": true...
2023-04-23
recordrtc
贫者因书而富,富者因书而贵。——王安石 分享一个JavaScript音频 + 视频 + 屏幕 + 画布(2D+ 3D动画)录制库:WebRTC https://recordrtc.org/ https://github.com/muaz-khan/RecordRTC demo:https://www.webrtc-experiment.com/RecordRTC/simple-demos/ 123456789101112let stream = await navigator.mediaDevices.getUserMedia({video: true, audio: true});let recorder = new RecordRTCPromisesHandler(stream, { type: 'video'});recorder.startRecording();const sleep = m => new Promise(r => setTimeout(r, m));await slee...
2023-01-04
css渐变实现杂色
团结就是力量——毛泽东 思路出处:https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆,这里用的径向渐变函数radial-gradient,其中第一个参数是距离中心点近的渐变样式,第二个是远一些的,每个参数中第一项是颜色,第二项是区域 这里的: 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...

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