TS试炼-9
TS试炼-9

TS试炼-9

包含:Parse URL Params(解析URL参数)、获取数组的中间元素、找出目标数组中只出现过一次的元素、统计数组中的元素个数、整数、将类型为字面类型(标签类型)的属性,转换为基本类型、DeepMutable(深度可变)、All(元组每项与传入类型相同)、Filter(过滤)、FindAll(获取所有下标)

阅读全文
如何使用ffmpeg将mp4转换为m3u8
如何使用ffmpeg将mp4转换为m3u

如何使用ffmpeg将mp4转换为m3u8

M3U8 是一种基于文本的播放列表格式,通常用于 HTTP Live Streaming(HLS)协议,该协议是由苹果公司开发的一种流媒体传输方式。M3U8 文件包含了指向媒体片段(如视频或音频)的 URL 链接,这些片段会被播放器逐个请求并拼接起来,以达到流畅播放的效果。

阅读全文
前端如何导出doc文档-docxtemplater
前端如何导出doc文档-docxtemp

前端如何导出doc文档-docxtemplater

为减少服务器压力,统计文档的导出需要前端实现,后端仅返回统计数据。本文将介绍使用docxtemplater导出文档,纯前端浏览器导出。

阅读全文
TS试炼-2
TS试炼-2

TS试炼-2

本项目意在于让你更好的了解 TS 的类型系统,编写你自己的类型工具,或者只是单纯的享受挑战的乐趣!我们同时希望可以建立一个社区,在这里你可以提出你在实际环境中遇到的问题,或者帮助他人解答疑惑 - 这些问题也可能被选中成为题库的一部分!

阅读全文

⌈工具⌋ 整合压缩包下载

将多个在线文件地址,通过压缩包下载。

javascript 复制代码
const script = document.createElement('script')
script.setAttribute(
  'src',
  'https://cdn.bootcdn.net/ajax/libs/jszip/3.10.1/jszip.min.js'
)
// 文件地址
const urls = []
// 压缩包的名字
const name = Date.now()
script.onload = () => {
  const zip = new JSZip()
  Promise.all(
    urls.map((url) => fetch(url).then(res => res.arrayBuffer()))
  ).then((arrayBuffers) => {
    arrayBuffers.forEach((arrayBuffer, index) => {
      const filename = `${index + 1}.${urls[index].split('.').pop()}`
      zip.file(filename, arrayBuffer)
    })
    zip.generateAsync({ type: 'blob' }).then((content) => {
      const link = document.createElement('a')
      link.href = URL.createObjectURL(content)
      link.download = name + '.zip'
      link.click()
    })
  })
}
document.body.appendChild(script)
2024-09-28

⌈工具⌋ 在队列中执行异步函数

使用async\await实现队列执行

javascript 复制代码
/**
 * 队列执行函数
 * @param asyncFunction 异步函数
 * @param items  参数数组
 * @param maxConcurrent  最大并发数
 * @returns 结果数组
 */
async executeAsyncFunctionInQueue<T, K>(
  asyncFunction: (item: K, index: number) => Promise<T>,
  items: K[],
  maxConcurrent: number = 10
): Promise<Array<T | Error>> {
  const queue = [...items]
  const results: Array<T | Error> = new Array(items.length)
  const executing = new Set<Promise<void>>()

  const executeNext = async (): Promise<void> => {
    if (queue.length === 0) return

    const currentIndex = items.length - queue.length
    const item = queue.shift()!

    const promise = (async () => {
      try {
        const result = await asyncFunction(item, currentIndex)
        results[currentIndex] = result
      } catch (error) {
        results[currentIndex] =
          error instanceof Error ? error : new Error(String(error))
      }
    })()

    executing.add(promise)
    await promise
    executing.delete(promise)

    if (queue.length > 0) {
      await executeNext()
    }
  }

  const workers = Array.from(
    { length: Math.min(maxConcurrent, queue.length) },
    () => executeNext()
  )

  await Promise.all(workers)
  return results
}
2025-01-03

⌈地理⌋ 获取多个经纬度适合的缩放等级及中心点坐标

获取多个经纬度适合的缩放等级及中心点坐标。

javascript 复制代码
/**
 * 获取多个经纬度适合的缩放等级及中心点坐标
 * @param { { lat: number, lng: number }[] } points 多个经纬度
 * @returns { { center: { lat: number, lng: number }, zoom: number } } 适合的缩放等级
 */
export function getPointsCalculateZoom(points) {
  if(!points.length) throw new Error('请传入经纬度')

  const getZoom = (minPoint, maxPoint) => {
    const zoom = [
      50, 100, 200, 500, 1000, 2000, 5000, 10000, 20000, 25000, 50000, 100000,
      200000, 500000, 1000000, 2000000
    ] //级别18到3。
    const distance = getDistance(minPoint, maxPoint)
    for (let i = 0, zoomLen = zoom.length; i < zoomLen; i++) {
      if (zoom[i] - distance > 0) {
        // 不同平台可能不太准,可在此处进行调整,或在调用完成后进行调整
        return 18 - i + 1
      }
    }
  }
  let maxLng = points[0].lng
  let minLng = points[0].lng
  let maxLat = points[0].lat
  let minLat = points[0].lat
  let res
  for (let i = points.length - 1; i >= 0; i--) {
    res = points[i]
    if (res.lng > maxLng) maxLng = res.lng
    if (res.lng < minLng) minLng = res.lng
    if (res.lat > maxLat) maxLat = res.lat
    if (res.lat < minLat) minLat = res.lat
  }
  const cenLng = (maxLng + minLng) / 2
  const cenLat = (maxLat + minLat) / 2
  const zoom = getZoom(
    { lng: minLng, lat: minLat },
    { lng: maxLng, lat: maxLat }
  )
  return {
    center: {
      lng: cenLng,
      lat: cenLat
    },
    zoom
  }
}
2025-11-24

