在設計輸入日期的表單時，有時我們會需要限定時間範圍。
像是常見的網銀帳戶記錄，很多就有類似從今天開始前的一年內為查詢範圍的限制，有時候就算在說明文字中已說明資料範圍僅有一年內的資料，還是有可能會有用戶去選到超過一年內的日期。
這種時候直接禁止選取超過一年內的日期，可以避免使用者不小心進行錯誤的操作。

投資理財

職場

學習

以行動支持創作者！付費即可解鎖

軟體開發

網站開發學習筆記

我是佧佧，歡迎來到我的術式領域。
讓我們一起磨練技術、學習程式，
在前端的領域中不斷成長吧！



佧佧的術式領域

案例

輸入

在 Vue 中設定 input date 輸入的日期範圍

　　在寫程式的時候，我們常會需要針對不同情況來執行不同的工作。這個時候就會用到條件判斷式 ( if statement )

JS 語法 - if statement (依設定條件進行判斷)

　　在 RWD 設計當中，很常見到某些區塊在大螢幕上要顯示多欄、在小螢幕上要顯示單欄。用 Bootstrap 的排版（格線系統）可以設定不同裝置要呈現的大小及欄位。但若不依靠 Bootstrap 來做，而是自己撰寫 CSS 的話，或許可以試著用設定最大或最小寬度來完成自適應。

音樂藝文

用 CSS 最大、最小寬度設定的語法實現 RWD 排版

　　先前在開發的專案中，需要一個上傳圖片後可以看即時看到預覽的功能。再加上這個功能在許多地方都會用到，因此試著製作了一個可以獨立運行的組件。

在 Vue 中用原生 input file 上傳圖片後預覽

程式的學習內容大多比較抽象，常常會發生看了資料好像懂了，但實際上要怎麼操作卻又無從下手，最快的方法就是找專案來實作，遇到了問題並去想辦法解決，才會理解當初所學到的內容實際上是什麼情況。 　　但想不到要做什麼專案怎麼辦？一開始我也為此十分苦惱，總覺得專案就是要拿來當作品集的，一想到要做作品集，就又感覺好困難、好焦慮。 　　其實這算是一種完美主義的陷阱，太想要一次做到好。但才剛起步的自己怎麼可能一次就做好？就算是經驗老道的開發人員，也不可能一次開發到位。 　　所以一開始不需要太過害怕，找自己有興趣的主題，然後把自己學到的東西放上去實作就可以了。像我曾看過有人拿歌手的介紹網站當前端作品，我也因此受到啟發，剛好那時我剛學完bootstrap，就以我很喜歡的 Vtuber 為主題，用 bootstrap 做了一個<a href="https://uimaca.github.io/hakosbaelz/" target="_blank" rel="noreferrer noopener">介紹網站</a>。 　　因為主題是我熟悉且喜歡的，所以在準備網站內容的時候完全沒有不知道要做什麼的問題，只需要思考目前我所會的技術可以怎麼使用出來。甚至也有因為真的很想做出某種效果，特別再去找資料來學習。

轉職及學習的心路歷程

學習時的心魔 - 做中學、學的更快！但卻不知道要做什麼？

Nuxt 是什麼？ 總之先學再說！
初見Nuxt，需要的環境？怎麼安裝？
快來看看，從今天開始學 Nuxt ！

【今天開始學 Nuxt】前言、還有環境建置與安裝

在學習的過程中，遇到不懂的內容就會去查資料，結果查到的資料內容又用了很多不懂的術語或內容去解䆁，為了要看懂資料就需要再繼續查，然後又遇上看不懂的內容，再繼續查……就在這樣不斷輪迴的過程中，時間就這樣過去了，等一天結束卻發現原本預期要學的東西跟本沒有推進，就會感覺自己好像完全沒有成長或進步，進而覺得挫折且無力。而且最重要的是，在自學時，有時看完資料感覺好像懂了，但又不敢確定自己理解的是否正確。 我想這是自學時最容易感到無力的狀況，同時也必定會面臨的課題。正因為什麼都不懂，更不用說幫自己安排一套可以循序漸進的學習計劃，那麼途中遇到不懂的知識便是自然的事。 那些不懂的地方就代表著先備知識還不足夠，但隨著不斷的查詢並學習，我們就能把基礎打的更加穩固，當之後再遇到其它問題時就不會再因為基礎的東西不懂而無法理解，對於之後的學習一定會有所幫助。雖然現在要花更多的時間，但這些知識是會累積下去成為往後的基石。 而對於理解的是否正確的問題，我想也要學會使用社群，又或是透過AI工具的協助，將自己理解的內容整理成筆記去發表，從中獲得的回饋便能再去逐步修正。 學習程式最重要的是不要害怕出現錯誤，出現錯誤反而是一個學習的好機會，錯誤會是自己最好的老師，從錯誤中能學習到更多，學習怎麼去處理錯誤，並且讓自己不再犯一樣的錯誤，那就會越來越進步。

學習時的心魔 - 怎麼學都學不完的無力感

這是我在面對第一個面試時遇上的問題。與其擔心還未發生的事，做好現在能做的事情才是最重要的。永遠也沒有所謂「我準備好了」的時候，因為從未遇過，不知道會發生什麼事，在不可預期的狀況下，談何準備？因此我認為所謂的準備好了，是指在事情發生的當下，已經盡自己所能做到的最好，用那樣的狀態去面對挑戰，那麼就算最後沒有成功也沒關係，那不是因為還沒準備好，而是自己現階段的能力還不到位，再建立在目前累積的努力繼續成長就好了！機會是給準備好的人，但有些機會把握不住有時不是因為準備不足，而是那個機會本來就不適合現在的自己。

找工作的心魔 - 還沒準備好怎麼辦？

對於想要嘗試學習前端技術，卻還沒下定決心或不知道是否合適的初心者，六角的體驗營就像是前端開發的新手村，提供基礎的新手教學，讓你對前端有基礎的概念；教你最基本的心法，讓你去打幾隻簡單的怪累積一點經驗值。

【六角2024 軟體工程師體驗營】完課分享

本篇最主要是要了解網站前端工程師究竟是什麼？主要工作內容又有哪些？將從三個部份來說明：前端的工作內容、前端所需的軟實力以及前端所需的硬實力。

佧佧