搜尋

搜尋結果

為何 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 自由。

重入膠坑6-補色地獄
手機‧電玩
MacauYeah・2025-03-23

之前筆者就有介紹過水性馬克筆補色、滲線,對於有一直砌開最新HG、MG的朋友來講,只需要考慮滲線就夠。但對於一些便宜價位的入門級的HG或SDEX模型,補色就更重要,因為它們的成型色大都只有兩至三種,即使套件中有提供補色貼紙,亦無法函蓋所有部位。筆者最近做的一款舊HG能天使及SDEX巴巴托期天狼座就是如些。 你所需要的是一套足夠便宜的平替 之前筆者亦介紹過【迪斯派】的模型專用的水性馬克筆,但對於這麼大量的補色,迪斯派的單價也是相當讓人心痛。最近筆者就發現到另一款更便宜的平替品,【多樂繪直液式丙烯馬克筆】。筆者寫稿當天,非金屬色中,也是45.8RMB 24色,72.8RMB 48色。相對於6.9一支的迪斯派非金屬色,多樂繪很便宜,顏色選擇也很多。 多樂繪亦提供散裝購買,7.9RMB 自選三支非金屬色,即是2.64一支。如果大家不想一次過全部購買24色,可以參考筆者以下型號 配合區部重塗 600白色, 603黃色, 608藍色, 622淺灰, 680深灰, 664紅色。上述與萬代的成型色還是會有色差,但相對不太明顯。其中600白色, 603黃色,遮蓋力較差,需要多次重塗以便發色。 還有一些筆者用到但不是通用色,628天藍色?,642海軍藍? 使用效果 筆者在塗裝部份只是處於基本補色要求,沒有試過混色、疊色、過渡等高階用法。對比迪斯派,多樂繪的感覺真的差不多。 操作 使用前先搖一搖筆身,拔蓋就用。 上色前需要打磨嗎 對於白色、黃色等,先打磨模型表面,有助加強附著力。但白色始終難發色,也要多次重塗。深色的不用打磨表現也很好。 易刮漆嗎 易刮,所以要留意邊角位。完成補色後記得上保護漆,上保護漆之前也記得再檢查一遍。 遇到的最大問題 多樂繪的黑色出墨過快,難以控制影響範圍,因為顏色太深,事後也很難清潔。但其他顏色未有出墨過快的問題,未知是否個別事件。另外筆者亦未試過傳統的水性消色筆,都一律以酒精或牙籤清理錯處,暫時無需使用專用消色筆多樂繪可能也沒有消色筆。 迪斯派比多樂繪做得更好的可能是出墨的部份,它不需要搖筆身,也有正常的顏色表現。但迪斯派的顏色選擇很少,灰色、藍色與萬代的成型色很不協調,小部份補色也很顯眼。筆者認為它最大的問題是缺少深灰色,這是萬代很多內構的常用色,再加上多樂繪價錢便宜一大截,一口氣買幾次回來粗用回本。 如果大家有發現一些更細微的分別,歡迎隨時留言交留。

【馬交慳多拿 baby】聖誕自助餐特輯 - 21.12.2023
生活在我城
Cheers!・2023-12-21

就到聖誕~梗係要同屋企人朋友去 Happy Gathering 喇~ 今期慳多拿 Baby 為大家整理咗一系列聖誕自助餐推介,令大家食得盡興,想知就即刻去片喇~ 1.安達仕廚薈 安達仕廚薈12 月 24 ndash; 25 日推出首個聖誕自助晚餐,餐廳以即席烹調嘅方式,炮製葡式、土生及地區特色名菜,包括海鮮美食聖誕節煮鹹鱈魚配什錦蔬菜、烤全羊、葡式鴨飯等。成人每位 $688, 兒童每位 $348 , ICBC X 銀河聯名信用卡 85 折起。 安達仕廚薈 價錢:聖誕自助晚餐成人每位 $688 ,兒童每位 $348 元 地點:澳門安達仕酒店 北翼大樓6樓 電話: 8883 2221 2.MGM 澳門美高梅「盛事」餐廳同美獅美高梅「濤岸」餐廳推出豐盛節慶自助餐,包括傳統嘅聖誕佳餚烤火雞、聖誕甜點、海鮮冷盤等,成人自助午餐同晚餐分別每位 $388 同 $628 起,小童有半價優惠,美高梅會員卡 95 折起! 澳門美高梅「盛事」餐廳、美獅美高梅「濤岸」餐廳 價錢:成人自助午餐 $388 起,自助晚餐628 起,小童半價 電話:8802 2372 3. CTM Home Media 話賞就賞 !禮物總值超過 $30,000! 依家 CTM Home Media CTM TVB Anywhere 客戶喺活動期間登入同使用服務,可以參加 話賞就賞 轉盤大抽獎!禮品日日有,每日登入同參加遊戲次數越多,中獎機會越大! 立即下載 Home Media 睇娛樂,玩抽獎啦! 4.澳門巴黎人「巴黎人自助餐」 澳門巴黎人「巴黎人自助餐」推出節慶自助晚餐,打造味覺、視覺、聽覺三重奏!用餐期間仲有表演,非常有氣氛,中銀金沙時尚銀聯信用卡9折起~ 「巴黎人自助餐」 日期:2023年12月22至25、29至31日及2024年1月1日 價錢:成人每位 $888;兒童 $428 地點:澳門巴黎人1樓 電話:8118 8822 5.澳門新濠影滙「星滙餐廳」 澳門新濠影滙「星滙餐廳」推出聖誕海鮮自助餐,菜式包括原條黃鰭吞拿魚刺身、即點即蒸龍蝦、花尾躉,12月25 ndash; 26 日期間,成人每位 $728+,小童每位 $368+!新濠風尚會員仲可享 9 折優惠~ 澳門新濠影滙「星滙餐廳」 價錢:成人 $728;小童 $368 地址:新濠影滙東翼二樓2113號 電話:8865 6668

