1. CSS 偽元素替換文字

    前言 今天要介紹 ::before 和 ::after 這兩個 pseudo-element 來對標籤內的文字進行內容修改。::before 是在原本的元素之前建立一個新的元素, ::after 則是在原本的元素之後建立一個新的元素。在實作過程中若不想透過 JavaScript 更改元素內的文字或 icon 時,可以考慮使用 CSS 提供的 content 屬性進行修改內容。以下就提供兩種技巧搭配網頁 hover 互動效果,即時更改標籤內的文字。

    2022/05/27 CSS

  2. 使用 Axios 進行 HTTP 請求

    前言 網頁前端最常見遇到要透過 HTTP Request 撈取 API 的資料。本文將會介紹 axios 這個套件,並透過 async 非同步技巧且將 GET 到的資料儲存到全域變數。

    2022/05/24 Web

  3. Bootstrap 5 快速搭建導覽列與頁尾

    前言 Bootstrap 5 釋出也一陣子了,相信大家對於新版本非常的期待。在本文章中將點單紀錄一下網頁最常見到的導覽列與頁尾。順便從中介紹一些前端 Bootstrap 小技巧,以利我們文快速開發。

    2022/05/22 CSS

  4. [Python 新手村] Numpy 基礎用法整理

    前言 本篇文章中將紀錄一些 numpy 套件中常用的方法與技巧。

    2022/04/24 Python

  5. [Python 新手村] 基礎用法整理-字串 (String)

    前言 Python 字串中有提供許多的內建方法呼叫。本篇文章將整理在 Python 語言中文字處理的一些小技巧。

    2022/04/19 Python

  6. Python 透過 google drive url 載入 pickle 模型

    前言 常見的儲存模型的套件有 pickle 與 joblib。雖然在今天的教學中則使用另一種方法 pickle 來儲存模型。執得一提的是,在 Python 官方文件中有警告絕對不要利用 pickle 來 unpickle 來路不明的檔案。因為透過 pickle 打包模型會有安全性疑慮,包括 arbitrary code execution 的問題,詳細內容可以參考這篇文章。

    2022/04/17 Python

  7. Python Imageio 影像處理 (輸出mp4格式)

    前言 Python 進行影像處理有很多種套件,今天要介紹的是 Imageio 這個函式庫。提供了一個簡單的接口來讀取和寫入各種圖像數據,包括動畫圖像、影片…等。

    2022/04/03 Python

  8. 透過 scp 指令進行 Linux 伺服器遠與本機端傳送檔案

    前言 我們常常會在本機電腦上進行開發,當要將程式部署在遠端伺服器的時候就必須透過像是 FileZilla 或 FTP 形式從本機上傳到伺服器,或是使用 git 版本控制將程式碼推送到主機。本篇文章將提供另一個快速方法使用 scp 指令與遠端主機之間拷貝檔案,它是一種安全拷貝(secure copy)的縮寫。scp 命令使用 ssh 來傳輸資料,並使用與 ssh 相同的認證模式,提供同樣的安全保障。

    2022/03/14 Linux