最新文章

最新文章列表,列出共32篇文章。

[SVG] 13. svg 定義 symbol,並重覆使用

有的時候,我們會重覆的不斷繪製某一個圖形,但並不會想要每次都重寫,那就可以使用 SVG Symbol ...
瀏覽文章

[Linux] cp 指令複製檔案、資料夾

使用以下指令,加上 -R 參數,就可以將當前路徑的整個 newdir 資料夾(包含裡面的所有檔案、子 ...
瀏覽文章

[Linux] mv 指令可以更名、移動整個資料夾或檔案

mv 最常用的兩個情境,就是將一個檔案的名稱更換成另一個檔名;另一個就是移動整個資料夾或檔案至其它路 ...
瀏覽文章

[SVG] 12. svg 如何與 css 和 js 互相運作

先複習一下,svg 如何可以被載入,一種是 inline svg,另一種是 object/embed ...
瀏覽文章

[SVG] 11. 如何調整 svg 相關元素的外觀

我們所撰寫的 svg,也可以透過 CSS 去調整外觀,那在語法上該如何做到呢?而且也不是所有的 CS ...
瀏覽文章

[SVG] 10. svg 格式如何放入網頁之中

你可以是使用類似 sketch 軟體來匯出 svg 檔案,或是直接撰寫 svg 格式的原始碼,那麼該 ...
瀏覽文章

[SVG] 9. svg 中的 viewport 和 viewBox 觀念

一個 svg 元素,其實就是代表一個 viewport,即可視範圍,假設指定 svg 的寬高皆為 2 ...
瀏覽文章

[SVG] 8. g 將多個元素群組化

使用 svg 中的 g 元素,將多個單一元素,整個群組化起來。 概念 這概念與 html 的 div ...
瀏覽文章

[SVG] 7. polygon 多邊形元素

使用 svg 中的 polygon 元素,來建立多邊形,藉由多個點(x,y)的連線,即可完成多邊形。 ...
瀏覽文章

[SVG] 6. textPath 文字路徑元素

使用 svg 中的 textPath 元素,來建立文字,並指定文字的路線該如何呈現。 概念 使用 p ...
瀏覽文章

[SVG] 5. path 路徑元素

svg 可以使用 path 標籤,來畫出你想要的路徑,非常的方便,讓我們來看一個基本的使用方式,瞭解 ...
瀏覽文章

[Linux] 建立 ssh key 及相關指令

一般使用 ssh 連線方式來遠端連線至其它伺服器時,都要再輸入密碼,那有沒有其它方式,可以不用輸入密 ...
瀏覽文章

[Git] 讓 git log 顯示繁體中文

常常有時候在 Linux 的介面當中,使用 git log 指令的時候,有中文的部份,卻顯示了亂碼, ...
瀏覽文章

[Node.js] 快速建立本機端 server localhost 的方式

常常需要很快的建立一個在本機端可以使用 localhost 來連線的網站,那麼在使用 Node.js ...
瀏覽文章

[SVG] 4. line 直線元素

svg 可以使用 line 標籤,來建立直線圖形。 使用方法 基本語法: <svg> < ...
瀏覽文章

[SVG] 3. rect 矩形元素

svg 可以使用 rect 標籤,來建立矩形圖案。 使用方法 基本語法: <svg> < ...
瀏覽文章

[SVG] 2. circle 圓形元素

svg 可以使用 circle 標籤,來建立圓形圖案。 使用方法 基本語法: <svg> &l ...
瀏覽文章

[SVG] 1. text 文字元素

svg 可以使用 text 標籤來顯示文字。 使用方法 <text> 標籤寫在 < ...
瀏覽文章

[輕旅行] 淡水天元宮賞櫻

春節來到淡水天元宮,主要目的就是賞櫻,每年的 1~3 月,都是可以在淡水天元宮賞櫻的好日子。 如何前 ...
瀏覽文章

[公司相關] 如何計算週轉金

應收帳款收款天數 = 應收帳款金額 / 平均每日銷貨收入 存貨銷售天數= 存貨金額 / 平均每日銷貨 ...
瀏覽文章

[JavaScript] Gulp 任務管理系統指令整理

Gulp 是一個在前端開發領域中,非常好用的一個任務管理系統,你可以建立多個任務(Tasks),來創 ...
瀏覽文章

[公司相關] 健保投保金額分級表自108年1月1日起調整

因為收到「健保投保金額分級表自108年1月1日起調整」這份文件,所以想說記錄一下,以免忘記,大概就是 ...
瀏覽文章

[Linux] 使用 tar 指令建立 gzip 格式的壓縮檔及解壓縮

有的時候,我們會想將資料夾壓縮成一個檔案,以便檔案的傳輸。可以使用 tar 指令來做到壓縮及解壓縮。 ...
瀏覽文章

[Linux] find 指令

這裡整理一些在 linux 下,find 指令的一些常見用法。 ...
瀏覽文章

[JavaScript] 內建的 apply() 函式

在 JavaScript 中,所有的函式都屬於物件方法(Object Methods),如果一個函式 ...
瀏覽文章

[JavaScript] 內建的 call() 函式

在 JavaScript 中,所有的函式都屬於物件方法(Object Methods),如果一個函式 ...
瀏覽文章

[CSS Animation] 9. 使用 animation-timing-function 來控制動畫的速度與加速度

透過使用 animation-timing-function ,可以控制動畫播放的速度與加速度,讓動 ...
瀏覽文章

[CSS Animation] 8. 使用 animation-play-state 來控制動畫播放的暫停或繼續

animation 已經被套用至某元素時,如果想要讓它暫停或者暫停之後繼續,就可以透過 animat ...
瀏覽文章

[Linux] chmod 改變僅資料夾或檔案的權限

有的時候,想要改變某資料夾裡,所有資料夾的權限,但要排除檔案類型的話,應該怎麼做呢? ...
瀏覽文章

[CSS Animation] 7. 使用 animation-fill-mode 設定當動畫「開始之前」或「結束之後」的狀態

一般來說,動畫在結束時(執行到 100%),會跳回至最初始的狀態;以及若有設定延遲時間的話,則元素的 ...
瀏覽文章

[Linux] rwx 權限對於資料夾及檔案的定義

這裡記錄 rwx 對於資料夾及檔案的權限,所代表的意義,。 ...
瀏覽文章

[CSS Animation] 6. 使用 animation-delay 設定動畫的延遲

通常一個動畫的效果,只要一套用至元素上,就會直接開始執行。但我們可以另外設一個延遲時間,例如1秒,那 ...
瀏覽文章