終結工作沒效率做事愛拖延的16個關鍵習慣
看完這本，感覺一般般。不過有一個觀點還不錯。 就是「接受他人的批評」。人不必害怕失敗，要把焦點放在興趣及專業上，而已自己身上。例如，不要去想別人對自己的看法，而是專注在「打造好用的軟體」。 以前有人問一個美髮師，「感到沮喪時，妳會怎麼提振精神？」她回答：「 我從來不曾沮喪過。因為我總是只思考顧客的事...
Read more文章 - 第 6 頁
memory專門研究
MDN – Memory management MemLab: An open source framework for finding JavaScript memory leaks Common Causes of Memory Leaks in JavaScript Causes ...
Read more
pnpm monorepo
https://pnpm.io/pnpm-workspace_yaml 看這個檔案怎麼設定 pnpm add gsap -r 用這個指令幫每一個package加套件 如果要用assetpack，在package要加上 "type": "module",...
Read moreIOS Browser閃退集錦
原因百百種！ https://forum.bubble.io/t/safari-on-ios-crashes-repeatedly-a-problem-repeatedly-occurred-error/353936...
Read more古典音樂心得
String的感覺很適合洞穴的音樂…或是在找什麼東西的感覺 音樂盒跟吉它的就有點悲傷，適合回想過去悲傷回憶的fu Tango – La Cumparsita — CLASSICALS.DE – Free Classical Music Scott Joplin –...
Read moredefault font size
Most browsers set 16px as the default font size. This is a universal web standard. /* Check current root element size */ html { font-size: 16px; /* de...
Read more水龍吟、第一章
水龍吟 之 淺碧深紅色 混合著粉紅的溫柔… 第一章 （酷拉皮卡ｘ妮翁向小說，難以接受者見諒或退出） 『妮翁…』 是誰…是誰在叫我？ 「妮翁小姐！」旋律在妮翁床邊，擔心地照顧著發高燒的妮翁。 「妳是…喔…爸爸請的看護啊…」妮翁病懨懨地說著。 「妮翁小姐，您終於醒了…您已經躺了一天了。」旋律驚於妮翁的突...
Read more
金色のコルダ2f
最近有點懷舊，就把以前喜歡的遊戲拿來玩，而且以前我還一堆遊戲沒有玩完…天吶，想玩的遊戲太多啦！ 因為我記得這個遊戲有經過聖誕節，最近也快過節惹，就趁這個時候來順勢玩一下。 是說你們吵架的原因可以更有內涵一點嗎？暈倒。 遊戲攻略： ♪金色のコルダガイド─金色のコルダ２攻略ページ 按Ａ可以查字 空白鍵可...
Read more前端優化專門站
把它k完 MDN – Web performance https://developer.mozilla.org/en-US/docs/Web/Performance Web Performance Calendar » 2024 https://www.debugbear.com/bl...
Read more讀Next.js文件
貼一些讀文件的備註心得。 Rendering: Server Components | Next.js Data Fetching : Server Components allow you to move data fetching to the server, closer to your da...
Read moreNext.js搭配的DatePicker
DatePicker | NextUI – Beautiful, fast and modern React UI Library 雖然第一個搜會搜到它，可是可以客製化的選項不多， 有可能是出來不久的關係，去它的dc問也沒有人回，實在是能看不能用啊〓〓 Flowbite – ...
Read moreSpine相關
學習影片： https://www.youtube.com/watch?v=zZIpC9lwgPM&list=PLwGl7Ikd_6GRFo7d0uRu_fN2RIlvkxW7b 套用上spine發現有點透明的感覺，本來是以為有用了什麼濾鏡，後來想一想去檢查assetpack，才發現原來是asset...
Read moreSpine學習
用滑鼠右鍵可以移動 ctrl + shift + z 可以redo setup mode是建骨頭，animate mode是做動畫 slot就像道具欄，一次只能顯示一個，這樣在調整圖層的時候比較方便。 在images那邊可以直接指定一個圖片來源資料夾，不用每張每張import setting => ...
Read more
Premiere
這裡是source monitor，按空白鍵可以開始播放，移動左右的藍方塊可以縮減範圍 （移動後要按I跟O它才會裁切）I = In , O = Out 這裡要按住Ctrl來移動影片出現的順序，不然會變成取代 要刪除中間的影片又想要影片沒有斷層，按住中間的影片 Alt + Backspace 也可以直...
Read morePixi.js 學習
網路上有人分享bit font用法 https://www.pixiplayground.com/#/edit/zx72y62OBKjx76xs49UdF 來源： https://discord.com/channels/734147990985375826/734150275467706510/1...
Read more給予寬度，算出圖片等比例高度
Here’s a simple JavaScript example to calculate the proportional height of an image when you set a fixed width: function calculateProportionalHe...
Read more等比例縮放的圖
The goal is to make the sprite fit the width of the screen while keeping its proportions (aspect ratio) the same. To do this, we use the formula: this...
Read morecopy JSON way
structuredClone() global function – Web APIs | MDN (mozilla.org) https://t.me/c/1309855268/102160/142440...
Read moreJS Quiz
Question: What is the result of 10,2 ; in JavaScript? When you write 10,2; in JavaScript, this is using the comma operator. The comma operator evaluat...
Read more重構書閱讀心得
正在看重構的書，寫一下條例重點…（本文持續更新） 面對很混亂不好加功能的程式，首先先改成好加功能，後來再加功能 如果程式不需要維護了，就放著不管它 重構前需要先有測試 重構一小段程式就跑測試，才不會到時候有問題不知道要改哪裡。 把一個大的switch case抽出來獨立成一個function，叫Ex...
Read more
debug in app browser
https://www.browserstack.com 這實在太貴了，還是年繳的，買不下去 只好繼續查要怎麼debug 後來發現safari debug功能要開，然後要裝Xcode來模擬，也要裝這個git repo，這下面這個 點第二個比較新，支援新的Xcode 後來發現用這程式，判斷是fb瀏覽器...
Read more
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...
Read more
mac設定
記得要用一條線把手機跟電腦連起來！！不要插錯洞了！！插到充電的沒有用！！！！ 一插上去在Safari馬上就可以看到惹啦！！！！！！！！！ 更新： 最重要的是要打開Air Drop，好像要Sign in with Apple才能打開 一打開馬上就能看到這個驚喜的咚咚 將safari設定成打dev to...
Read more
windows => mac 鍵盤設定
透過「啟動切換」在 Windows 中使用 Apple 鍵盤 – Apple 支援 (台灣) 不能打波浪符號： 原來是要點這個…然後要點擊shift旁邊的鍵（例如我的外接鍵盤的左邊的shift的右邊是ｚ，右邊的shift的左邊是？符號鍵… 我本來以為那是空白鍵或特殊鍵，看不懂操作說明～ ...
Read moreRPG game
LunaGoodnight/honey-play (github.com) pixel art 編輯軟體： Aseprite – Animated sprite editor & pixel art tool Pizza RPG Part 7 – Walls & Collis...
Read more
前端面試集錦
列出一些前端面試題目 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...
Read more
React.js + .NET Chatroom
上傳FTP的時候一定要先關掉site, restart pool再上傳，然後檢查有沒有傳輸成功 本來開chrome會擋 https://localhost:7176/ 的API，直接在網址列輸入這個網址，它讓進去，重整之後就可以打了。 要更新DB也很簡單，打EF的指令就好 加TAG： dotnet ...
Read more
世界各國點心
介紹世界各國的點心，點心之旅，Start！ 探索世界各國的點心 點心是一種普遍的愛與喜悅的語言，為不同文化中的人們帶來甜蜜與幸福。現在，讓我們展開一段美味的環球之旅，探索一些各國最受喜愛且獨特的點心。🍰🌍 1. 法國 – 馬卡龍 在法國，馬卡龍是一種至高無上的點心。這些精緻的杏仁蛋白...
Read more
各種香味
以下介紹一些香味，讓喜歡聞香香的人參考。 香味類型 例子 花香 🌸 玫瑰、茉莉、薰衣草、百合、牡丹 柑橘香 🍋 檸檬、橙子、葡萄柚、佛手柑 水果香 🍎 蘋果、桃子、漿果、熱帶水果如芒果和鳳梨 草本香 🌿 薄荷、羅勒、迷迭香、百里香 辛香 🌶️ 肉桂、丁香、肉荳蔻、荳蔻 木香 🌲 雪松木、...
Read more
來聽音樂吧
什麼音樂可以讓你變聰明？ 聽音樂可以對大腦產生各種積極影響，包括增強認知能力。以下是幾種類型的音樂被認為可以提高智力和大腦功能： 古典音樂： 經常提到的“莫札特效應”指的是聽莫札特的古典音樂可以改善空間-時間推理和一般認知功能。 純音樂： 沒有歌詞的音樂，例如爵士樂或純音樂原聲帶，可以幫助提高專注力...
Read more