Hina Chen

Hina Chen

偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。

Vue3 - 每天來一點雷 Part 2

受到疫情影響,絕大部分的時間不是在公司就是在家裡,每個禮拜出門採買一次。其實也不是說我不喜歡用線上購物,只是目前其實物流業也是相當緊繃。出門自己小心避開人潮,萬事小心謹慎點就好了。 至於避開人潮這件事情,我都平常日早上 8 點多去大潤發,大概可以避開八九成的人流。 -------------------------------------------------------------------------------- I'm watching you 在 Vue3.x 之後呢,除了原有的 watch 之外,另外提供了一個叫做 watchEffect 的方法。前者跟 Vue2.x 的區別在於,在

Vue3 - 每天來一點雷 Part 1

雖然疫情的狀況目前尚未明朗,但是該要做的事情還是得持續下去才行。身邊絕大部分的人都已經 WFH 了,所以在家裡看一點新的東西也是挺合理的。 是說,Vue3 這件事情也不新了。很多東西 Kuro [https://book.vue.tw/menu.html] 都已經寫在書裡面,所以這邊我就不贅述太多基礎的東西。 -------------------------------------------------------------------------------- Competition API - setup 首先,跟 2.x 最大的差異是這個。在 3.x 裡面起手式大概就

[12th 鐵人賽] 最後的行動裝置, Day 30

那個行動裝置 雖然我們都概括說是手機版,但 Media Query 其實支援更多裝置的呈現,只是,應該不會有人把 Switch 拿來裝瀏覽器之類的(等等還真的有)。對於 Media Query 來說,Switch 也是一種行動裝置,只是不能打電話而已。 > 在 Switch 上面裝 Ubuntu [https://gbatemp.net/threads/l4t-ubuntu-a-fully-featured-linux-on-your-switch.537301/] 所以,在整個 Media Query

[12th 鐵人賽] 還在吵架的 subgrid, Day 29

Grid 與 subgrid subgrid 是一種很奇妙的跨維度設定,在 w3c [https://www.w3.org/TR/css-grid-2/#subgrids] 當中有詳細解釋。我這邊稍微提一下他到底是什麼樣的概念。 * 遵從父層格線系統,跳出現有維度形成單一欄(或行)的區塊。 * 子格線系統跟父層格線系統共享格線設定。 * 子格線系統格線總量與他所跨維度的父層格線軌跡相同。 * 若子網格系統跨維度軌跡固定,則取父層格線軌跡的跨度起始值。 * 若子網格系統跨維度不固定,則取父層格線軌跡跨度起算為 1。 * 子網格系統起算的 <數字> - <

[12th 鐵人賽] 關於 InAppBrowser, Day 28

InAppBrowser 說在最前面的,以目前的 iOS / Android 生態來看,所謂的 InAppBrowser 大部分的支援程度都還算可以。最主要的差異在於使用了 JavaScript 的差異,跟真正的 瀏覽器 會有點落差。但是,對於樣式表來說,支援度基本上都還會有七八分像,至於不像的部分,那就是看 iOS / Android 給各種 App 的 WebView 是不是有什麼限制。 通常,對於一般用戶來說,在 App 裡面打開網頁這件事情很常見, >