Jump to...
redirecting...

Log for YSITD

沒有
[sticker](media:AAMCAgADHQI9ls-AAAEVNuFfJEAkbaf62urFejZ4t_1U2ho9IwACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
踢猫么?
那你 ext 用啥
[photo](media:AgACAgUAAx0CPZbPgAABFTbkXyRBMu7ybXXDrY98tdbUT-dV15AAAjaqMRvMBiBVwKASf_SlWRUyPmhrdAADAQADAgADbQADq4oEAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTblXyRBNkuGuQJcLwXE_PwEtbj2BUQAAkyqMRvmXChVsWgrZmAPC5-0DiJrdAADAQADAgADbQADzbEEAAEaBA@telegram)
這是用什麼 UI Lib ㄚ
我自己直接捏
比較快,不用在那邊 Rewrite CSS
[photo](media:AgACAgUAAx0CPZbPgAABFTbqXyRBW_6TgnQ_AcnTR2a6uu9V6PoAAk2qMRvmXChV_b3Z9_ArNctKfB1rdAADAQADAgADbQADnbMEAAEaBA@telegram)
ㄛㄛ
註釋狂ㄛ
這註釋太多了
我這個人最愛寫註釋了
文組
[photo](media:AgACAgUAAx0CPZbPgAABFTbxXyRB9EJhxsruPu27bJcB1ZpBiTMAAk-qMRvmXChV1z8sv_G2l5Z5bRprdAADAQADAgADbQADy7QEAAEaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVNvJfJEH30Xm9MTfRScqeo0VqrrWQsAACwQIAAiYrXxcQ-aB5o9moYyK23zIABAEAB20AA-l0AAIaBA@telegram)
这很ghens耶
笑死整個程式都是註解
我現在把C/C++ IntelliSense停用了,因為我幾乎無法忍受一行沒有超過30個字元
他會靠北?
但是如果讓她自動排版會出現很多行只有一個指令或者else
我想要這樣:
cin>>n;rep(i,0,n){cin>>tmp;if(tmp!=c.back())c.pb(tmp);}
  cc=c;reverse(cc.begin()+1,cc.end());
  rep(i,1,SZ(c))rep(j,1,SZ(cc)){
    if(c[i]==cc[j])dp[i][j]=dp[i-1][j-1]+1;
    else dp[i][j]=max(dp[i-1][j],dp[i][j-1]);
  }
看起來通體書上
这到底是什么,群享是pos该有的功能么🙃
這啥鬼
每次看到這個總會讓我覺得
好險我不打演算法
競程都這樣寫
噁心
我也不打
你打
我CF只是specilist
有夠可憐
[sticker](media:AAMCBQADHQI9ls-AAAEVNwRfJELlXr3pUZPdXZ7WcByorMXWYwACTwIAAtymGgLmsdyHkU2iiv08omt0AAMBAAdtAAPbhQACGgQ@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTcFXyRDAq97ESZ0X3tIbn-McvBnO2kAAlOqMRvmXChVIh9qXNIS_YPXrGNrdAADAQADAgADbQADA40EAAEaBA@telegram)
上個月底開始狂聽Podcast 結果聽出3G多的流量
我猜这是直播/虾皮物流订单管理系统
[photo](media:AgACAgUAAx0CPZbPgAABFTcJXyREIMy4-KfKiuSGVtby3y1WjRkAAlWqMRvmXChVPz-jl3JKDnK7bxprdAADAQADAgADbQADPbsEAAEaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVNwpfJEQprEduVb4W_T--6PqveDTZNQACwQIAAiYrXxcQ-aB5o9moYyK23zIABAEAB20AA-l0AAIaBA@telegram)
那个果然是你搞的
嘿嘿嘿
[sticker](media:AAMCBQADHQI9ls-AAAEVNw5fJER97zxMSCQeW57fNuY_I2qOOAAC2QIAAiYrXxcQpGE3v2I26-nX9zIABAEAB20ABE8AAhoE@telegram)
为什么保持神秘啊,公开呗🙃
沒保持神秘,只是不想洗版面
我要直接向你申请试用🥳
老板娘 One-pos 尝鲜版 一碗
你的商業邏輯也太好偷
笑死你在順便寫心得吧
前端我開放給大家偷
[sticker](media:AAMCBQADHQI9ls-AAAEVNxVfJEY54wkZxF8caiip2HekQiK1vwAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
Svelte 好厲害喔
大家發大財
[photo](media:AgACAgUAAx0CPZbPgAABFTcYXyRGV-r0XpAGlKiC2TsLRyD3yjoAAlaqMRvmXChVZUyrZar9RV3adcNqdAADAQADAgADbQADQDoGAAEaBA@telegram)
@YamiOdymel 洨安你寫過這些ㄇ
Elm 玩過然後放棄了
这贴纸不见了😢 上哪里找啊
社群太小,而且寫法很奇特,但是設計好像不錯
Left Click
噢不…還好我有存
好像也沒辦法
幹對欸
so sad
好險我有存
[sticker](media:AAMCAgADHQI9ls-AAAEVNyNfJEay-aQ6gzB8QV-af48KET0ZjgACiyIAAuCjgge_rK7WkeZpbi4YSw0ABAEAB20AA7cBAQABGgQ@telegram)
听说 svelte比react慢 :3
屁啦你這隻太大了吧
反正每個人有不同說法
蹦蹦可愛 Influenced by OCaml
可愛 Functional
可是社群真的小
而且聽說還吵架
Caml 是個什麼駱駝嗎
怎麼覺得有看過 O"Really 的書
好像是
太閒
[sticker](media:AAMCBQADHQI9ls-AAAEVNy9fJEceoHyOSXT_GiswMdz3z94xcwAC0RIAAqtmNAGmoE6U40BDSvF2yjIABAEAB20AA4NWAAIaBA@telegram)
大家都說前者比較快ㄟ
csstc是什么意思,好迷
看了后觉得vdom是史上最大的骗局
噢,所以 React 真的比較慢
見鬼
[sticker](media:AAMCBQADHQI9ls-AAAEVNzZfJEiSEih3Z7F_TavifMHcgWPjygACYQADz3jfKdh0BkT-jvmI6O-kanQAAwEAB20AA69kAAIaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVNzdfJEihpe9a7xTm7qK4YMgCYZIgFgACYQADz3jfKdh0BkT-jvmI6O-kanQAAwEAB20AA69kAAIaBA@telegram)
應該是現代的某些作法可以跟 Virtual DOM 匹敵了吧
後現代
我觉得是engine的优化导致vdom被垃圾化了
還有個好處是因為 Svelte 有 Compiler 他會編譯程式碼成 Native
所以可以自己隨心所欲的最佳化某些部份的實作寫法吧
[sticker](media:AAMCBAADHQI9ls-AAAEVNz5fJEk-VrUgOn5ugNRL_43q8BTYEQACdAUAAqs86ga50bWeH1N5iTdpjxoABAEAB20AA5o7AAIaBA@telegram)
原来是这个黑魔法,为什么react不搞呢
也表示你不能玩動態黑魔法了
你說動態元件之類的嗎
欸我怎麼好像有聽過
之類的
那啥
好問題,我竟然忘記這問題
[sticker](media:AAMCBQADHQI9ls-AAAEVN0ZfJEmIIJpLD7U6bO_tWfPnMX8BtAACMwEAAqtmNAFMIqj31NsicoxhvjIABAEAB20AA0gaAAIaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTdHXyRJ0vZdUPrNI0Ksr2eMPpbo7OsAAlmqMRvmXChVNlkOnaFjibCSfB1rdAADAQADAgADbQADdb0EAAEaBA@telegram)
因為我沒有實際做過 Dynamic Component 在 Vue 或 React
而且因為直接輸出到 dom function,也表示你不能弄出自訂的 renderer 什麼的
http://web.do.mmis1000.me/vue-next-canvas-test/
只有聽過相關的討論而已
ㄛ這功能就是我決定用 Svelte 的主因
三小
這不也還是static import 嗎
动态原件是啥东东
噢,所以你那個要 Run 一個 Next.js 或 Nuxt.js 嗎
這種載入的模式怎麼讓我想到 Go Plugin,即時載入 .so 檔案去執行那種
我是說更坑爹一點的事
http://mmis1000.me/vue2-playbook/#/recursive
遞迴組件甚麼的
動態亂生 vdom
[sticker](media:AAMCBAADHQI9ls-AAAEVN1RfJEqVOB9FQ1oUpkDcF-moK-yRBwACdAUAAqs86ga50bWeH1N5iTdpjxoABAEAB20AA5o7AAIaBA@telegram)
O'Reilly
Oh, really?
I am not really sure
要完成這樣為什麼不直接用 jQuery Create Element
It was corrected by my input
haha
[photo](media:AgACAgUAAx0CPZbPgAABFTdcXyRLCY4-9GDPXVBB91E-Qou350oAAlyqMRvmXChV1R-YKkpd3ZtrcsNqdAADAQADAgADbQAD3zwGAAEaBA@telegram)
haha
[sticker](media:AAMCBQADHQI9ls-AAAEVN15fJEsPvuKnXdgQXHuFq9iAW-N4WAAC0RIAAqtmNAGmoE6U40BDSvF2yjIABAEAB20AA4NWAAIaBA@telegram)
實際上code長的遠比jquery搞簡單
噢,確實
怎麼做的ㄚ
不過我覺得 React 或 Vue 應該重心要放在資料留的應該重心要放在資料流
笑死為什麼訊息重複
sub-tree 是啥
你可以打開上面的codepen 看
[photo](media:AgACAgUAAx0CPZbPgAABFTdmXyRLWJdLmvrb6_UCsR3KjpIvg70AAl2qMRvmXChVwHmFZwABXlxXGXXDanQAAwEAAwIAA20AA_UwBgABGgQ@telegram)
我只看到 } ]
[sticker](media:AAMCBQADHQI9ls-AAAEVN2hfJEtejhBKe9RNSgsVcbf8QvkqiAACyxIAAqtmNAG_05Vft9KWophvyjIABAEAB20AAzlRAAIaBA@telegram)
vue是阿
[photo](media:AgACAgUAAx0CPZbPgAABFTdqXyRLZy9GeWo9-PGaHtwK2Kk4C0EAAmuqMRsWpCFVShLZ3uCKGuCrhyBrdAADAQADAgADbQADu7gEAAEaBA@telegram)
我覺得越來越不像
[sticker](media:AAMCBQADHQI9ls-AAAEVN2xfJEtqN59jUrmx5cs70Mz3frxRBwAC6gADgLoLChD4BCI7KmA4yPLAMgAEAQAHbQADxxAAAhoE@telegram)
你可以用你可愛的滑鼠捲到上面
[sticker](media:AAMCBQADHQI9ls-AAAEVN25fJEtxegxcLOVaadlTNKedxj9UuwACyxIAAqtmNAG_05Vft9KWophvyjIABAEAB20AAzlRAAIaBA@telegram)
你滑鼠很怒
我要怎麼下載滑鼠
我的好友的好友 是邱毅 好友的好友的好友 是王炳忠
一直都是 computed 滿天飛吧
資料到處 map
當然也會有機八人寫成watch滿天飛然後debug不了
但那是人的問題
看不懂
[sticker](media:AAMCBQADHQI9ls-AAAEVN3dfJEu98Rlm5VrK-YRybL3AYDumJgACGgADkyvZHW5Jcg0g0x93fQnVMgAEAQAHbQAD_igAAhoE@telegram)
算了我繼續學我ㄉ Svelte
我到現在還是背不起來他的名字
我已经不知道两位 谈到哪里去了;乱生dom和svelte没啥关系吧
把模板往下扔,然後subtree街到模板後把 tree-root 選染出來
ㄛㄛ
好像
半懂
兩個話題是平行ㄉ
svelte 应该可以把自己塞给自己render吧
這邊根本不存在組件
有点像是component版本的recursion function
並沒有一個叫做 tree node 啥的組件
這是因為模板就只是個 render function 所以理所當然能到處亂回才能做到的事
好像明白了;不过已经超出我理解范围 😱
[photo](media:AgACAgUAAx0CPZbPgAABFTeGXyRRBwq2ivzv9GuXoOjZ_ngVI9QAAmGqMRvmXChVjmYVSto9yZ_t1AABbHQAAwEAAwIAA20AA7CTAAIaBA@telegram)
豪恐怖的试验场
裡面大部分都很safe拉
除了有幾個可能會讓你cpu或gpu比較嗨
欸欸
現在有哪個網站有用 WebAsm 了嗎
嗨 (負載)
分享起來R
轉來轉去XD
要看,主要是 WebAsm 不能控 DOM
[photo](media:AgACAgUAAx0CPZbPgAABFTeVXyTkGbP8VNjzE8oXVz8CUxYp-c0AAuWpMRvuWSlVJDK723zfPdcHAu1rdAADAQADAgADbQADji8BAAEaBA@telegram)
是在幹嘛啦wwwwww
ㄛㄛ原來
[photo](media:AgACAgUAAx0CPZbPgAABFTeYXyTuj1YsYnsywMOc9jq19TVtP5MAAnqqMRvmXChVfal5MwABNTfm9g8ia3QAAwEAAwIAA20AA1S9BAABGgQ@telegram)
真香
蘋果西打我主觀覺得還好(?
有人在 COSCUP ㄇ
有什麼議程推的ㄚ
我在想我等等要不要過去
KKBOX什麼的那個(?)
有點希望 WebAsm 可以控 DOM
我也希望
這樣前端就不用侷限於神奇蹦蹦 JS
我也希望
繼續用 JS?
我也希望
什麼東西
[sticker](media:AAMCBQADHQI9ls-AAAEVN6dfJP2PT9Ox2QRqDcs9xUPd03Me6gAC0RIAAqtmNAGmoE6U40BDSvF2yjIABAEAB20AA4NWAAIaBA@telegram)
nmsl (?
[sticker](media:AAMCBQADHQI9ls-AAAEVN6lfJP2aLkZ_qUGMwda4b9WD5NBk0AAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
wmsl
tmsl
[sticker](media:AAMCBAADHQI9ls-AAAEVN6xfJP2tsoHulIdjN2SmqMkLqq0YBwACNgADyVYSFg2vojH9QEvRXvd3JF0AAwEAB20AAwsyAAIaBA@telegram)
TwaMeow S L
我們緬懷它
@YamiOdymel 欸我覺得
[sticker](media:AAMCBAADHQI9ls-AAAEVN7BfJP4Gve243jnoa-Vp3HF4Gp2IDQACdAUAAqs86ga50bWeH1N5iTdpjxoABAEAB20AA5o7AAIaBA@telegram)
你要不要直接幫 Mastodon 寫前端佈景就好
不用重寫後端
功能不一樣而且差很多
[sticker](media:AAMCBQADHQI9ls-AAAEVN7RfJP4yTobKtd_AJE6kNXWH6HvfdQAC8RIAAqtmNAGG9O7cVfWx4N9vyjIABAEAB20AA8tCAAIaBA@telegram)
那你要什麼功能
Mastodon 大概是 TeaMeow 功能的 30%
而且我不想用
鵝他什麼語言去了
Ruby 嗎
而 TeaMeow 的進度是 0%
[sticker](media:AAMCBQADHQI9ls-AAAEVN7tfJP52I1CUfgI6IvAdBlLswTc4twAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
我今年的進度就是印名片跟貼紙
還有遊戲簡報
[sticker](media:AAMCBQADHQI9ls-AAAEVN75fJP6TINegVvKcX3xaga3b60uGoQAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
吃土生活
您可以從中獲取到多少利潤
吃土嗎
我說上述所有事情
把吃土拍成影片,上傳到 YouTube 開營收
可能可以賺到一些錢
噢…YouTube 我營收每個月好像有 200 台幣
笑死窮
[sticker](media:AAMCBQADHQI9ls-AAAEVN8hfJP8KfVbjBV6TiSTYoKcPjKg5xQAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
所以你其他事情可以賺多少
跟 TeaMeow 有關的都是 0
[sticker](media:AAMCBAADHQI9ls-AAAEVN8tfJP9DIWh3Z_CQ7HJA5gABj2k8yy4AAjYAA8lWEhYNr6Ix_UBL0V73dyRdAAMBAAdtAAMLMgACGgQ@telegram)
嗨各位
[photo](media:AgACAgUAAx0CPZbPgAABFTfNXyT_VRWvQYpow7Ci9JH-Yn6BUiMAAoSqMRvmXChVyPERXyB7gU4_WwJsdAADAQADAgADbQADMZYAAhoE@telegram)
跟遊戲有關ㄉ
很多高中都有優秀的人才有開發能力,但分布卻相對稀疏,若想找人一起做專案可能受限於人力,無法完成一份完整的專案。講者希望能將這些開發力集合起來,成立一個高中開發社群,不同於其他高中社群以交流為主,此社群希望注重在專案協作上。用資訊能力處裡高中生觀點看到的校園問題,或是寫一些有趣的小東西。此議程主要希望能在這 40 分鐘中,讓大家交流意見,討論是否可行、具體方法、甚至是就地成立籌備小組等。
我應該這樣說,跟 Caris Events 有關的都是 0
因為我遊戲政府補助沒過
[sticker](media:AAMCBQADHQI9ls-AAAEVN9JfJP97a-BUs698wvCnv9hAqdhtDQAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
用愛發電ㄛ
咩噗
咩噗😭😭
感謝支援
這是 sitcon ㄛ
對,目前我就是這樣
待在家裡啃老
好吃
我會想參加
[sticker](media:AAMCBQADHQI9ls-AAAEVN91fJP-i0ibJbOfsq0ht_evd_Emg-gAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
那你對於高中開發社群有什麼想法ㄇ
我覺得問題會很多
我不會想參加
我覺得可以用個 board 把目前想要開發的東西釘上去
然後以開發對社會有價值的專案為主
例如自己寫一套校務系統 或是 XX 資訊站
高中生各有各的事情要忙,有的還要補習讀書,有的還要打工

到時候整個專案覺得會碎片化
你說我們ㄇ
度 我們那團隊最近整個擱置了
而且沒有收錢,根本沒辦法 Focus 在開發一個專案上
沒人有空 笑死
不然 TeaMeow 早就找一堆人一起協作開發了
那ㄍ
[sticker](media:AAMCBQADHQI9ls-AAAEVN-xfJQABZngJr061GGMJgy1nu5EAAaSgAALrEgACq2Y0AYaLl1gJsM7cn3bKMgAEAQAHbQADyj4AAhoE@telegram)
我知道哪裡可以收錢
我現在開發的那個有償專案
很缺人手
你他媽有收贊助
那個贊助你覺得能過活嗎
你收到多少
我怎麼記得你上次才問過
我忘ㄌ
我其實真的忘記了,90 USD 以下吧
為啥會有人贊助
2700 其實不算少
不能有人喜歡 TeaMeow 嗎
對於一個開發進度不明朗的專案來說
不算少,但後續不是一樣這個數字
所以與其跟少部份人收錢,但又沒辦法打平支出
不如直接不要收,還不會對不起人
特別開一個只有高中生可以加入的社群(?
[sticker](media:AAMCBQADHQI9ls-AAAEVN_5fJQEuwGiVVnj25NXi8yCunycT0wAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
所以你要把 90USD 吐還給別人ㄇ
應該不會到規定只有高中生可以加入啦
投資有賺有沒
學生都行ㄉ
以高中生為主體
拜託不要在特定高中生了,一堆心智未成熟的整天喜歡戀戰
[sticker](media:AAMCBQADHQI9ls-AAAEVOAZfJQFV5lzH-7McpGqAl9EtzeAefwACMwEAAqtmNAFMIqj31NsicoxhvjIABAEAB20AA0gaAAIaBA@telegram)
除了國小生
JavaScript 是垃圾
[sticker](media:AAMCBQADHQI9ls-AAAEVOAlfJQFmEToaiUQDxLfhR0LZbRktqwAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
xwsl
我剛剛還在想那什麼
我拼音垃圾 常常打錯縮寫
下次投資請投對對象
[photo](media:AgACAgUAAx0CPZbPgAABFTgOXyUB0dyE_QdeZHo2DydCFk_EpI8AAoWqMRvmXChVAm9K6tgp1FfvQGhrdAADAQADAgADbQADOI4EAAEaBA@telegram)
😡
笑死
不能直接而已ㄅ
你看那個 yew.rs
WebAssembly 可以用 JavaScript 去控 DOM
[photo](media:AgACAgUAAx0CPZbPgAABFTgTXyUEvmj-I1MD3SafQOkaQBCyZ3MAAoaqMRvmXChVpDr2ekcemsYsq2NrdAADAQADAgADbQADT48EAAEaBA@telegram)
怎麼不直接寫 JavaScript
[sticker](media:AAMCBQADHQI9ls-AAAEVOBVfJQTGHNU5GOXT365rbiOd7ykS9wACVAADT5qXEjr43DHfrc_r5mHKMgAEAQAHbQADxzAAAhoE@telegram)
氣死
no
no
no
edge.js 既視感
我跟你說
我才訂閱第一個月
還沒被扣款你就收掉了
效能
哪有差
有好不好
我不是說DOM的部分
WebAssembly 跟 JavaScript 現在差異好像還不大
syscall 最後還不是用 js 跑
我覺得最大的差異是不用寫 JavaScript
什麼鬼
笑死
我問你喔
WebAsm拿來當js本來就是誤用
給你問
[...window.document.querySelecorAll('tr')].filter(x => x.querySelector("a"))
用 webasm 怎麼寫
[sticker](media:AAMCBAADHQI9ls-AAAEVOC1fJQaRmgege0kD3aRN8QpJo1bmyQACkwUAAqs86gapUp6tGm8NYn-6shoABAEAB20AA5CKAAIaBA@telegram)
靠北
你是說用 js call 嗎
y
笑死機掰
我 Pass 這個問題
會有個什麼js bridge之類的讓你呼叫
[sticker](media:AAMCBAADHQI9ls-AAAEVODRfJQbQ_rMtZOXixarM8FoxhuHfzgACzgIAAl9XmQAB3nO8ol7EhmPN3qEwAAQBAAdtAAN8NQACGgQ@telegram)
然後你引用了js物件還會導致memory leak (
因為被wasm拿著,js沒辦法把他回收掉
解決方式在路上了,不過支援度🌚
然後 GC 是不是還在 Draft 中
那是另一個解法
我說的是從 js 那方偵測去 gc
weakref那個
至於你說靠wasm原生gc,有生之年吧
[photo](media:AgACAgUAAx0CPZbPgAABFTg9XyUJbMcrQfIqH6nphd4HKOQqH_IAAoiqMRvmXChVk9xD0I40Xxy__MRqdAADAQADAgADbQADv0EGAAEaBA@telegram)
笑死這什麼鬼
哭啊
笑死
這裡有沒有耳機大師 qq
怎麼
i rocks A36
ATH-AR5
ATH-M40x

要怎麼選(?)
雷雷要買耳機ㄇ
我的 m30x 掉皮好嚴重
鐵三角不熟
其實我有考慮索索
因為我都聽 JPop
[photo](media:AgACAgQAAx0CPZbPgAABFThLXyUfidDsiFcLyO3ZaS3sf_0iDX4AAk6qMRsaMs1S9lCLOMRKQXS1V6gbAAQBAAMCAANtAAOiigQAARoE@telegram)
50ㄅ
還有無線版 yay
我喜歡這隻
Hifiman
靜電耳機
那就是 AR5 ㄅ
索索中低階耳罩很貴又沒那麼好QQ
除非你要降躁
嗯啊ˊˋ
我是用MSR7SE跟A900x
索索只有一隻ex800st
對阿
所以你有要藍芽ㄇ
有的畫就AR5ㄅ
我都叫人家買有線的
藍牙就 🌚
有些人只聽youtube啊
那無線就好ㄌ 方便
但是他藍牙要聽 LDAC 的吧
崩崩iphone不支援ㄅ
還是有了
@YamiOdymel 洨安洨安
你用過 Sapper ㄇ
Svelte ㄉ咚咚
拜託不要雜牌
有,我就在用
他就 Vue Router 類的東西,但是不用寫 Route,他用資料夾直接當 Router
Export 的時候會麻煩一點,因為他會去爬 <a> 網址來決定要 Export 哪些檔案

但你可以直接在 index.svelte 寫一堆 <a> 讓他去輸出全部的檔案
[photo](media:AgACAgUAAx0CPZbPgAABFThkXyUkjf0Voaw6K6yg9T0xOWhF6j8AAl6qMRsQeylVdree-Nj6sKxqbxprdAADAQADAgADbQADlsQEAAEaBA@telegram)
聽起來很笨
是很笨,我也不知道為什麼這樣設計
但是他 Export 的時候很屌,他會變成

 /admin/news-create/index.html
 /admin/news-list/index.html
 /admin/order/index.html
這樣你不用架蹦蹦 Node.js 或 Router,都可以在瀏覽器直接輸入 /admin/news-create
因為瀏覽器預設就會載入 index.html
[photo](media:AgACAgUAAx0CPZbPgAABFThrXyUljMIEiyXZ_aCmwOBKY8Lo_zQAAmWqMRsQeylVon9CG_9zSnJdbxprdAADAQADAgADbQADqr8EAAEaBA@telegram)
也想學 Svelte ㄌ
感覺好酷
反正我覺得簡化很多東西,寫起來很輕量,Store 也是
不用在那邊 Commit、Mutation 什麼 Get
[sticker](media:AAMCBQADHQI9ls-AAAEVOHBfJSaEuOlgvtNs8yY1zhAncL3MMwAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFThxXyUnkSYZCIOY32ylOOxEE3agrIAAAmyqMRsQeylV6X6C2NHg3FbS1gABbHQAAwEAAwIAA20AA1yaAAIaBA@telegram)
我是用 Rollup
是說我到現在還是不知道 webpack 是啥
我只知道是什麼蹦蹦打包工具
很肥的火箭科學組合
ㄚ他打包了啥我不知道
反正他就是負責監聽檔案變更,幫你把 .vue 包成 .html 之類的給瀏覽器用
噢我要說一個超級大問題,Svelte 在監聽檔案變動的時候爆幹慢,我真的不知道卡在哪裡
好像是一個很久的通病
[photo](media:AgACAgUAAx0CPZbPgAABFTh6XyUn2KS77RtQKe_m0g4v61fBJLwAAm2qMRsQeylVQO5Li81x3F1EDiJrdAADAQADAgADbQADf7oEAAEaBA@telegram)
就是你儲存檔案之後,你可能要等 5 秒網頁才會重新整理有變化
[sticker](media:AAMCBAADHQI9ls-AAAEVOHxfJSfvAg3Bpp6kgmcldB6WHYJPsgACkwUAAqs86gapUp6tGm8NYn-6shoABAEAB20AA5CKAAIaBA@telegram)
他官網的 playground 很快ㄟ
我用 Rollup 跟 Webpack 都會這樣
應該是什麼 Service Worker 的鍋
我買 SRH840ㄌ
[photo](media:AgACAgUAAx0CPZbPgAABFTiCXyUw17W8S-IAAUjuTNHAA8GJRavJAAKVqjEbEHspVeBju42pcqgAAecB7Wt0AAMBAAMCAANtAAOgNQEAARoE@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTiDXyUw3WH0N1HRQByhxkc16N8J0boAApaqMRsQeylVSvSiloWg_2ZIM2VrdAADAQADAgADbQADZ5MEAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTiEXyUw-kq55GBVzyLDuJSD806wxaMAApeqMRsQeylVxlxUWH-_YBR21gABbHQAAwEAAwIAA20AA12YAAIaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTiFXyUw_5su9HVGBT1A9dQb8dlKYdYAApiqMRsQeylVijcvHaRj990-awVsdAADAQADAgADbQAD6JkAAhoE@telegram)
那是伺服器幹的 .
瀏覽器才沒有這種服務
[sticker](media:AAMCBQADHQI9ls-AAAEVOIlfJTUOgaQ1TB3lWIOW0cOhcaTJUgACMwEAAqtmNAFMIqj31NsicoxhvjIABAEAB20AA0gaAAIaBA@telegram)
度!
幹笑死
超U
笑死
CSS 好難ㄛ
是(
🈶 Flexbox 就還好了
我到現在還不知道 flexbox 到底有什麼好(
@YamiOdymel 你都怎麼 debug Svelte ㄚ
.wasm 有支援的瀏覽器是跑 binary 喔
跟什麼比?因為很多都只能用 Flexbox 解
Console
yay
你覺得我那個用 Svelte 就好還是要用 Sapper
好問題,我還沒用過沒 Sapper 的
那我用 Sapper 好了
足够简单(一定程度上德
Sapper 就像是 react-router 或 vue-router 這類的東西
沒事 sapper 是框架
flexbox 發明之前,要做出左右欄只有兩種做法:

1. float: right
2. table
3. position
隨便
而且 Flexbox 不只可以左右欄
我知道啊
還可以做垂直至中
如果董進階應用的話
甚至可以預先設定布局
我現在還在用1
左右不是啥大問題,上下才是
當你忘記 float: clear 時:
只有table一種答案
非常蛋疼
上下為啥有問題
預設不是都上下ㄉㄇ
HTML預設試全部內容往上排的
例如垂直置中
底部置中
你要讓不知道大小的容器垂直置中在不知道大小的容器中,基本就只能 display: table
然後 table layout 又很難用
Sapper 要怎麼用 TS ㄚ
[photo](media:AgACAgUAAx0CPZbPgAABFTi0XyVYA44qcxi8CjRTIOCn8yUb2n4AAo2qMRsQezFVIf28R1XplYNuawVsdAADAQADAgADbQADh5wAAhoE@telegram)
[sticker](media:AAMCAgADHQI9ls-AAAEVOLVfJVgIxRB7_S8GJwSiDiHTBS_c7AACsyIAAuCjggeF_kHNgf50wSUeSw0ABAEAB20AA339AAIaBA@telegram)
你會 TS ㄇ
沒什麼寫過
為甚麼你會想寫 TS(?
他有 Type ㄚ
初學用 TypeScript 會想死
我也想死
他可以只用一半ㄅ
我只有單獨的 ts 用 ts
我在 Svelte 用的時候照樣寫 js
https://dev.to/mhaecker/use-typescript-with-svelte-sapper-45n8

分成三個步驟:
1. script 加上 language="TypeScript"
2. 裝 TS 支援 npm i svelte-preprocess typescript --save-dev
3. 把文章的設定檔貼過去
如果你是用 Webpack 的話就幾乎不用改
教你更簡單的
1. 寫 JS
2. 把附檔名改成 .ts
什麼鬼
然後這是 svelte(
欸為什麼你的檔案有 icon
[photo](media:AgACAgUAAx0CPZbPgAABFTjHXyVlAAEzCWSEewiyUew2XlxlwmBiAAKkqjEbEHsxVaMreD_Vu6fF6OEDbHQAAwEAAwIAA20AA9maAAIaBA@telegram)
[sticker](media:AAMCBAADHQI9ls-AAAEVOMhfJWUJqoXr3cbaWayHVkvkGeECDAACkwUAAqs86gapUp6tGm8NYn-6shoABAEAB20AA5CKAAIaBA@telegram)
去載
載啥
[photo](media:AgACAgUAAx0CPZbPgAABFTjLXyVlF2UAAWd8KNVzXVAlp0CLSAr3AAKlqjEbEHsxVT0lQXZ4uG8sGpUja3QAAwEAAwIAA20AA_PJBAABGgQ@telegram)
這啥
圖示
蛤(?)
ㄛㄛ 這啥新功能
[photo](media:AgACAgUAAx0CPZbPgAABFTjRXyVl8e9vNxhxzuPFFM90FXsyEs8AAqeqMRsQezFVGlaX77TH6F8MAR9rdAADAQADAgADbQADnr0EAAEaBA@telegram)
[sticker](media:AAMCBAADHQI9ls-AAAEVONJfJWZJUWnctP9-dWFaia2zMl13AwACNgADyVYSFg2vojH9QEvRXvd3JF0AAwEAB20AAwsyAAIaBA@telegram)
勝勝我該用什麼 CSS framework
我不會手刻
TocasUI 感覺死了
bootstrap ㄅ
emmm。不是預設就開著?
@mmis1000 我原本長這樣ㄟ
Bulma
我在等 v5 release
所以是svelte 特別被歧視的部分嗎,vue一直有?還是那是vetur幹的?
其他檔案都自己有ㄚ
你看 js 的部分
只是冷門到 vs code 沒特別畫ㄅ
但是 @YamiOdymel 還在其商業專案用 tocas
對 Tocas UI 死透了
那你推 Bootstrap 還是什麼
Burma (x2
我真的不知道
Semantic UI 的 Community 版ㄋ
也行
那也死了
其實
我不知道為什麼 Bulma 會這麼夯
建議用 fork
我找找名字
我就是說那個
Fomantic
跟 Semantic UI 相比,我看不出來 Bulma 跟 Bootstrap 差在哪裡
他特點在哪
但 Semantic 好像是自己控制 DOM
誰不是
[sticker](media:AAMCBQADHQI9ls-AAAEVOPJfJWzEpKF_xGWxj9P309Gje-c3-wAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
所以可能會跟 React 或 Vue 的虛擬 tree 衝突到
Bulma
Bootstrap 5
1.0 還沒出
因為他根本沒 Module
笑死機掰欸
[sticker](media:AAMCBQADHQI9ls-AAAEVOPlfJWzo07o1A39OSu7ZXbczGkKrDwACMwEAAqtmNAFMIqj31NsicoxhvjIABAEAB20AA0gaAAIaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVOPtfJWzxPUFwLfLM55OSXAABeHC9oGMAAtIAAwKMvh_YthKakQLgdusun2t0AAMBAAdtAAOqIAACGgQ@telegram)
因為他根本沒 Module
噢我剛才是不是說過了
[sticker](media:AAMCBQADHQI9ls-AAAEVOP1fJWz64U9n7_rq-IMQa7kMQvF5egACtAADAoy-H8MfbCtUan9pz9Rsa3QAAwEAB20AA24hAAIaBA@telegram)
啊就是會跟 React 這類框架衝突
所以我才不用
@koru1130 用沒 virtual tree 的 Svelte 所以都沒差
你也可以用 Semantic 不用他的 Modules
我想過這個問題
但是我比較喜歡 Bulma 的自動適應
但我一直不知道怎麼解決,笑死
BootStrap 的那些神秘命名到底是啥
mg-l
margin-left
mg-l-3
mb-3 ㄋ
bottom
[sticker](media:AAMCBQADHQI9ls-AAAEVOQxfJW1k8HDbKVZGfrWXF6qr751jFwACMwEAAqtmNAFMIqj31NsicoxhvjIABAEAB20AA0gaAAIaBA@telegram)
好問題
lg-7: 在大小大於 large 的裝置,Column 佔 7/12
我記得好像 Utilities 還是哪裡有代號與大小的對照表
我改成用 fomantic 好了
他的命名我比較看得懂
都可以,反正你用棒棒 Svelte qwq
Bulma 跟 Bootstrap 能用的樣式比 Semantic 少很多
還有一些複用跟組合方面,Semantic 好很多
我排版什麼的就用 Grid ㄇ
position: absolute
[sticker](media:AAMCAgADHQI9ls-AAAEVORdfJW-sfw9iwKdC4BB96FQpiZVsjgACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
[sticker](media:AAMCAgADHQI9ls-AAAEVORhfJW-y4ErEIQ0BKkfjUnKLCVqVRAACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
[sticker](media:AAMCBAADHQI9ls-AAAEVORlfJW-4GvJnsEtcHU_suBhXokMpiAACNgADyVYSFg2vojH9QEvRXvd3JF0AAwEAB20AAwsyAAIaBA@telegram)
欸欸
我用 Fomantic UI
按下去他不會彈回來ㄟ
官網上的也是
[photo](media:AgACAgUAAx0CPZbPgAABFTkeXyVxT_WcV47TpEMxBzkvhTjhDgkAAsCqMRsQezFVqIWt3VhjDI3XQGhrdAADAQADAgADbQADi5YEAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTkfXyVxVQQGOcmZk37bfH8w6YK448YAAsGqMRsQezFVDyCdJAY-VT69dMNqdAADAQADAgADbQADyz8GAAEaBA@telegram)
你按旁邊就好ㄌ
可是為什麼會這樣ㄚ
不是本來就這樣ㄇ
可是其他 Lib 都不會這樣ㄟ
你看他是 button 還是 a
button
啊其他的勒
也是 button ㄅ
bootstrap 是 button
欸我沒研究過誒
為什麼
喔是 :focus 啦
[photo](media:AgACAgUAAx0CPZbPgAABFTksXyVzioFHRtHBb5v0oXZDgB20YgADxaoxGxB7MVWp3Pw0oRhWxwO4Zmt0AAMBAAMCAANtAAPFkQQAARoE@telegram)
這是 bug ㄇ
還是 feature
N
可是我滑鼠移開後
理論上來說不是應該彈回來ㄇ
還是我這邊的 behavior 跟你們不一樣(?)
他主要用在文字框
分成幾部分


(移到按鈕上)

(按下按鈕)
很深
(放開按鈕)

(移到按鈕外)
@gnehs_OwO 你那邊也是這樣ㄇ
ㄛㄛ
他不是 bug,是故意這樣寫ㄉ
好神祕ㄛ
[photo](media:AgACAgUAAx0CPZbPgAABFTk7XyV0s8iuickI6E02dDjUgRr2v3YAAseqMRsQezFVwQlvTcXD4a11_-xrdAADAQADAgADbQADRzQBAAEaBA@telegram)
對欸換成其他的 tag 就不會這樣ㄌ
[photo](media:AgACAgUAAx0CPZbPgAABFTk9XyV3wSRyPxygPoUrf-DAmYR0eqMAAtGqMRsQezFVtSSl32jJgAABiv7sa3QAAwEAAwIAA20AA1wyAQABGgQ@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTk-XyV3yF7Is08AAYgtRx44iTekRLLVAALSqjEbEHsxVTRlvRYkhCZ8HG8aa3QAAwEAAwIAA20AAya-BAABGgQ@telegram)
??
這啥魔法
[sticker](media:AAMCBQADHQI9ls-AAAEVOUFfJXfqVEM8_jfPCGPTXGb-NQg7swACmQsAArwK2gyQ4e0Gs0cC8_1P2zIABAEAB20AA1QxAAIaBA@telegram)
你試試看
笑死這又是啥詭異貼圖
依樣
庫欸
蹦蹦魔法
[sticker](media:AAMCBQADHQI9ls-AAAEVOUdfJXgjHfRMYgkQV40l9DB2V8K33wACZwEAAkzCMVXOzxVeRglY8IZpImx0AAMBAAdtAAMVcgACGgQ@telegram)
搜得到圖片又搜不到
sass saas 傻傻分不清楚
我只是想先做個 Todo
怎麼辣ㄇ難
[photo](media:AgACAgUAAx0CPZbPgAABFTlMXyV5yjmnPqxuW1noRqhS-7hT-eYAAtiqMRsQezFVFB25CE2k3Do6375qdAADAQADAgADbQADz0IGAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTlNXyV50VEt00rjfKfOe7kXgvkn4UcAAtmqMRsQezFVJYh10rfO5ljiiSBrdAADAQADAgADbQADLL8EAAEaBA@telegram)
@instanceof 是說我好像可以跟你走
喔原來要加 class="item"
那是啥 html ㄇ
你們現在寫 HTML 令我很懷念啊
我很久沒寫東西了
高雄ㄇ
會場內
好強
一下子就精通ㄌ
喔好,我 8/7 再確定要不要去。
[sticker](media:AAMCAgADHQI9ls-AAAEVOVhfJYM2uBYkBj-qYXcISB9aPC6R4AACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)