Git Submodule
科技新知
MacauYeah・2023-09-15

Git Submodule 初次實務上使用submodule來同時管理幾個project的更新。如果有任何理解上的錯誤,請在github中提issue或pull request。 Why Submodule 假設你的團隊中有三個人,A君做A Project,B君做B Project,C君做Main Project。如果可以,A,B各提供已編譯的Binary或Library,給C君直接使用就最好。 但要做到好好管理,A,B都要有自己的發佈系統,即是把Binary上傳到某個分享Repo中,這樣C君就能有條理地通過IDE或Compile工具下載對應的版本。如果是javascript,Repo可能就是npm repo,如果是java,可能就是maven repo。這亦代表A,B君對程式編譯、打包、版本命名等都要很熟悉,不能一輩子都命名為v1.0.0。 如果團隊對這些都不熟悉,C君還有什麼方法呢其實靠著Submodule的功能,C君也可以硬把A,B的Source code取出,做最後打包。 這跟A、B君自己把source code壓縮然後Email寄給C君是有不同的。因為這樣C君並不清楚A,B的git脈絡:C君需要自己做好A、B的版本記錄。想要只回滾A,B的版本普不容易。但經過git Submodule後,C君可以清楚知道現在正使用的是A、B的那一個commit版本。假如有一天,A、B、C三個都更新了,但發現合起來時就跑不動。C君可以保持A、C的版本不變,單獨提取B的某個版本進行測試。當然,你可以說原本Email也可以這樣管理,但始終你不清楚B的版本記錄,Email的日期並不代表Source Code的進度。因為有時候,Bug Fix是針對舊版本的做更新,新功能的Email日期反而比Bug Fix要早 同理,如果大家要連結多個沒有發佈系統的文字資料,也可以利用Submodule。例如筆者正在編輯一本書,當中不同的主題,就是使用Submodule的功能串連起。 Command 馬上看來來Submodule可以怎樣做。 假設你已經知道git 怎樣用,也起了git repo。假設你是C君,進入你的本機repo資料夾內,使用submodule參數。 上面的效果,就是把C君當前repo的狀態,連結到B君submodule當時預設分枝default branch的最後一個commit 中。然後C君在自己的repo怎樣更新,它引用到B君的submodule版本都不會變。 直到某一刻,B君說他加了一個穩定的新功能,請C也連帶更新一下。C君也做好自己的準備後,使用submodule參數進行更新。 注意,如果C君有多於一個submodule,上述指令會全部一口氣更新。另外,如果你覺得B君的最新版本不能用,還是可以針對B君取得特定的版本。

四年的等待-《戰神:諸神黃昏》下
手機‧電玩
MacauYeah・2022-12-09

