搜尋

搜尋結果

為何 VueJS 除錯如此麻煩?
科技新知
MacauYeah・2025-11-04

前一次,筆者分享了VS code debugging frontend的好功能,也確實了coding anywhere並不是一個普通的notepad language server就可以解決的事。我們還要考慮如何debugging 除錯)的問題。 雖然筆者知道 vscode 可以解決問題,但為何 最原始的 nodejs debugger 不能解決問題。如果node debugger 不能解決問題,那麼 vscode 又做了什麼,它可以解決問題?經過一輪的實驗,筆者懷心疑,也許,強大的並不是 vscode 本身,而瀏覽器才真正的做到 debugger 的功能。而 vscode 只是以更方便的方式,重現那些結果。 為何 backend 的 debugger 不發揮作用? 筆者舉例,現時有一個 vue 3 專案,使用官方建議的方式生成 $ npm create vue@latest 這個專案,在開發模式下,會以 vite 架起一個端口為 5173 的伺服器,讓開發人員可以經過瀏覽器看到vue內容。筆者一直都認為,只要在 vite 的指令中插入 inspect 參數,一切就可以成功,就像 nodejs 一樣,只要在開始時加入參數就可以。結果當然是不行的。 經過對比 VueDevTools 的參考功能,筆者發現了一個出發點的問題。vite 其實是一個伺服器級的程式,也許它只是負責把所以 vue js 動態轉成常見 js,就像 webpack 一樣。我們想要設的中斷點,都不在它的程式上,所以 debug 參數也沒有用。實質,我們要加的中斷點,其實要在客戶端上,也就是瀏覽器上。那因此,VueDevTools 也不包括那些功能。它只是好好地記錄了每個 vue component 或 js 是如何被改寫的過程(就像被 webpack改寫的過程)。 官方又是用什麼來除錯的? 既然我們知道了問題所在,就要看看傳統的 javascript 又是如何除錯的。實際上,因為瀏覽器的配合,設立中斷點的功能,原來早就實現了。 httpsdeveloper.mozilla.orgenUSdocsWebJavaScriptReferenceStatementsdebugger 只要我們在任何 javascript 地方,插入 ldquo;debugger;rdquo; 這個神奇的字,瀏覽器就會在inspect模式下,自動產生中斷點。之後,你可以控制瀏覽器進行watch step into step over 功能。絕對比console.log更有意義。 在發現了這個方法之後,回去找vue3的官方文件,驚訝地發現,它就是提議用這種方式進行除錯。 httpsvuejs.orgguideextrasreactivityindepth.html#reactivitydebugging 未解之謎 雖然我們找到了設定中斷點的方式,但對於vscode是如何做到客戶端、伺服器端通用這件事,筆者還是沒有了解到。就以現在的知訊來看,很大機會就是vscode操控了瀏覽器的除錯模式,把所有資訊都回傳了vscode本身。這也是解譯了為何vscode在起動debugger時,必需要由vscode自己叫起瀏覽器。而codeserver這類雲IDE無法叫起本地瀏覽器,就造成它無法運用除錯功能的原因。 有與趣為codeserver一起搵解決方案的朋友,可以到筆者的 httpsgithub.commacauyeahAProgrammerPrepares ,以文字教學的方提交你的解決方案。 祝願大家可以早日實現coding 自由。

感受一場音樂童話盛宴。迪士尼魔法盒子
娛樂殿堂
蘇蘇・2025-07-27

