技術 DAY 29 React Native 效能優化：提升效能實戰（三）＆ 效能優化總結

延續上一篇優化程式碼的實例，還剩下一個地方需要改善，那就是圖片。 使用圖片快取 （Cache Images） 透過 Cache 減少發送網路請求而且可以更快的載...

技術 【全端網頁開發】Day11-Flask實作提供下載圖片ZIP的API

前言 接下來會記錄一些，練習過程中實做的內容 實作提供下載圖片ZIP的API 1.先設定好本地圖片的目錄位置和回傳的ZIP檔名 2.使用 zipfile.Zip...

技術 [13th][Day11] image tag

pull 一個 ubuntu image docker pull ubuntu:19.04 列出現有哪些ubuntu images docker image...

技術 [13th][Day10] registry

列出現有的 image docker images 還記得之前在 docker run 時同時進行了 images 的下載嗎？什麼！！你不記得了！！ 那我們...

技術 Day26 優化儲存圖片的機制

前言、摘要 目前資料庫上傳的圖片大小都不一樣，在顯示的時候除了很凌亂之外，也會影響排版的效果，如果在前端設定圖片大小的話又會被伸縮。我們今天會透過**djang...

技術 【全端網頁開發】Day03-探索Docker基本原理

前言 Mentor:第一個課題是了解Docker，了解Docker的一些基本指令用法，和Docker image建置方法 昨天我們透過VM將Ubuntu環境...

技術 Day 25 - 動態調整 Next.js Image 大小

現在的 SVG 與 PNG 的表單都建立完成，不過 SVG 建立 QR code 圖片的部分，現在是用 Next.js 提供的 Image 元件來顯示，但一開始...

技術 【全端網頁開發】Day05-Docker基本指令操作

前言 這篇主要會是練習Docker常用的基本指令操作 Docker基本指令操作 那基本上Docker的指令是分成Docker指令|上級指令|副指令|選項 (如下...

技術 Day 27｜容器安全檢查：讓 Image 成為可信任的交付物

● 前言 在現代軟體交付中，容器幾乎已經成為主流的部署方式。然而，Image 本身往往隱含著安全風險，可能來自基底映像檔、應用程式套件，甚至是開發過程中未清理的...

技術 【Day 25】Next.js 的圖片優化方式 - Image：你可能不需要額外使用它

說到在畫面中加入圖片，大家第一個想法都是使用 <img> 標籤，但是在 Next.js 卻另外提供了一個也是用來放上圖片的用法 <Image&...