筆者總算全破遊戲,但感覺上有些失落,劇情上和戰鬥難度上也有些期待的落差。以下部份涉及劇透,不想受影響的朋友趕緊回頭。 本篇以預言來作為故事的引線,但預言的反轉並沒有帶來合理的戲劇張力。 預言中,一直強調『提爾』帶領眾人對抗奧丁。隨着劇情發展,玩家會找到提爾,但最後這個提爾,只是奧丁假扮的。目的就是要從中引誘主角一行人向一個錯誤方向走,而且在重要時刻奪取關鍵道具。但這個詭計,最後並沒有導向成功,也一步一步讓奧丁陷入困局。 這個不明顯的反轉,讓預言變得不像是全知,缺乏自圓其說的戲劇張力(就是缺乏那種聰明反被聰明誤的感覺) 還有,劇情中去找命運三女神的作用就完全不明所以,主角一行人從中知道了海姆達爾會殺死阿特柔斯這個預言,但最後這個預言就如大家所知的一樣,沒有發生(主角怎會死?)。 在這個結構下,本篇中所謂的『預言』,更像很多電影題材中的平行宇宙或者是量子世界: 並不會有必然的後果, 只是在多個平行世界中,通常阿特柔斯會死在海姆達爾中。 當奎爺得知海姆達爾會殺死阿特柔斯,就去做一把新武器對抗海姆達爾,而這把武器的名字居然是德羅普尼爾,是原神話中奧丁的裝備之一。而更讓人感到可惜的,就是奎爺打海姆達爾要做新武器,打奧丁同雷神就不需要,感覺海姆達爾比奧丁更強。 而阿特柔斯方面,因為幫奧丁拿取面具而釋放出赫爾,這段劇情更是令人費解。因為去拿最後的面具碎片,本來是阿特柔斯、斯露德、海姆達爾三人去拿,而到達目的地後,海姆達爾第一時間就離開,而正當阿特柔斯釋放赫爾,海姆達爾又突然回來鬧場,嘲弄他放走赫爾,最後陰差陽錯令任務失敗。這段劇情又是一段令人費解。 全篇劇情都表現得很情緒化,有前一刻希芙一直想阿特柔斯死,後一刻又為斯露德、阿特柔斯化解矛盾;前一刻雷神要殺死阿特柔斯,後一刻因不願再打就被奧丁桶死。最有劇情反轉效果的,就是奧丁分身扮提爾, 但這有讓遊戲的『主軸』變得不夠嚴謹。 而且這集Boss有點少,配不上諸神黃昏的背景,由頭到尾就死奧丁,雷神,海姆達爾以及光明神,就四個神級人物,感覺配不上原著。到最後奎爺做代理神王,希望還能有下一集吧。

本週遊戲重點推介|2021/08/16 - 08/22
手機‧電玩
MacauYeah・2021-08-23

What Remains of Edith Finch 伊迪芬奇的回憶豪宅 原作好幾年前已經在PS4 PC平台發售過,整體遊戲通過探索大宅回憶過去的故事。遊戲很適合推理型的朋友遊玩,各個場景除了文本內容,在環境美術的襯托下,更有代入感。 小雷劇透 在遊戲回憶中,主要人物命運都很悲慘,各種死於非命,但遊戲想表達的不只悲傷,而是希望玩家慢慢學懂看待死亡這件事情。 遊戲時數並不長,配上也不貴的售價截稿前為4.99USD,最適合當作視學小說來看待。可惜的是,本作暫時只有iOS的移植看來Android都是一個會蝕本的平台。 下載連結 iOS 因格瑪の預言 Puzzle amp; Tales 筆者有一段長時間都只有介紹國產遊戲和MMORGP,很少有介紹到大日本的作品。但其實不是筆者偏心,只是因為大部份日系作品都沒有在外地發行,只能在日本Store下載,筆者就不好做介紹。終於,等到一款有名氣的RPG,要衝出日本了。 「因格瑪の預言 Puzzle amp; Tales」是一款日系本格幻想消除 x RPG手遊。 故事講述一位少年「維斯拉」為拯救感染了瘟疫詛咒的妹妹,與伙伴們踏上了尋找生命之泉的旅程。途中,邂逅了一位掌握時間和空間法則的神秘少女,並在她的指引下,一步步改寫了普羅米希亞大陸的命運,也意外揭開了遠古精靈的神祕面纱... 日系RPG遊戲,當然就著重於日系的幻想劇情,宏大世界觀,數十萬字劇情,真的可以慢慢品味肝。不過作為日系的另一大優勢,就是有聲優加持豪華配音團隊為數十萬龐大劇情故事及100位魔石使進行全日文配音,為大家提供更沉浸式的遊戲體驗。 遊戲系統主要以三連消、十字消等消除遊戲的操作方式進行戰鬥。除此主線故事之外,還有團隊協作(PVE)進行公會副本的玩法,亦有競技聯賽(PVP),讓大家試試實力,Ranking越高,獎勵越高。 相關連結 官方網站事前登錄 iOS Android