⌈地理⌋ 获取多个经纬度的中间坐标

获取多个经纬度的中间坐标

javascript 复制代码
/**
 * 获取多个经纬度的中间坐标
 * @param {{lat: number, lng: number}[]} points 多个经纬度点
 * @returns {{lat: number, lng: number}} 中间坐标
 */
export function getPointsCalculateCenter(points) {
  const point_num = points.length; //坐标点个数
  let X = 0,
    Y = 0,
    Z = 0;
  for (let i = 0; i < points.length; i++) {
    if (!points[i]) {
      continue;
    }
    const point = points[i];
    const lat = (point.lat * Math.PI) / 180;
    const lng = (point.lng * Math.PI) / 180;
    const x = Math.cos(lat) * Math.cos(lng);
    const y = Math.cos(lat) * Math.sin(lng);
    const z = Math.sin(lat);
    X += x;
    Y += y;
    Z += z;
  }
  X = X / point_num;
  Y = Y / point_num;
  Z = Z / point_num;
  const tmp_lng = Math.atan2(Y, X);
  const tmp_lat = Math.atan2(Z, Math.sqrt(X * X + Y * Y));
  return { lat: (tmp_lat * 180) / Math.PI, lng: (tmp_lng * 180) / Math.PI };
}
2025-11-24
绝命毒师第五季

绝命毒师第五季

故事紧接着上一季,通过一场精心策划的大爆炸,沃尔特(布莱恩·科兰斯顿 Bryan Cranston 饰)终于除掉了长久以来的威胁古斯塔沃(吉安卡洛·埃斯珀西多 Giancarlo Esposito 饰),也将古斯塔沃一手建立的毒品帝国连根拔起。然而,“事业”上的成功并没有为沃尔特带来太多的快乐,因为他和妻子斯凯勒(安娜·古恩 Anna Gunn 饰)之间的关系再次跌落到了冰点。  古斯塔沃死了,但沃尔特的野心并没有消失,他联手杰西(亚伦·保尔 Aaron Paul 饰)与麦克(乔纳森·班克斯 Jonathan Banks 饰),开始建立属于他的新的帝国。一次偶然中,汉克(迪恩·诺里斯 Dean Norris 饰)在沃尔特家中发现了沃尔特就是海森堡的确凿证据,巨大的打击之下,他决心大义灭亲,昔日的连襟,如今沦为对手。与此同时,一股新的势力正在毒品圈内逐渐壮大,他们即将成为汉克最强大的敌人。

2024-07-19
风骚律师第六季

风骚律师第六季

故事发展到第六季,吉米(鲍勃·奥登科克 Bob Odenkirk 饰)和金(蕾亚·希霍恩 Rhea Seehorn 饰)决定对霍华德(帕特里克·法比安 Patrick Fabian 饰)实行小小的“复仇”。那边厢,纳乔(迈克尔·曼多 Michael Mando 饰)在将萨拉曼卡家族一锅端之后踏上了逃往的旅途。  这场屠杀中,拉罗(托尼·达尔顿 Tony Dalton 饰)成为了幸存者,这对于纳乔和古斯(吉安卡罗·埃斯波西托 Giancarlo Esposito 饰)来说无疑是一场不幸。古斯一边派出麦克(乔纳森·班克斯 Jonathan Banks 饰)接应纳乔,一边还要提防血债血偿的拉罗随时出现在眼前。最终,吉米和金顺利的毁掉了霍华德的事业,但事情的发现很显然超越了两人的预期和控制。

2024-06-22
绝命毒师第四季

绝命毒师第四季

故事发展到第四季,沃尔特(布莱恩·科兰斯顿 Bryan Cranston 饰)和古斯(吉安卡洛·埃斯珀西多 Giancarlo Esposito 饰)之间的关系开始变得越来越紧张起来,古斯不仅加强了对于沃尔特的监视,还企图控制杰西(亚伦·保尔 Aaron Paul 饰),希望有朝一日他能够替代沃尔特。  一些蛛丝马迹让汉克(迪恩·诺里斯 Dean Norris 饰)对古斯逐渐产生了怀疑,这让沃尔特的身份几次濒临暴露。沃尔特发现了古斯对自己的杀意,他想要用积攒下来的存款带着家人远走高飞,哪想到,巨额财产竟被斯凯勒(安娜·古恩 Anna Gunn 饰)用于自保。沃尔特被逼到了绝境,在他的面前只有唯一的选择,那就是不惜一切代价,先下手为强,除掉古斯。

2024-07-19
进击的巨人

进击的巨人

在艾伦他们居住的帕拉迪岛之外,还存在一个其他人类居住的世界。当中一个国家「玛雷」与其他各国爆发战争。陷入苦战之际,他们决定要攻进帕拉迪岛,把「始祖的巨人」抢过来。在这里又看到另一群孩子们拼命求生存的身影……

2024-07-19