走進威尼斯人劇院,走進《迪士尼魔法盒子》,猶如踏入一場童話盛宴,那悸動的心靈,瞬間被喚醒。 帷幕緩緩拉開,劇院化身為夢幻宇宙,一隻無形的手輕輕引領我,走入那滿溢歡笑與感動的世界。小女孩瑪拉的魔法盒子,成了通往經典迪士尼童話的大門,台上的位位角色不再是螢幕上的影像,而是活生生站在眼前,笑容和動作細膩動人,仿佛與我心靈相遇。 超過75首經典旋律,如涓涓細流潤澤心田。管弦樂隊現場演奏,猶如天籟,將每曲金曲注入全新生命。當《Let It Go》的旋律飄揚,眼前彷彿覆上一層冰雪魔法,讓人感受自由與力量的洗禮。旋律中蘊含著無數回憶與情感。 舞蹈編排華麗絢爛,木偶戲精湛生動,兩者交相輝映,編織出一幕幕令人屏息的奇景。動物王國的場景裡,逼真的木偶與活力四射的演員共舞,讓整個劇場充滿生命的律動,彷彿隨時可觸摸到自然的呼吸。 這場表演跨越年齡界限,無論是天真的孩童,還是經歷生活洗禮的大人,都能在此找到心之歸屬。孩子們被色彩繽紛的舞台和可愛角色迷住,笑語盈盈;我則在熟悉曲調和故事中召喚起往昔夢想,淚光閃爍於眼底。 走出劇院,心仍被魔法牽引,猶如經歷一場靈魂的洗禮。這不單是音樂劇,更是一趟讓人停下腳步、重新擁抱夢想與美好的深刻旅程。 照片來源澳門文化局

重入膠坑5 | 堆積變山積,山積有辦法解決嗎?
手機‧電玩
MacauYeah・2025-02-20

針對大標題的問題,先講結論,堆積是沒法完全避免的,但我們應該有條件防止堆積變成山積大量堆積。 堆積不可避免的原因 以前筆者一直是玩遊戲多,面對特價節日買多了的現像,直到PS4後期,都還會有這個問題出現。但在過渡到PS5早期,就不再有這個問題。因為數位遊戲必定是越賣越便宜,除了機器壞、停產的問題,基本上不會有所謂的錯過好遊戲的問題。不同平台,每年都有節日特價,急玩頂多也就原價買入,能等就一定會有好價錢。 但模型可不一樣,實體商品都有限量的問題,首發一定貴,再販之後會回落到正常價,但再過一期就不一定有現貨。所以大家的策略一般是先買入自己認為不錯的新貨特價品,以免後來買不到,即使山積也會照買。不過問題就是當年紀越來越大,又或是對制作越來越有要求,作業的速度就會越來越慢,然後山積就會越來越嚴重。 改變一下心態 首先這裏不討論成品玩具的山積問題,因為成品玩具至少可以折價出讓,只要夠捨得,想清貨一般都有市場。這裏講的山積問題主要是針對拼裝模型部份,針對那些要自己出手,慢慢一件件加工的玩具。 最初,我們可能很想完美地砌完一台模型,打磨、上色、擺拍。但因為一些技術問題,例如因為損毀要另行修復、制作難度、天氣問題、家庭問題,令大家的進度一直無法向前。久而久之,就會更無心情去完成作品,食之無味,棄之可惜。 面對這個問題,我們可以考慮放過自己,其實不一定要完美制作才能體現樂趣。素組,AA膠強行修復,遮醜,拍攝區部特寫,也可以一定程度的避重就輕地跳過有問題的部份。 貴精不貴多 由少量堆積變成山積主要的原因源自於【不想錯過】,但對於長遠目標來講,山積可能意義不大。 如果我們的目標是收藏,我們會想精制,而面對可能損毀的風險,雙入更具意義。所以不同時期山積多款模型,就變得沒有對沖意義。 如果我們的目標是重複把玩,我們可能更在意空間收納的方便性。若山積的話對於怎樣找模型,絕對是一個阻礙。舊模可能需要搬去一個更隱閉的地方,但這樣亦代表不再把玩,所以堆積也沒有價值。 重新定義如何斷捨離 回到本文最初的結論,堆積,或者叫作團貨,是沒法完全避免的。主要因為商品可取得性問題,再加上對珍品的不捨,一定量的堆積是必定會出現的。但我們可知道,物品始終都會老化或損壞,亦即是有保質期的問題,堆積不代表可以永久擁有。有些我們無法完成、修復的作品,就只好換個形式儲存,例如變成改件作為下一個作品的配件使用,又或是送出給下一位有緣人。新品購入時,亦要評估保質時間,自己是否可以在指定時間內開封體驗,免得錯過最佳觀賞時間。

