*先上連結:場外失智列車彙整網站
網站以 React.JS 製作
因為想要邊實戰邊學前端技術做的,日後應該會看個人學習進度加更多功能
我個人自學都是實戰 > 聽課
當初正愁著不知道做什麼題目來邊學寫做才有趣
看到有巴友發文問「場外至今出現過多少次失智列車?」
那時場外爆發很多失智列車(柬埔寨救援組織、臺南殺警案嫌疑犯),於是就決定來做這個了
所有對比文章皆採用「Co」連結,但仍無法保證文章不會被系統吃
本專案在Github上開源,最近想找前端的實習,正好能當作品拿去投
畢竟我不是讀資工的,只能拿作品來證明我做得到什麼了
如果網站的資料有問題,或是有想要補充的失智列車,可以回文跟我講 or 哈哈姆特敲我私訊
但是一些政客日常口水攻防、國際外交...等等目的就是要分化民眾、很難有結論的事件並沒有打算刊載
做這個是希望網友能透過失智列車的案例警醒自己,而不是提供一個掛人的空間
事件發生前期和後期的討論不一致,且不再產生更多結果的話,我就會把事件放上去
例如國際反詐騙組織,組織出來自清之後結果大抵已定,那澄清文就會作為事件後期文章放到網站上
有人跟我說這主題很容易出問題##
總之我先把東西PO場外,和巴友討論下來結論爭議過大的事件就撤掉
2022.9.30 更
花了一天研究怎麼把網站弄成響應式,搞得有點崩潰
目前有設置寬度為 395px 和 425px 這兩種尺寸的情況下版面會如何變化
手機版現在看應該都不至於出大問題了吧
用 media query 弄的,因為有巴友說響應式新手不適合先碰 Bootstrap
2022.10.4 更
新增點擊別的主題,除了會開啟該主題的資料外,也會自動把當前主題關閉的功能
這個搞了很久,學到 React Hook 很厲害的概念
簡單來說就是把 setState 函式當 props 在傳,讓子 onClick() 去改父的 state
利用 state 被改變會 re-render 的特性,在父傳子的 props 值設置布林判斷,達成子傳父傳子
新版的 onClick() 不是讓自己開啟或關閉
而是先和上層溝通,讓上層再回傳布林值判斷要不要把自己關閉