github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...
github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...
github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...
github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...
撰寫手機樣式(@media可以參考#從零開始1️⃣6️⃣：RWD!!@media(max-width)和@media(min-width)這篇) 我設定了幾個斷...
前言 營養師不開菜單系列來到第三十天，首先謝謝有觀看到最後一天的讀者，也恭喜堅持到最後一天的你和我。在部署之後，應用程式上線後，我們就這樣結束了嗎？還是我們可...
上一篇中我們完成了header的切版應用、介紹了錨點（Anchor）、還做了一點主頁面的切版： 那我們接續上一篇的內容，而當我們使用手機裝置打開此網頁，會發現...
匯總前二十幾篇學習到的，接下來會以甜點店商設計稿(可商用)的產品頁(product)實際操作練習。 觀察設計稿有沒有通用、重複的部分 設計稿導覽列和頁尾部分似乎...
OOCSS（Object-Oriented CSS） OOCSS（Object-Oriented CSS）強調了分離結構和外觀的概念。以下是 OOCSS...
在前端開發中，CSS 的組織和管理變得至關重要，特別是當項目變得越來越龐大時。為了使 CSS 更易於維護、擴展和協作，有三種常見的設計模式被廣泛使用：SCSS、...
擴展/繼承(Extend/Inheritance) 我們可以定義一組樣式，然後將這些樣式應用於不同的元素，同時保持代碼的整潔和可維護性。 使用@extend...
根據官方文件說明，Sass有兩種語法，最常用的是SCSS語法（.scss），而另一種的縮排語法（.sass）則比較不常見。縮排語法使用縮排而不是中括號來嵌套程式...
當一個專案變得越來越大，CSS的複雜性也隨之增加，要管理龐雜的程式碼變得很麻煩。這篇開始要介紹的Sass，可以幫助我們解決這些問題，並將CSS代碼組織得更加結構...
接續上一篇#從零開始15：怎麼設定照片大小，這篇要討論@media(max-width)和@media(min-width)。 在網頁設計中，響應式網頁設計（R...
前些日子呢，我們一同學習了許多有關網頁三件套 —— HTML、CSS、JS的內容。納在本日的篇章中，我將帶著您使用這幾日所學，來實作出一個計算機的應用！ 完成效...
本篇只會稍微提到製作聲明文件的方式，並不會有過多深入的探討。 為什麼需要聲明文件？ 有時候當我們使用第三方模組時，它們是依據純 JavaScript 來撰寫...
設定圖片高度，要寫死高度還是不要寫死高度? 就像最開始提到，響應式網頁超級超級重要，所以如果在不同螢幕大小，圖片太大超出畫面(或著太小)的話，體驗感覺就會大大地...
在比較熟悉如何架構網頁、呈現出想要的樣子後，應該多少會覺得：希望能夠更快、更有效率地描繪出來。 最直接想到的或許是提升英文打字速度，這會有幫助，但還不夠。 我們...
還記得在#從零開始9️⃣：都只用div不行嗎? 為甚麼要用ul li語意化標籤，我們討論了要使用語意化標籤，非不得已的情況下再使用如div的非語意化標籤。其中使...
裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...
session與cookie的差異? 知道他們分別怎麼應用嗎? A:參考答案 請問一個表格最多可以建立多少個叢集索引? [SQL] A:1個...
艾米
‧
2023-09-29
之前我們講過了幾個 Utility 型別 Ⅰ，忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具： Extract Ex...
上一篇中，我們淺談了JavaScript的基礎，但想要更加深入JS的領域，光有基礎的概念是遠遠不夠的。因此，本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...
在一開始我們就介紹了 聯合類型和交叉類型 這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用： 映射類型 ( Mapp...
先在HTML設定，撐出高度。 <div class="element"> <p>#從零開始：backgroun...
在前面的七篇中，我們講解了構成網頁設計的基礎要素：CSS。但這遠遠是不夠的，CSS只能賦予網頁靜態的美術效果與資訊展示。然而，我們對現代網站的期望通常都具備動態...
嗨～接下來要開始進入切版了，開始切版前，有些必須知道的知識必須了解。之後切版會使用VSCode來做程式撰寫，今天先帶大家認識VSCode這個強大的前端開發軟體吧...
擷自 digitalsynopsis.com 在前面的篇章中，我們學習了如何撰寫CSS的各個屬性來設計出精美的網頁，但您是否有想過：「用電腦設計出來的網頁，為...
可以看以下的程式碼和截圖，或者看codepen範例：https://codepen.io/rochelwang1205/pen/LYMQMMP 個別設定的方式...
在本篇中，我們將介紹CSS中的flex。如同它的名字flex般，這個屬性非常具有彈性，有著能夠適應各個網頁縮放比例的自適應能力，可以說是我們在做網頁設計中的排版...
iThome鐵人賽
看影片追技術
看更多
RochelWang
ysl0628
ttdragon0722
威爾豬
luna0228