自學網頁前端
閱讀時間約 1 分鐘
教到了JS event，非常實用的一堂課程，開始進入監聽階段，可以跟使用者互動，也慢慢建立UX的概念，讓我可以開始自行設計動態網頁，並且優化了第二個靜態網頁，加入了滾動變化的效果。
let header = document.querySelector("header");let headerAnchor = document.querySelectorAll("header nav ul li a")window.addEventListener("scroll",() => {if (window.pageYOffset != 0){header.style.backgroundColor ="rgba(72,60,139,0.3";header.style.color = "white";headerAnchor.forEach(a => {a.style.color = "white";})} else{header.style.backgroundColor = "";header.style.color = "";headerAnchor.forEach(a => {a.style.color = "#381b11";})}})
0會員
5內容數
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
想要自學 HTML 嗎？HTML 是一個相對簡單的標記語言，適合初學者。透過免費資源和互動平臺，你可以輕鬆地學習 HTML，並逐步提高技能。除了 HTML，你還可以瞭解免費網頁設計軟體，如 VS Code 和 Sublime Text。加油吧！
學習日文常見的難題，你也有遇到嗎？
・學完基礎日文後，如何繼續進步？
・沒有機會用日文，怎麼維持水平？
・追日劇專注劇情，學到日文有限？
如何學好一門語言：『理解』＋『重複』
本文介紹了 Google Analytics 4（GA4）示範帳戶的取得方式，並提供了幾種 GA4 分析小練習，讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習，旨在幫助讀者更熟悉 GA4 這個工具。
塔羅牌可以自學嗎？當然可以囉！對我來說，塔羅牌就是一個 “工具”，像是連接你的直覺、集體潛意識一樣，並透過牌卡上的圖像、你看到它的感受，給予對應的指引…我個人是覺得，塔羅牌不一定非要找 “名師學習”，塔羅牌是個人人都能上手，而且靠著一步步的練習，就能解讀潛意識的工具。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
在一個網頁上，會需要使用到圖片的地方有非常多處，像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
在初學網頁排版的時候，文字、段落、列表的排版可以說是比較好上手的，只要稍微透過margin、padding、border及文字顏色上調整，就可以輕易獲得一段美美的文字。
然而要去調整圖片的大小及其他相關效果，就不是那麼容易的一件事了，往往在開發時，都會出現圖片效果不如自己預期的狀況。
網頁設計的工作主要是要設計介面（user interface, UI），並把它轉化成前端介面。先不說設計能力，在技術方面，比較不講究架構或是效能。而在日常工作中，也不太需要常常客製化介面與互動。
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
想要自學 HTML 嗎？HTML 是一個相對簡單的標記語言，適合初學者。透過免費資源和互動平臺，你可以輕鬆地學習 HTML，並逐步提高技能。除了 HTML，你還可以瞭解免費網頁設計軟體，如 VS Code 和 Sublime Text。加油吧！
學習日文常見的難題，你也有遇到嗎？
・學完基礎日文後，如何繼續進步？
・沒有機會用日文，怎麼維持水平？
・追日劇專注劇情，學到日文有限？
如何學好一門語言：『理解』＋『重複』
本文介紹了 Google Analytics 4（GA4）示範帳戶的取得方式，並提供了幾種 GA4 分析小練習，讓新手能夠實際練習和學習。文章包含了關於 GA4 示範帳戶的資源、如何移除帳戶存取權以及各種分析練習，旨在幫助讀者更熟悉 GA4 這個工具。
塔羅牌可以自學嗎？當然可以囉！對我來說，塔羅牌就是一個 “工具”，像是連接你的直覺、集體潛意識一樣，並透過牌卡上的圖像、你看到它的感受，給予對應的指引…我個人是覺得，塔羅牌不一定非要找 “名師學習”，塔羅牌是個人人都能上手，而且靠著一步步的練習，就能解讀潛意識的工具。
Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。
在一個網頁上，會需要使用到圖片的地方有非常多處，像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
在初學網頁排版的時候，文字、段落、列表的排版可以說是比較好上手的，只要稍微透過margin、padding、border及文字顏色上調整，就可以輕易獲得一段美美的文字。
然而要去調整圖片的大小及其他相關效果，就不是那麼容易的一件事了，往往在開發時，都會出現圖片效果不如自己預期的狀況。
網頁設計的工作主要是要設計介面（user interface, UI），並把它轉化成前端介面。先不說設計能力，在技術方面，比較不講究架構或是效能。而在日常工作中，也不太需要常常客製化介面與互動。
初學程式的時候，可能會有幾個問題讓你的開發速度低落，腦袋動得很快，但是手卻跟不上想法。
舉例來說： 瀏覽器的DevTool一直報錯，畫面的邏輯出錯，或是畫面根本出不來，但你卻不知道問題出在哪。