背景
大家有沒有這么一種困境
我現在需要去配置一個定時任務："每天早上九點執行任務"
若你有一個好的定時任務平臺，相信很容易就能配置完成，那若是沒有定時任務平臺呢？是不是就要自己寫cron運算式
那 "每天早上九點執行任務" 的cron運算式怎么寫呢？
這個時候我會去百度一些cron在線生成，因為我比較菜
然而，現在能找到的在線決議生成cron的網站有很多，但是使用體驗都不太好，他可能是長這樣的
如果我的需求再復雜一點點，"作業日的每天早上九點執行任務"，那又該怎么操作呢
大多時候，我更需要知道一個cron運算式它是什么意思，比如 "0 9 */3 * *"， 這個時候，有很多網頁的cron反決議就不好用了，后來我才知道，原來cron運算式分5,6,7位數，而我們熟知的crontab是5位數，意思是6,7位數的cron運算式在linux上是不可用的，各個決議網頁對5,6,7位數的cron反決議的支持也是參差不齊的，
那么有沒有一種，使用起來比較簡潔，又支持5,6,7位數的cron決議呢？不如自己手搓一個吧！
所以 awesome-cron 誕生了
awesome-cron介紹
我們先來看看它的使用，我爭取一張圖能說明
是的，就這么簡單，你只需要在輸入框中輸入cron運算式就行了
除了支持5,6,7位數的cron決議以外，我覺得它最大的亮點就是游標落在某處，就能在對應解釋除標紅，并且告訴你當前是時分秒還是什么，然后這個地方支持哪些寫法
如果你只是一個使用者，那么你可以直接訪問 傳送門，就可以使用了
如果你是開發，那么很高興地告訴你，它是一個vue組件，你可以引入到你的vue專案中
特點
- Zero dependencies（0依賴）
- Supports all cron expression special characters including * / , - ? L W, # (支持cron所有特殊符號的決議)
- Supports 5, 6 (w/ seconds or year), or 7 (w/ seconds and year) part cron expressions（支持5,6,7位數的決議）
- i18n support with 29 languages （國際化）
安裝
npm install awesome-cron
使用
import { createApp } from "vue";
import cron from "awesome-cron";
const app = createApp(App);
app.use(cron);
app.mount("#app");
安裝之后 你可以 全域加載到你的VUE SFC組建檔案中，像這樣:
<cron-parser> 和 <cronParser> 都是可以的
<template>
<cron-parser></cron-parser>
</template>
or
<template>
<cronParser></cronParser>
</template>
按需匯入
手動匯入
<script>
import { defineComponent } from "vue";
import { CronParser } from "awesome-cron";
export default defineComponent({
components: {
CronParser,
},
setup() {
return {};
},
});
</script>
<template>
<CronParser></CronParser>
</template>
<style></style>
如果覺得這個cron決議不錯，希望能給這個專案點個star?， 專案地址←
文章轉至yongchin.xyz
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/509357.html
標籤：其他
上一篇：JavaScript基礎知識