debug in app browser
https://www.browserstack.com 這實在太貴了，還是年繳的，買不下去 只好繼續查要怎麼debug 後來發現safari debug功能要開，然後要裝Xcode來模擬，也要裝這個git repo，這下面這個 點第二個比較新，支援新的Xcode 後來發現用這程式，判斷是fb瀏覽器...
科技
localhost變https
安裝brew之後，參考這篇文章 Use HTTPS for local development | Articles | web.dev 在package.json的start加這行就有https惹 HTTPS=true SSL_CRT_FILE=~/localhost.pem SSL_KEY_FI...
mac設定
記得要用一條線把手機跟電腦連起來！！不要插錯洞了！！插到充電的沒有用！！！！ 一插上去在Safari馬上就可以看到惹啦！！！！！！！！！ 更新： 最重要的是要打開Air Drop，好像要Sign in with Apple才能打開 一打開馬上就能看到這個驚喜的咚咚 將safari設定成打dev to...
windows => mac 鍵盤設定
透過「啟動切換」在 Windows 中使用 Apple 鍵盤 – Apple 支援 (台灣) 不能打波浪符號： 原來是要點這個…然後要點擊shift旁邊的鍵（例如我的外接鍵盤的左邊的shift的右邊是ｚ，右邊的shift的左邊是？符號鍵… 我本來以為那是空白鍵或特殊鍵，看不懂操作說明～ ...
RPG game
LunaGoodnight/honey-play (github.com) pixel art 編輯軟體： Aseprite – Animated sprite editor & pixel art tool Pizza RPG Part 7 – Walls & Collis...
前端面試集錦
列出一些前端面試題目 What is the difference between left in CSS and transform in CSS? Answer: The left property and the transform property in CSS both deal with...
React.js + .NET Chatroom
上傳FTP的時候一定要先關掉site, restart pool再上傳，然後檢查有沒有傳輸成功 本來開chrome會擋 https://localhost:7176/ 的API，直接在網址列輸入這個網址，它讓進去，重整之後就可以打了。 要更新DB也很簡單，打EF的指令就好 加TAG： dotnet ...
GYP BUG
真的是很GY GGYY 每個步驟都會有問題 將報錯印到txt檔 yarn install 2> error_log.txt 這裡還不是不能yarn，試了 npm cache clean –force npm install -g node-gyp 之後才能 npm install -g ...
Docker Client-Server Architecture
Docker is a powerful platform that operates on a client-server architecture, where the client and server communicate over a RESTful API. The client ac...
Systemd service unit files
Systemd service unit files are configuration files used by the systemd system and service manager in Linux systems. systemd acts as an init system and...
Shift to Type-Driven Parsing
The article “Parse, Don’t Validate” by Alexis King focuses on the concept of type-driven design in programming, emphasizing the use of par...
用新電腦首先要做什麼
安裝telegram 下載 無蝦米 下載Git 下載jetbrains要用到的軟體 下載cmder 安裝 NVM webstorm改成用bash settings 選terminal，再shell path打：”D:\Program Files\Git\bin\sh.exe”...
Linux tutorial
Learning Linux involves understanding various components that range from basic commands to system administration and networking. Here’s a struct...
Understanding JavaScript Closures: A Simple Explanation
In JavaScript, a closure is a feature where an inner function has access to variables from an outer function even after the outer function has finishe...
學習做RPG
Let’s build an RPG with JavaScript – Part 1: Project Beginnings #pizzalegends (youtube.com)...
benchmark連結
array方法測試 Benchmark: forEach vs map by cuteLuna v2 – MeasureThat.net Benchmark: simple array and map vs forEach vs for by cuteLuna v2 – Me...
提升品質
【程式碼部份】 效能（使用 benchmark 工具檢測） 可讀性 eslint 修正 瀏覽器css效能 console.log有什麼提示 render 次數、profiling 工具 API有沒有多打 熟讀文件（ex TypeScript …...
平常如何吸取新知
訂閱一些NewsLetter 參考求職網站列出的需求 參加一些Conference 定期瀏覽新聞網站、喜歡的技術網站（例如 roadmap.sh 更新很多… 新知方向分類： 程式碼版本更新、MDN文件 有出什麼新套件、使用的套件更新 有出什麼新框架 有什麼新的技術 瀏覽器更新功能 IDE更新 技術調...
目前AI生成工具的弱點？
問他新一點的文件內容不一定準確，不一定能正確的使用新版本的套件（例如Pixi.js 承上，如果專案是整合了各種套件，叫他搭配使用不一定能寫正確（其實也可以不使用這些套件，不過就是看團隊規劃） 有些同事寫的Code，AI不一定看得懂，叫AI分析之後修改，還會改錯。 視覺上的問題，例如動畫之類的比較難請...
Devtool
這個勾起來，Preserve log，就算重整了之前的紀錄還會保留。 還有screenshot功能，double click可以放大看 取消快取功能，僅限devtool有打開的時候 參考文章 Network features reference...
The Complete Node.js Course
買了Mosh的這堂課來看，要來把它學一學。 【Node Module System】 ．Node.js的modularity特性好用，每個module裡面的變數名子不會影響到別的module。 ．require function會吃到export裡的東西 ( it will store the re...
訂目標時思考
差不多也到年尾了，這段期間會想要加緊衝刺一下，不然會覺得今年好像沒有什麼長進的感覺。 每次在訂目標、規劃時間時，思考這個目標最上游的目標是什麼？ 例如我想要學習Linux，學會以後期望技能點更多，變更強，然後賺更多錢，賺大錢就是我上游的目標。還可以再往上推，為什麼想要賺大錢、還有什麼方式賺大錢？ 思...
頁面checklist
先好好審視設計稿。提出疑問＆是否需要修改 需不需要loading 需不需要分頁 有無fixed element 【DatePicker】 如果有From和To的話，To要是today From不能比Today的日期後面...
目標分解
把想要達成的理想，分解成小塊小塊可實現的任務。 「我最喜歡籃球的一點，就是（它需要）不斷尋求進步，」他指出，「我熱愛那種身處一段持續進步旅程中的感覺。」 他將「踏入ＮＢＡ」的遠大目標，化成一個個投籃練習命中數、體能訓練表現等更小、卻可實踐的目標，努力去完成每個小目標，直到變成習慣。 終於當上ＮＢＡ球...
面試題目收集：後端篇
【架構篇】 解釋MVC、MVVM 【Git】 Git跟SVN的差別 【DB】 如果遇到效能瓶頸在DB會怎麼做 【不會分類篇】 message queue怎麼實作 非同步/ multi thread 會應用在哪些場景 【其它】 過河相關邏輯測驗 River Crossing 【進修方向】 SQL一定要...
專案零碎memo
改svg大小或顏色 svg { width: 16px; color: #fff; // 有時候要這樣 path { fill: #fff; } } ant design的form有設定flex: 1 1 auto，所以把它蓋掉 .ant-form-item-control { flex: none...
antd
Form有使用到useWatch的地方，Input就會變慢… 這邊的valuePropName代表 Switch要的attribute是checked， 有加，Switch的checked={…} 才會生效...
寫程式的過程
我在想要怎麼讓速度變快。 使用套件 【閱讀→理解→實際應用】 這一段要快的話，就是多讀（觸類旁通）例如懂node.js和TypeScript看文件更快。文件有時間的話也要仔細看完，因為可能自己刻了一個方法，結果發現套件有提供，那就白作工了。 【看懂別人的程式】 有時間的話整體看，沒時間就先看要做的功...
UTC GMT
這是ChatGPT教的 Alright, imagine you have a big clock that shows the time, just like the one you might have in your room. But there are many clocks all ar...
面試題目收集：前端篇
收集一些面試經典題，有些是面試趣看到的，有些是自己遇到的 【CSS相關】 【React框架相關】 什麼情況要用memo？ memo – React 【JavaScript】 Event Propagation A simplified explanation of event propagation...