<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          分享幾個前端中好玩且有用的開源工具,總有一個適合你!

          共 3446字,需瀏覽 7分鐘

           ·

          2024-04-22 09:15

              

          點擊上方 前端Q,關注公眾號

          回復加群,加入前端Q技術交流群


          正所謂差生文具多,作為前端的我們,擁有幾個合適的工具和網(wǎng)站可以很有效的提高我們的工具效率,還會有一些很有趣的網(wǎng)站可以在我們敲 bug 累了的時候供我們娛樂,接下來我就和大嘎分析一下我在用的一些工具和網(wǎng)站。

          聚合API

          該網(wǎng)站提供了大量的免費的 API 接口供我們使用,大家可以將其用在自己的項目上使用,并且每個接口都提供了完整的文檔,開箱即用。

          Snipaste_2023-04-24_19-16-08.png
          image.png

          左下角的那個 API 接口應該很適合你們吧??

          鏈接: https://www.free-api.com/

          網(wǎng)易云音樂API接口

          網(wǎng)易云音樂 NodeJsAPI,具備登陸接口,多達200多個接口,文檔也寫得很好,非常給不會寫后端且沒有項目經驗的同學。

          image.png

          鏈接:https://neteasecloudmusicapi.vercel.app/#/?id=neteasecloudmusicapi

          表情網(wǎng)站

          這個網(wǎng)站提供了大量的基礎表情,適合用在寫文章上。

          image.png

          鏈接: https://www.emojiall.com/zh-hans/categories/D

          錄屏軟件: OBS studio

          免費且開源的視頻軟件,可用于視頻錄制以及紙幣串流的軟件。

          image.png

          鏈接: https://obsproject.com/

          截屏軟件: Snipaste

          瘋狂套娃吧!!!

          image.png

          鏈接: https://zh.snipaste.com/download.html

          GIF圖錄制

          在掘金中不支持上傳視頻,這個軟件很好的幫助了我上傳動圖。

          image.png

          鏈接:https://www.screentogif.com/

          draw.io

          vscode 中的一個插件,方便我們寫一些流程圖。

          image.png

          Project Manager

          管理的項目,方便直接。

          image.png

          Bookmarks

          書簽用于標記代碼,快速找到所在的位置。

          Turbo Console Log

          快速生成 console.log() 代碼。

          Surround

          代碼片段包裹,把選中的代碼用 if、try...catch 等包裹起來。

          image.png

          Todo Tree

          在摸魚的時候臨時打個 TODO 標記,等摸魚完再打開這個項目,就可以在目錄樹結構中,方便直觀地查看要處理的地方。

          image.png

          tree-extended

          寫文章的時候,需要展示項目組織結構,曾經我寫的文章要用到目錄結構,奈何那時候沒發(fā)現(xiàn)......

          image.png

          最后

          如果這些工具對你有用,那就趕緊點贊收藏起來吧!


          好了,文章讀完了,彥祖?zhèn)儾稽c個關注再走嗎~

          原文: https://juejin.cn/post/7225583187337543717

          往期推薦


          前端開發(fā)者必須知道的日常小技巧!
          TypeScript很麻煩,不想使用!
          不要再寫滿屏import導入啦!

          最后


          • 歡迎加我微信,拉你進技術群,長期交流學習...

          • 歡迎關注「前端Q」,認真學前端,做個專業(yè)的技術人...

          點個在看支持我吧

          瀏覽 63
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  美女艹艹艹| 久一区久久蜜桃 | 欧美黄色免费网站 | 99青娱乐在线视频观看 | 免费黄v在线播放 |