本週手遊重點推介 2021/04/26-05/02
手機‧電玩
MacauYeah・2021-05-03

話咁快一週又過去,筆者除左為大家整理整理手遊資訊之外,仲特意挑選了幾篇重點新聞,為並為大家重點分享一些本週很值得關注的新聞話題 首先是電競類 韓國出品的手遊眾多,就真係見怪不怪,但韓國出競技手遊,又真係好少玩到呢。最近就有一款《魔靈召喚:失落的世紀》推出,對競技有興趣的朋友,記得搶先去試試,好玩就更要拉你的朋友一齊玩 《魔靈召喚:失落的世紀》 httpsgnn.gamer.com.twdetail.phpsn=214363 作為非對稱競技遊戲,《第五人格》應該是少數可以在市場上在成功存活下來的遊戲之一,最近它又有更新啦,而且還是日本IP級的內容。 《第五人格》x 《死亡筆記本》聯動決定 httpsgnn.gamer.com.twdetail.phpsn=214161 老牌5 VS 5的LOL,轉戰卡牌對戰遊戲事場,如果你想換一個慢一點的節奏遊戲,《符文大地傳說》應該是一個好選擇。而且,最近還有新英雄更新,大家記錄把握機會抽新牌。 《符文大地傳說》釋出新登場英雄「極靈」 httpsgnn.gamer.com.twdetail.phpsn=214313 如果電競類不合心水,或者可以看看動作遊戲。《ROCKMAN X DiVE》 出原創新角色。想育成角色,看來又要肝很久了。 《ROCKMAN X DiVE》新角色啦 「愛莉絲 another」登場 httpsgnn.gamer.com.twdetail.phpsn=214288 如果你嫌動漫題材太宅的話,要不要試這款《哥吉拉毀滅者》 配合已上映電影哥斯拉大戰金剛,這IP繼續在手遊上發威。 《哥吉拉毀滅者》操縱哥吉拉等怪獸盡情破壞都市 httpsgnn.gamer.com.twdetail.phpsn=214195

這個土豪國家以前去不到,以後可以落地簽去了。。。
旅遊情報
OHChance 旅遊誌・2019-09-27

沙特阿拉伯過去幾乎是完全沒有旅遊業的地方,因為是沒有普通的觀光簽證。 今天起改變了!沙特宣佈向49個國家地區開放落地簽證,當中包括中國(澳門及香港特區護照適用),葡國護照也是可用之列! 目前 IATA的簽證資訊頁面已更新,顯示中國護照、澳門香港特區護照、葡國護照都是可獲得落地簽證。 落地簽證費為300沙特里亞爾(80美元),而且需要購買一份沙特適用的醫療保險(140里亞爾)及提供在沙特的暫住地址。最長可以停留30天,但非伊斯蘭信徒仍然禁止進入麥加及麥地那。 沙特阿拉伯首都利雅特是非常現代化的都市 當然廣大的沙漠是不可以少的。。。 如果想去的話,最近是有廣州直飛,另外馬來西亞、馬尼拉也有航班前往。 不過去馬尼拉飛最划算,8000蚊就坐到 business 來回了! 有興趣的話plan plan佢啦~ 下載 OHChance 手機 APP, 特價資訊直送你手!   想搵平機票去玩,即上 OH!Chance!澳燦旅行資訊 httpsohchance.info 去日本旅行買咩 JR Pass好?即上 OH!Note!小燦的旅行筆記做功課 httpsohnote.info 唔知間航空公司好唔好坐?馬上 Subscribe OH Chance Youtube 睇睇佢:httpsyoutube.comcOHChanceTravel 睇埋 Facebook 專頁 httpsfb.comohchance 第一時間獲得最新旅遊資訊!