JavaScript 中的繼承與 extends 關鍵字在 JavaScript 中,我們可以使用 “extends” 關鍵字來實現繼承。繼承是一個物件導向程式設計的概念,它允許我們創建一個新的類別(class),該類別可以繼承另一個現有類別的特點和行為。Apr 16, 2024Apr 16, 2024
純 CSS 輕鬆達成不同裝置的圖片更換有次有個需求需要在不同的裝置,在 img 標籤內更換 src 的圖片來源,來達成圖片切換的效果,一開始心想這應該要透過 javascript 才可以達成吧!Mar 28, 2024Mar 28, 2024
網頁切版直播班 — 2023心得今年六角學院一如既往地也開了切版直播班,我曾經上過直播班但是當時有許多任務沒有完成,一直覺得自己的切版觀念還滿零碎的,所以就想要在今年讓自己重新學習切版觀念,讓自己的切版更加純熟也讓觀念更加完善。Sep 2, 2023Sep 2, 2023
ES6 常見語法糖在 ES6 中新增了許多語法糖與新增語法,這兩者是不同的! 語法糖單純只是精簡了過去 JavaScript 語法,新增語法則是會改變程式的運作方式,例如箭頭函式就是新增的語法,這將會導致 this 的指向有所不同。Apr 9, 2023Apr 9, 2023
ChatGPT 串接到 LINE 教學最近很火紅的 ChatGPT 相信在程式圈已經是大家熟知的聊天型人工智能好物了,可以在上面問他基本的生活問題也能詢問程式相關的問題!Jan 21, 2023Jan 21, 2023
使用 javascript 檢查內容的特定 class 的操作方法我們經常在專案中會需要對某個區塊內是否含有特定 class 做檢查與操作,今天就簡單的來整理一些方法。Jan 18, 2023Jan 18, 2023
另類的 focus 技法 focus-within今天來分享一個好用的 CSS 偽元素屬性 focus-within ,會發現這個屬性是在專案開發時我遇到一個需求是希望 input 在 focus 狀態時,可以在外圍的線條可以變色,但是我的 HTML 結構式長成下面這個樣子。Jan 11, 2023Jan 11, 2023
this 到底指向誰?一直對於在 javascript 的 this 指向誰搞得有點模糊,今天看了一個影片趁著記憶深刻趕緊做個筆記,希望可以幫助到跟我有一樣疑惑的人。Nov 20, 2022Nov 20, 2022