Jump to...
redirecting...

Log for YSITD

欸欸
Svelte 這ㄇ好用的話
為啥現在使用的人這ㄇ少
因為資源少
@koru1130 你在我們講 Svelte 前知道 Svelte 的存在ㄇ
不知道ㄚ
所以大部分的人也不知道 Stelve,何況是使用並寫 component?
React 有 react-bulma-component, react-bootstrap
Vue 有 Vuetify
但 Svelte 就(
ㄜ我當然知道這件事 我那個問句不是實際意義上的問句
我覺得還是reactive computed萬歲(
那啥
所以 對 就上面那樣
寫的快有啥用,少bug加debug快才能讓我早點下班
炫砲不能吃阿
vue裡所有的值的更改都會反應到 layout,不像seltve僅限最上層的變數
今年這裡是不是沒什麼人去 COSCUP 啊
好啦 正常了
[photo](media:AgACAgUAAx0CPZbPgAABFTnMXyZfwt5Gc46MHXo_SiEEewzK9Y0AAiCqMRsQezlVcUfVS4PavngdlSNrdAADAQADAgADbQADncMEAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTnNXyZfz1r45qC5FJ5UiRu31EK6I34AAiGqMRsQezlVfnSYeed6AUS63r5qdAADAQADAgADbQADmU0GAAEaBA@telegram)
真漂亮
蝴蝶好可愛
[sticker](media:AAMCAgADHQI9ls-AAAEVOdBfJmBF4Z-5Moy5g6mjCCwt2ZefAQACsQADwPsIAAED7avN0x5kmYbKXA8ABAEAB20AA19KAAIaBA@telegram)
第一次見到有蝴蝶會直接黏過來的
可愛耶 這是哪裡呀
試著在不用到遞迴跟 first-order function 的情況下實現了遞迴版的 fibonacci
哪裡沒遞迴了?
我覺得這句話有點怪怪的
fib_def呼叫了fib_sef阿
喔幹忘記處理那部分
你是打算手動實現stack machine嗎?
probably (?)
香港
改掉ㄌ
就,概念上是遞迴,但是實作上沒用到
Vue 3 的特點到底是啥
那個 setup 跟 computed, data 那些咚咚的差別是啥
[photo](media:AgACAgUAAx0CPZbPgAABFTngXyaWimokSWebAr7ocJhLGUBIxOUAAo2qMRsQezlVFT0vc4vjxQcXAAEfa3QAAwEAAwIAA20AA9DNBAABGgQ@telegram)
笑死哪家
[photo](media:AgACAgUAAx0CPZbPgAABFTniXyaW72n7c33fSaLOCbJS-N0W3PIAAo-qMRsQezlVnqmbHlA-vgl9rWNrdAADAQADAgADbQADtp0EAAEaBA@telegram)
所以他自己在自主吧吃飽然後又給人家一顆星ㄛ
[sticker](media:AAMCAgADHQI9ls-AAAEVOeVfJpcNKqt8lFOA2r7c6BzFalo1TgACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
也太可憐
ㄓㄨㄆㄞ好吃
Hexo / Hugo
Which
Hego
[sticker](media:AAMCAgADHQI9ls-AAAEVOetfJpfrI5eepdRLIGZLMZ8JEMmxHwACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
就是不打算手動區分了,你愛怎麼用就怎麼用
data跟method 一開始就是人工限制
實際上把function往data塞
++++++++++[>+++++++>++++++++++>+++>+<<<<-]>++.>+.+++++++..+++.>++.<<+++++++++++++++.>.+++.------.--------.>+.>.
所以「重大改變」就是他把 method 這選項拿掉,把 data 改名成 setup?
還有computed也一起合併
不過基本上就是這麼回事而已
要我說的話,我還是不相信人性,人工限制可以阻止機掰人寫出太機掰的code,現在拔掉限制器不知道會怎樣
@mmis1000 像是這個 HelloWorld
同問,還沒寫過 Vue ㄉ me
目前寫過 React 而已
我也沒寫過
這也沒有
那你出來幹嘛
Vue 2 的大改寫
只是看到就想回
可以看看 Vue 3 的 RFC 呀
ㄚ我去看了那個號稱重大更新的 Composition API
我的理解就是刪一個欄位,改一個欄位的名字
然後 Vue 3 用 TS 改寫之後,TS 支援度應該可以比以前好很多
喔,我沒看那個 API orz
那不是 Vue 3 的重點ㄇ
至少網路上都那樣說
我就不怎麼關注 Vue 3
:(
[sticker](media:AAMCAgADHQI9ls-AAAEVOgdfJqdeht8EG4lXa-dz-uxYW8FiOwACUBUAAujW4hJtLeSdwRToShcAAbGVLgADAQAHbQAD32QAAhoE@telegram)
咩噗…
咩噗😭😭
我的老天啊
寫個BOT也有問題喔
!志祺七七的徵信社影片被下架ㄌ
?
前幾天傳的影片
沒看過Q
Q
哪啥Botㄚ
感覺擋到人家財路(?
你吃pos,我就吃土
你知道開發力是種會 1 + 1 < 2 的東西嗎 (?
[sticker](media:AAMCAgADHQI9ls-AAAEVOhhfJrRKIeWXMrka7aRSqfrU3TTZCAACcxIAAujW4hKWUrYzeg4kNXQKOQ4ABAEAB20AAyo2AAIaBA@telegram)
無論再屌的6個仁,湊再一起都至少會有3個idle
超神奇的
這誰講的R
[sticker](media:AAMCAgADHQI9ls-AAAEVOhxfJrSM2aS97-_7RRkMln6Rp5PbfAACcxIAAujW4hKWUrYzeg4kNXQKOQ4ABAEAB20AAyo2AAIaBA@telegram)
我有一個開發人員
我有另一個開發人員

我有一個人員正在開發(咦?
你有什麼想法ㄇ
我就想問問
顯然混了某些人進來會變成1+1=-2
🤔
樓上溢位了ㄇ
可能有機掰人重載了 +
開發越多人越慢(x
[photo](media:AgACAgUAAx0CPZbPgAABFTolXya5pHDDR52TKYsViHaRhOLkxkkAArSqMRsQezlVPuyKPNym7EXYagVsdAADAQADAgADeAAD1KcAAhoE@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTomXya5pZNjK1o_lTw1qRuhGlzDtDoAArWqMRsQezlVew3Yzryo0KzQ68FqdAADAQADAgADbQADSkoGAAEaBA@telegram)
我可以請問一下為什麼我的 Hello 被吃掉嗎
還沒始春有些東西就是不會出現
我在想是不是 WSL 的 Bug 還是什麼
我該用 Git Bash 跑看看
[photo](media:AgACAgUAAx0CPZbPgAABFTorXya6LBf2qu2u_iqSpxEcaxfg80UAArmqMRsQezlVc4MalRDPSSQ-DyJrdAADAQADAgADbQADVNIEAAEaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVOixfJroufjbrU5ScRfK-OuqdUHVc4QACYQADz3jfKdh0BkT-jvmI6O-kanQAAwEAB20AA69kAAIaBA@telegram)
你怎麼跑的
这个是跑在哪里的?
WSL
你有試過 {bash,sh} auto-version.sh
[sticker](media:AAMCBQADHQI9ls-AAAEVOjJfJrrCfmnT5FxF4dxoYBuzcBLslAAC6AADv0xhFNLgCoiCObeB_JAkMwAEAQAHbQADKRQAAhoE@telegram)
啊幹你不寫shellbang
怪誰
有这种BUG嘛。。。最近还打算尝试这个
幹這才不是bug
我都試過了
什麼意思
[photo](media:AgACAgUAAx0CPZbPgAABFTo6Xya6_JH4hejL_3g7oVa2qKwEdwgAAruqMRsQezlVipmgm8Q8TYZblSNrdAADAQADAgADbQAD2c0EAAEaBA@telegram)
誰知道你用什麼鬼跑他
而且為什麼要這樣寫
你以為你在寫phpㄇ
加了 #!/bin/bash 一樣,笑死這到底什麼垃圾
我在 VSCode 的 Console(WSL) 執行他
這個檔案是 CRLF 嗎
我原本有用過 tr 來處裡 "\r" 也沒用
Git Bash 跑得起來,但是 WSL 就很 Bug
你有試過在 WSL 裡面
$ cd
$ vim bla.sh
然後執行看看嗎
第二行複製兩次ㄋ
[photo](media:AgACAgUAAx0CPZbPgAABFTpGXya8NnueViCAf60lwPV77VF3RXwAAr6qMRsQezlV8AewAZvDFWm2_-xrdAADAQADAgADbQAD7UMBAAEaBA@telegram)
笑死到底什麼鳥問題
[sticker](media:AAMCBQADHQI9ls-AAAEVOkhfJryDO7WT_C56ny97EKxwc7SOxAAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
噢還是我的 Console 會吃輸出的前幾個字,好像也不是…
[photo](media:AgACAgUAAx0CPZbPgAABFTpLXya8rrYAAeqQummtTbLZhEX4eOdyAAK_qjEbEHs5VSuPNDj0g4VSwmfAanQAAwEAAwIAA20AAxNJBgABGgQ@telegram)
阿你就CRLF啊
[photo](media:AgACAgUAAx0CPZbPgAABFTpNXya81dsftMpFds1-cbSUim7NqE4AAsCqMRsQezlVae3ex6Gwg8wY4r5qdAADAQADAgADbQADx04GAAEaBA@telegram)
[sticker](media:AAMCBQADHQI9ls-AAAEVOk5fJrzXh1WWHTZezRfEkNKBSRUpqQAC8RIAAqtmNAGG9O7cVfWx4N9vyjIABAEAB20AA8tCAAIaBA@telegram)
那我當初在 tr "\r" 三小
vscode 不是就能轉 line ending 了ㄇ
問你啊幹
這一切都是開發者問題
才不是bug
不要亂怪
噢對,我真的按一下 LF 就好了
我的錯
到底為什麼要分那麼多種換行
[sticker](media:AAMCBQADHQI9ls-AAAEVOllfJr0U9czSWpp2ljprIQJKKW1jtgAC8RIAAqtmNAGG9O7cVfWx4N9vyjIABAEAB20AA8tCAAIaBA@telegram)
[sticker](media:AAMCAQADHQI9ls-AAAEVOlpfJr0auV8zNFM90BuTZCpgwp7LvgACHAAD_PIgA6IwN8eqdqNSa7TnLwAEAQAHbQAD9QEAAhoE@telegram)
為什麼 Git Bash 能跑,Ubuntu Bash 就不行
不要怪bash
還有分別人家的 Bash 喔
the best language ever
因為ubuntu換行是0a
Windows是他媽的0d0a
powershell yay
嘔偶
但是 Git Bash 也是 Bash
[sticker](media:AAMCBQADHQI9ls-AAAEVOmRfJr2PtjmqPiyguQ8BRxLFJfsGOAAC6xIAAqtmNAGGi5dYCbDO3J92yjIABAEAB20AA8o-AAIaBA@telegram)
那就不是bash的問題
可是 Git Bash 是 Bash
幹我剛剛在幹嘛來著
[sticker](media:AAMCBQADHQI9ls-AAAEVOmhfJr35b-3p6reHY5mhpRWRa-pSYwAC0RIAAqtmNAGmoE6U40BDSvF2yjIABAEAB20AA4NWAAIaBA@telegram)
寫 Svelte 然後怨天尤人
喔沒有那是我
mingw 說不定有改過碰到 CRLF 的行為
靠夭原來 input 不能有 </input> ㄛ
可…可是他是…
Ba..
[sticker](media:AAMCAgADHQI9ls-AAAEVOm9fJr6mZ6D1wqa-ZfOQ_BzlHgfXqAACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
[sticker](media:AAMCAQADHQI9ls-AAAEVOnBfJr6oMRPPcHI65kaadrBEyvhXFgACHAAD_PIgA6IwN8eqdqNSa7TnLwAEAQAHbQAD9QEAAhoE@telegram)
那 不 是 bash 的 問 題
受害者為大,不要檢討我
[sticker](media:AAMCBQADHQI9ls-AAAEVOnNfJr7KLN1W-fWG91OtebelUs9g7AAC7xIAAqtmNAGqxvv7Y6t7cYx0yjIABAEAB20AAxtLAAIaBA@telegram)
庫,至少現在會記得這件鳥事了
所以我該 ${TEST}?
"$TEST"', world'
"$TEST"', world'
你們寫網頁會遵守 WAI-ARIA ㄇ
A11y
'"'"'"'"'
[photo](media:AgACAgUAAx0CPZbPgAABFTp7XybApgABnVpY23wfhLL1qklyUdDfAALEqjEbEHs5VZNeLLHPfKI8hMj9a3QAAwEAAwIAA20AA0KpAAIaBA@telegram)
依照 W3C 的標準去做有夠累
[sticker](media:AAMCBQADHQI9ls-AAAEVOn1fJsDpyiuiEuiufhNB-N8-FRyzVAACbAADz3jfKchbI71wFMq-m7yYanQAAwEAB20AA4dgAAIaBA@telegram)
笑死 不想用 ID 又覺得 div 醜 直接寫成 tag name
yay
[photo](media:AgACAgUAAx0CPZbPgAABFTqAXybBRrfnrWLg-j_q0MDURGfYplAAAsWqMRsQezlVMB3umV8x5viYUP9rdAADAQADAgADbQADIakAAhoE@telegram)
[sticker](media:AAMCAgADHQI9ls-AAAEVOoFfJsGkT4UF8EtVJDYIjSoNdICTGgACUBUAAujW4hJtLeSdwRToShcAAbGVLgADAQAHbQAD32QAAhoE@telegram)
[sticker](media:AAMCAgADHQI9ls-AAAEVOoJfJsG0GYXFhfFRIAabPLNOm-F7rAACVhUAAujW4hIOrTpocjIcjb1Pw5UuAAMBAAdtAAOWAAMaBA@telegram)
這是什麼咩噗
笑死這哪來的
沒有 type 好難寫ㄛ
神TM單行註解
因為很久以前 DOS、Mac 和 Unix 互不相通
在打字機的時代,有些人覺得先回到開頭再換行才是真的換行
有些人覺得直接換行就好
有些人覺得回到開頭就是換行
分別就是 DOS ㄉ \r\n,Mac 的 \r 和 Unix 的 \n
我覺得 ; 就是換行ㄌ(沒
[sticker](media:AAMCAgADHQI9ls-AAAEVOo5fJs93Ehq8g6YAAXyfPhmLlZFyF04AAk8TAALo1uISUrOrcOfbYdlNRs0PAAQBAAdtAAOsVwACGgQ@telegram)
錯在哪 🤔
${TEST} 比較不會有歧義吧
不知道是不是 bash 把 $TEST, 看成 ${TEST,} 而不是 ${TEST},
要怎麼避免按下 Enter 的時候送出表單
但是又維持在 Tab 到對應的東西的時候可以正常 function
[photo](media:AgACAgUAAx0CPZbPgAABFTqVXybSyH-VQ9Bb2D2hN-gsYxwMQ6AAAumqMRsQezlVD7hdnVoCQvbH3r5qdAADAQADAgADbQADTVoGAAEaBA@telegram)
你不要放 submit 按鈕
不要用 HTML Form
改放一堆 input
button onclick 用 AJAX 送資料出去
好像有道理
排版好難ㄛ
[photo](media:AgACAgUAAx0CPZbPgAABFTqcXybT_hIKWLqKxfNlDOEn7y_DIgkAAuuqMRsQezlVfpSQK8RIkcD_yf1rdAADAQADAgADbQADrK0AAhoE@telegram)
但是我完全沒有頭緒他 fluid 為什麼只到這樣
或是我要怎麼把他縮小
這會直接擋掉所有 enter 內
這樣我用 Tab 選取按鈕之類的咚咚的時候
再按 Enter
不會動
那你就在 on submit 的時候 return false 之類ㄉㄅ
可是我又想用預設的 submit
: (
所以我直接把它改成 div 了
CSS 好難ㄛ
@gnehs_OwO 勝勝你CSS都怎麼寫的
就想改哪裡就改哪裡啊
先用 Figma 設計再複製 CSS
我在考慮把 Semantics UI 拿掉了
因為我完全不知道他做了什麼事
他為什麼寬度是這樣我都不知道
那不然應該要怎ㄇ樣
不知道
我根本不清楚 fluid 的意思
我看看官方文件
扔原始碼過來?
field 理當沒有最大寬度
[photo](media:AgACAgUAAx0CPZbPgAABFTq2XybY-C5Ii5VOCGg0XGgyZJO9IK4AAvCqMRsQezlV_7RdHUSVjUHMDSJrdAADAQADAgADbQADBcoEAAEaBA@telegram)
會影響排版的都在這了
form 的關係ㄅ
不可能
[photo](media:AgACAgUAAx0CPZbPgAABFTq6XybZ1OF0HdsLA5o0JS7Jl2031ooAAvGqMRsQezlVzhwGmTm7YFzM68FqdAADAQADAgADbQADvUwGAAEaBA@telegram)
[photo](media:AgACAgUAAx0CPZbPgAABFTq8XybaGecYVhSL18Xd0WfnK9a6u5cAAvKqMRsQezlVKlNN38-eCEgjumZrdAADAQADAgADbQADBaIEAAEaBA@telegram)
我覺得比較可能是 list 的問題
好的就是 list
🌚
[photo](media:AgACAgUAAx0CPZbPgAABFTrAXybbCMneZOAlGXJo4dI9jN-q7WsAAvSqMRsQezlVrSmIJ-FqGfP5eetrdAADAQADAgADbQADR0oBAAEaBA@telegram)
笑死
devtools 看一下是哪個元素被限制寬度ㄚ
那會不會是 content
Fomantic UI 的文件比 Bootstrap 難找 :
或者你也可以直接用 devtools
[sticker](media:AAMCBQADHQI9ls-AAAEVOsdfJtuZCWOoaKG9EXGpWBvxtVyejAACDQEAAl7ylwIdOCHQHeEmFvTqsTIABAEAB20AAxoXAAIaBA@telegram)
怎麼看ㄚ
從外面往裡面找 第一個寬度開始縮小的元素
[photo](media:AgACAgUAAx0CPZbPgAABFTrKXybbxMNWlt2jXRsEbrNiYexzMT0AAvaqMRsQezlVIESPHMSELnTu1wABbHQAAwEAAwIAA20AAz6pAAIaBA@telegram)
把 max-width 拿掉看看
一樣
你要不要往下找
[photo](media:AgACAgUAAx0CPZbPgAABFTrOXybcGjQlz9-nt517yQcTy1prLC8AAveqMRsQezlVsApVBIjBGsQs-sRqdAADAQADAgADbQADsE0GAAEaBA@telegram)
橘橘綠綠要怎麼看ㄚ
這是剛剛的 parent
看起來是有 padding
這什麼瀏覽器阿
為啥主控台是中文 (#
邊緣瀏覽器
我比較好奇為什麼你們的都是英文
我用鉻
所以這是邊緣喔
其翻譯極為低劣
完全是趕工之作
看起來比較像 margin: 0 auto
嗯 不過我說的是邊緣 Chromium
長知識
ㄛ 大概
[photo](media:AgACAgUAAx0CPZbPgAABFTreXybczZQ2RvhEgYzkxORJvLM6qscAAviqMRsQezlVDyP2iu4CDyD0aAVsdAADAQADAgADbQAD4qoAAhoE@telegram)
我搞不清楚 m 和 p
好像沒有
幹我知道了啦
[photo](media:AgACAgUAAx0CPZbPgAABFTriXybc__roETkBHryRUHZtPj2qCmIAAvmqMRsQezlVQ5lVeweFnGH4qmNrdAADAQADAgADbQADYJwEAAEaBA@telegram)
這ㄍㄋ
所以 #sapper 的寬度是頁面寬度嗎
Hexo我覺得使用起來很簡單 但是那個預設的模板引擎好像是死的
mw 56em 看起來很可以
wtf is this
他預設給的 layout
我都忘記有這檔案ㄌ
Hugo 比較沒那麼直觀好用 但...Work fine?
所以是這咚咚搞的鬼ㄇ
y
但是全寬很醜
幹嘛拿掉
因為我覺得他很不受控((
現在重點是他想掌握他的網頁
😢
好的他現在不在中間了
是說 @koru1130 有系統性學過前端技術ㄇ
干,好美的ui ,哪里找的?
我大概知道 HTML 的結構
然後 CSS selector
define 系統性
然後就沒了
蹦蹦
Angular 內建 Material UI
要怎麼系統性學前端R
我完全不知道 Margin 是什麼
他自己寫的
外面的
我記得有ㄍ教學網站
然後 padding 是裡面ㄉ
codec 三小ㄉ
Box Model 我覺得只有踩到坑才會真的懂
[photo](media:AgACAgUAAx0CPZbPgAABFTsFXybeRVXIYyesq2Nvy20M85D69u8AAvuqMRsQezlVhkcTparUCqcGdcNqdAADAQADAgADbQADA1oGAAEaBA@telegram)
所以這到底是什麼鬼翻譯
[photo](media:AgACAgUAAx0CPZbPgAABFTsHXybeYsNnNXa5mcdOHDScrHixteYAAvyqMRsQezlVj1cl767uGgHS7MFqdAADAQADAgADbQADQFIGAAEaBA@telegram)
英文原文是什麼
建議 border 不要理他
padding 在元素裡面
margin 在外面
剩下就踩雷 讚
所以這些影響的到底是啥
ta是谁🙃
學習 Google
元素總寬度是不是等於
寬度 + 2border + 2padding + 2margin
最左邊那個「寬度」是啥
最露一種已經被默默當作不存在了
width
我看大家分行regex都 /\r?\n/
內容的寬度
最裡面那個長方形
一臉就不 care mac 格式
那個確實沒了
macOS 後來用 Unix 風格
那應該是
然後ㄋ
喔,那個
[photo](media:AgACAgUAAx0CPZbPgAABFTscXybfn0IYFQ6EWPraiCccLGusAiQAAv2qMRsQezlVMoL0NyayiMSs9RtrdAADAQADAgADbQADitYEAAEaBA@telegram)
你預期他長怎樣阿
margin : 0 auto
margin: 0 auto
m0-auto 就長得跟剛剛很像不是ㄇ
那不就
剛剛那樣ㄇ
那你要把 max width 拔掉ㄚ
欸等等
所以才好奇你想怎樣
你想滿版ㄇ
不然你要怎麼
為什麼他現在沒有滿版
width: 100vw !important 怎麼樣 (不是
<div style="margin: 0 auto;">
你的一堆鳥置中元素
</div>
因為你設了 max-width
什麼時候
他的預設樣式
ㄛ我看到了
現在這張圖看起來就是有某個 max-width 或 width 在作祟
這邊啊
ㄛ他滿版ㄌ
蹦蹦
[sticker](media:AAMCAgADHQI9ls-AAAEVOzJfJuBDLbiayJh0x3e5irClec8fawACTwUAAutuoBAAAQspAu614DV8Q0sNAAQBAAdtAAMqmgACGgQ@telegram)
我仙桃
你要不要開ㄍ code share
不行 這邊訊息還不夠多
我先安裝一下
1391414 還不夠多ㄇ
好酷喔蹦蹦
我該私訊給ㄇ
還是
我記得可以開只讀ㄉ
[photo](media:AgACAgUAAx0CPZbPgAABFTs-XybiP3VI_N-fujz0YqvTEJHWyZMAAv6qMRsQezlV_U4Yhxxc07dsumZrdAADAQADAgADbQAD5JwEAAEaBA@telegram)