在本教程中,我們將了解如何使用Windows Photo Viewer和Photoshop編輯打開儲存WebP文件WebP初始版本是2010年,但現在您可以看到它更頻繁地使用。WebP由google開發,google表示它與PNG相比尺寸縮小了26%,有損圖像比JPEG圖像小25-34%,並且像PNG一樣支持透明度。WebP支持動畫Animated WebP(WebM),它包括了真正的(8bit)alpha通道,每一幀還可以按照需要設置成有損或無損。

Add a comment

若提到使用Node.js來架設網站,基本上都會聯想到 Express 模組,以下即是簡單地說明如何使用Node.js + Express 在十分鐘內架設一個網站。

檔案架構:

node_modules
view
--layout.ejs
--login.ejs
--index.ejs
server.js
package.json
Add a comment

這是一個常見問題,網頁上提供pdf文件的鏈接供下載,如下所示

<a href="/ucamc/myfile.pdf">Download Brochure</a>

問題是當使用者點擊此鏈接時,會使用同一瀏覽器窗口中,打開該文件給予預覽。 但希望它能直接給使用者下載,不需要再打開預覽文件。

Add a comment

webpack中的三個概念module、chunk和bundle

研究splitChunks之前,我們必須先弄明白這三個名詞是什麼意思,主要是chunk的含義,要不然你就不知道splitChunks是在什麼的基礎上進行拆分。《what are module,chunk and bundle in webpack

Add a comment

yarn加速安裝的秘密

yarn 在於根目錄下.yarn-cache這個資料夾,會將每次安裝套件先cache一份到這來,往後如果需要相同套件,就會從這邊拉。

大多數的指令用法和原本並無差異,只要將 npm 換成 yarn即可,特別要注意的是 npm install [package] 安裝少數套件在 yarn 是不支援的,yarn 的套件都是必須儲存 (--save)。

Add a comment