Skip to main content

Command Palette

Search for a command to run...

#vuejs

Articles tagged with #vuejs

  1. 用 TensorFlow.js COCO-SSD 辨識圖片物件

    本篇要解決的問題 幾年前有寫了一篇〈ML5.js 神經網路 開發圖像辨識〉,是辨識圖片裡的物件,最近跟朋友設計一個活動,是需要判斷照片中的人數,ML5 有點不夠用,問了 ChatGPT 後,知道了 TensorFlow.js 裡,有一個 COCO-SSD 的模型,官方的說明 是「在單一影像中定位及辨識多個物件」,實際用起來後,也真的覺得好用,除了可以把人辨識出來,還可以給在照片上的範圍。 本篇主要參考的來源,是 官方說明文件、ChatGPT 的回答。 最後完成的 Demo: https://le...

    Jun 5, 20242 min read7
    用 TensorFlow.js COCO-SSD 辨識圖片物件
  2. Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔

    2022.10.10 更新:新增多檔案編譯功能。 本篇要解決的問題 最近開始用 Vue3 在開發,也看了幾個 Youtube 上有關 Vue3 的教學,雖然官網很推薦 SFC(Single-File Component)的開發方式,但前端工程師們應該都會有個狀況:不是每個案子來,都是可以讓我們自由的開始下一個 npm init vue@latest 後就快快樂樂地開發的,有些時候我們是接手之前的人寫的案子,這些案子如果沒意外,大部份是後端渲染的方式,也就是我們可能會收到 .php、.cshtm...

    Sep 9, 20223 min read75
    Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔
  3. 用 VuePress 製作說明文件頁面 — 6:部署

    本篇大綱 本篇要解決的問題 部署之前必備GitHub 帳號VuePress 檔案 生成靜態檔 把資料夾推到 GitHub 專案上 開啟 GitHub Pages 功能 原始碼、Demo 用 VuePress 製作說明文件頁面系列 本篇要解決的問題 一路走完前面 5 篇,我們用 VuePress 建立的說明文件頁面差不多完成了,接下來就是讓這個頁面放到一個可以對外的地方,讓使用者來觀看。 說明文件在「部署」這邊寫了部署到蠻多地方的範例:英文 | 簡中。 本篇會用 Augustus 自己的方式...

    Sep 3, 20211 min read4
    用 VuePress 製作說明文件頁面 — 6:部署
  4. 用 VuePress 製作說明文件頁面 — 5:改樣式、加元件

    本篇大綱 本篇要解決的問題 修改樣式 Stylingpalette.styl 使用元件 Using Components安裝預處理器建立按鈕元件 原始碼、Demo 用 VuePress 製作說明文件頁面系列 本篇要解決的問題 在上一篇〈用 VuePress 製作說明文件頁面 — 4:佈景主題、外掛〉我們改變了整個 VuePress 的佈景主題,也加了一些外掛,可以丟給同事看說「這我 10 分鐘內做出來的」嚇嚇他們。 不過,雖然背景主題好用,但有時我們不想要改整個主題,只是想要修一些頁面上...

    Aug 6, 20212 min read4
    用 VuePress 製作說明文件頁面 — 5:改樣式、加元件
  5. 用 VuePress 製作說明文件頁面 — 4:佈景主題、外掛

    本篇大綱 本篇要解決的問題 安裝佈景主題 安裝外掛(插件) 原始碼、Demo 用 VuePress 製作說明文件頁面系列 本篇要解決的問題 在上一篇〈用 VuePress 製作說明文件頁面 — 3:導覽列〉我們設定好了頂部導覽列、側邊導覽列,進行到第三篇,用 VuePress 架的說明文件頁面已經很完整,可以把連結丟給同事們接受他們崇拜的眼光了。 但,Augustus 當初就是製作了二篇說明頁後,傳給同事看,同事竟然回了一句:「點開後 認真覺得眼熟 原來跟vue官方 的模組一模一...

    Jul 26, 20211 min read5
    用 VuePress 製作說明文件頁面 — 4:佈景主題、外掛
  6. 用 VuePress 製作說明文件頁面 – 2:config.js 基本設定

    本篇要解決的問題 上一篇〈 用 VuePress 製作說明文件頁面 – 1:安裝 〉我們安裝好了 VuePress,也建立了首頁的檔案,但除非我們只想要在頁面上呈現我們的圖跟文,而不加上像是頂部導覽列、側邊導覽列,也不客製我們要的網址路徑,不然,就一定會需要設定一個 config.js 檔。 本系列第二篇,來整理 config.js 上可以有哪些基本設定。 極重要的目錄結構 首先先看一下 VuePress 的目錄結構,之所以說很重要,是因為畢竟我們在用的是別人家產的開箱即用工具,很多事情必須要...

    Jul 26, 20212 min read18
    用 VuePress 製作說明文件頁面 – 2:config.js 基本設定