List the aspects that a React component can be code reviewed for.
📝 Your Corrected Question: "List the aspects that a React component can be code reviewed for." Grammar fixes: "reviewd" → "reviewed", "react" → "Reac...
科技
為什麼歌曲會在腦中不斷重播？耳蟲現象解密
你一定有過這種經驗：某首歌的旋律突然卡在腦子裡，不斷循環播放，趕都趕不走。這種現象有個可愛的名字——「耳蟲」（earworm）。 什麼是耳蟲？ 耳蟲的正式學名是「非自主音樂意象」（Involuntary Musical Imagery）。研究顯示，超過百分之九十的人每週至少經歷一次耳蟲現象，大多數持...
數學冷知識：那些讓人驚呼的數字巧合
數學常常被認為是枯燥的，但其實它藏著許多令人驚嘆的巧合和規律。以下這些數字事實，可能會讓你重新看待數學。 142857：神奇的循環數 把 142857 分別乘以 1 到 6： 142857 × 1 = 142857 142857 × 2 = 285714 142857 × 3 = 428571 14...
你看到的星光，可能來自幾千年前
晴朗的夜晚抬頭看星空，那些閃爍的光點看起來像是「現在」在發光。但事實上，你看到的很多星光，是幾十年、幾百年甚至幾千年前發出的。 光速很快，但宇宙更大 光的速度是每秒約三十萬公里，一秒鐘可以繞地球七圈半。這已經是宇宙中最快的速度了，但面對宇宙的尺度，它仍然不夠快。 太陽離我們約一億五千萬公里，陽光到達...
章魚有三顆心臟：海洋裡最聰明的軟體動物
如果要選一種最像外星生物的地球動物，章魚絕對是首選。牠們有三顆心臟、藍色的血液、八條會獨立思考的腕足，還能在幾秒內改變全身的顏色和質地。 三顆心臟怎麼運作？ 章魚有兩顆「鰓心臟」和一顆「體心臟」。鰓心臟負責把血液送到鰓部進行氣體交換，體心臟則負責把含氧的血液輸送到全身。有趣的是，當章魚游泳時，體心臟...
如果地球停止自轉會怎樣？
地球每二十四小時自轉一圈，赤道上的自轉速度大約是每小時一千六百七十公里。我們感覺不到，是因為所有東西——空氣、海水、你和你的椅子——都在以相同速度一起轉。 但如果地球突然停下來呢？ 第一秒：一切都飛了 地球停了，但你沒有。根據牛頓第一運動定律（慣性定律），你會以每小時一千六百七十公里的速度沿著地表切...
為什麼切洋蔥會流淚？化學告訴你答案
幾乎每個下過廚房的人都體驗過切洋蔥的「催淚攻擊」。這不是因為你捨不得洋蔥，而是一連串精彩的化學反應。 洋蔥的化學武器 洋蔥在生長時會從土壤中吸收硫化物，並將它們儲存在細胞裡。當你用刀切開洋蔥時，細胞被破壞，裡面的酵素「蒜胺酸酶」就會被釋放出來。 這個酵素會催化一系列反應，最終產生一種叫做「丙硫醛-S...
為什麼手機電池用久了會越來越不耐用？
幾乎每個人都有這種經驗：新手機充一次電可以用一整天，但用了一兩年後，到下午就開始焦慮電量。這不是錯覺，背後有明確的科學原因。 鋰電池的老化機制 現代手機使用的是鋰離子電池。每次充放電時，鋰離子在正極和負極之間來回移動。但這個過程並不是完美的——每一次循環都會有微量的鋰離子「迷路」，卡在電極材料的晶格...
Networking
Here’s a structured, complete roadmap of what you need to learn in Networking , grouped by category (in English). Use it like a checklist: learn top →...
網路相關學習文
How does the Internet work? Internet Basics What is the internet? Cyber Security Networking Basics How does the Internet work? Learn Networking for Fr...
VPS
最近我的VPS因為開了不需要開的port，就是Postgrel 5432，是claude幫我寫的docker compose，然後就吃到 這招 ，被bot爬到，所以就刪掉重開了… 可見資安控管真的要做好QQ 這篇記一下建VPS的流程，一邊做資安的控管 在自己的電腦產生SSH Key，就不用每次登入都...
clamp好像不錯用
來試試看 https://css-tricks.com/simplified-fluid-typography/ https://css-tricks.com/simplified-fluid-typography/...
Next.js懶人包包
一段url就是segament。 https://www.cats.com/segament/segament/segament …… 用資料夾分網址 用 ( ) 或是 _xxx 取名的資料夾不會被判斷到 資料夾裡面如果沒有 page.tsx 也不會形成網頁 layout 跟...
GTM教學文章
重新再來學一下！ Google Tag Manager Custom Event Trigger Explained Google Tag Manager 101: How GTM can help your business...
雞腿換學歷
收藏一些雞腿換學歷連結！ https://study.arden.ac.uk/online/arden-university-online-courses ASU Online – Accredited Online College | Arizona State University May 9 ...
memory專門研究
MDN – Memory management MemLab: An open source framework for finding JavaScript memory leaks Common Causes of Memory Leaks in JavaScript Causes ...
pnpm monorepo
https://pnpm.io/pnpm-workspace_yaml 看這個檔案怎麼設定 pnpm add gsap -r 用這個指令幫每一個package加套件 如果要用assetpack，在package要加上 "type": "module",...
IOS Browser閃退集錦
原因百百種！ https://forum.bubble.io/t/safari-on-ios-crashes-repeatedly-a-problem-repeatedly-occurred-error/353936...
default 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...
前端優化專門站
把它k完 MDN – Web performance https://developer.mozilla.org/en-US/docs/Web/Performance Web Performance Calendar » 2024 https://www.debugbear.com/bl...
讀Next.js文件
貼一些讀文件的備註心得。 Rendering: Server Components | Next.js Data Fetching : Server Components allow you to move data fetching to the server, closer to your da...
Next.js搭配的DatePicker
DatePicker | NextUI – Beautiful, fast and modern React UI Library 雖然第一個搜會搜到它，可是可以客製化的選項不多， 有可能是出來不久的關係，去它的dc問也沒有人回，實在是能看不能用啊〓〓 Flowbite – ...
Spine相關
學習影片： https://www.youtube.com/watch?v=zZIpC9lwgPM&list=PLwGl7Ikd_6GRFo7d0uRu_fN2RIlvkxW7b 套用上spine發現有點透明的感覺，本來是以為有用了什麼濾鏡，後來想一想去檢查assetpack，才發現原來是asset...
Premiere
這裡是source monitor，按空白鍵可以開始播放，移動左右的藍方塊可以縮減範圍 （移動後要按I跟O它才會裁切）I = In , O = Out 這裡要按住Ctrl來移動影片出現的順序，不然會變成取代 要刪除中間的影片又想要影片沒有斷層，按住中間的影片 Alt + Backspace 也可以直...
Pixi.js 學習
網路上有人分享bit font用法 https://www.pixiplayground.com/#/edit/zx72y62OBKjx76xs49UdF 來源： https://discord.com/channels/734147990985375826/734150275467706510/1...
給予寬度，算出圖片等比例高度
Here’s a simple JavaScript example to calculate the proportional height of an image when you set a fixed width: function calculateProportionalHe...
等比例縮放的圖
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...
copy JSON way
structuredClone() global function – Web APIs | MDN (mozilla.org) https://t.me/c/1309855268/102160/142440...
JS 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...
重構書閱讀心得
正在看重構的書，寫一下條例重點…（本文持續更新） 面對很混亂不好加功能的程式，首先先改成好加功能，後來再加功能 如果程式不需要維護了，就放著不管它 重構前需要先有測試 重構一小段程式就跑測試，才不會到時候有問題不知道要改哪裡。 把一個大的switch case抽出來獨立成一個function，叫Ex...