![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/profileCover/1dd05e3a-d0f6-49e3-b5e5-474334beb51d.jpeg/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/94dd98d7-6245-4295-8aa1-5e22b2d5f289.png/public)
前端野人
Next.js Static Files 優化簡介
本篇文章介紹如何使用CDN,各種套件來優化在Nextjs開發的網站
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/ed67ce93-d079-4826-95b9-7760b9fb64c1.png/public)
網頁開發 設定WSL2 開放 local network 連線
在 window 系統下使用開發 WSL2可以體驗到 Linux開發環境的便捷,但wsl2是基於虛擬機的環境開發,所以在開發上也會遇到一些問題是要額外設定的,本篇是介紹網頁開發想要用local network 給手機連線測試時的對外設定。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/745efb7e-cbb9-40cd-a9cc-334b67baae44.png/public)
課程消費的推銷手法 - 業者的消費型定型化契約陷阱
在台灣非常氾濫的強迫推銷手法,絕大多數消費者遇到時完全容易被洗腦而且毫無應對能力,事後不但被影響心情,而且被騙走的錢容易因業者的設下的法律陷阱要不回來。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/cover/33a65572-234d-4ee8-aa9b-8af776f20a2a.jpeg/public)
NextJs 使用 noscript 出現的bug
這是我在nextjs 放置 facebook pixels 追蹤碼時出現的錯誤,這錯誤只會在 next build 完的production 上執行時才會出現,但我想先記錄一下這個問題是怎麼一回事
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/cover/d348ca29-e390-476a-9e73-6d9d1d40877a.png/public)
前端開發流-Prototyping-Builder (2)改進
後來我測試一下後,我發現之前的版本有一些瑕疵詳情可參考前端開發流-Prototyping-Builder 上一版我沒有考慮到輸出的檔案,我後來參考一些,css framework的框架如 Bulma、getbse,我回頭想想我需要Prototyping-Builder做什麼?
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/01486590-1aa9-453a-b8ce-db6c23bbfbb1.png/public)
前端開發流-Prototyping-Builder
專案結構前端開發流 - 是我目前追求的境界,從沒有到有建構出一個前端開發流程,這系列會歸納出我所領悟到的開發流程。最近在新創公司打拼,前端開發跟我之前工作模式有所不同,以往工作是設計師出完圖剩下就是前端工程師的事情了,而新公司是繼續交給設計師切版,不過這時我就卡住了....
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/adb973dc-8d9c-4087-b935-2b46de57c9ca.png/public)
Make a Calendar React hook
使用 date-fns 開發 calendar hookMoment vs date-fns一般來說,只要有關時間的 lib 我們都會想到 moment,我一開始也是使用moment,但發現 moment 不太適合用在 react hook 上,主要原因是在於,moment 是m...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/7cfb7fc6-fd64-4a12-9935-e5012600dc42.png/public)
30Day LeetCoding Callenge — Week4
Photo by Guido Hofmann on Unsplash 第四週,所使用的技巧為前三週總合,但題目思維更加的抽象,總之就是驗證你是否真正了解怎麼應用所學技巧,這次介紹兩個演算法(algorithm)BacktrackingGreedyBacktracking回朔法常用於找出任何可能解的答案。
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/b11816da-95ba-462f-ab7c-87f202166fb1.jpeg/public)
30Day LeetCoding Callenge — Week3
Photo by Guido Hofmann on Unsplash這週的難度有點高了,主要是在考資料結構的問題,這週我歸納出兩個技巧Dynamic Programming (動態規劃)二元搜尋樹Dynamic Programming動態規劃的用法,就像是在走訪陣列時就在元素中累...
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/embed/83e37e0e-052a-4717-a1a7-55f3f8d3171f.jpeg/public)
30Day LeetCoding Callenge — Week2
這禮拜多了幾題Linked List,Linked List 在js是用nested object 取代的, 如果要做Linked List 的運算則還要考慮到遞迴的用法。這禮拜的重點技巧:Linked List (鏈結串列)Recursion (遞迴)LinkedListLin...
30Day LeetCoding Callenge — Week1
30-Day Leecodeing Callenge ,第一週挑戰 !!藉由此活動,我想更深入去瞭解JavaScript的演算法思維,目標是訓練出腦海中能觀想出演算法模型。總結這週的技巧,有兩個值得注意的演算法。1.Hashmap javascript 的 hashmap 就是...