用不成熟的flutter web作了個網站 - 哭一場

用不成熟的flutter web作了個網站

目前，flutter web還不成熟，官方不建議在生產環境中使用。因而我本着「我不入地獄誰入地獄」的覺悟，趟了趟這坑渾水。

說實話，比想象中的坑少，並無被坑得爬不起身。但依舊還有幾個大問題尚未找到解決方案。

先上地址：

• 放在github.io上的：https://dev.kuyichang.com
• 放在垃圾服務器上面的：http://www.kuyichang.com

兩個地址都很是慢，沒法忍受的慢，因此若是不是很是感興趣，恐怕你是和它無緣了。

tips：掛代理速度仍是能夠的

既然如此，先掛幾張圖吧

簡單介紹一下這個小破站 - 哭一場（kuyichang）：

• 包括電影、故事、照片、一言、說點五個板塊，內容核心就是兩個字：「催淚」，網站定位是幫憋屈的你哭出來，讓你哼着歌進去，喊着娘出來。
• 電影數據來自豆瓣
• 故事、照片、一言來自網絡收集
• 說點裏面的詩詞API來自https://www.jinrishici.com/
• 有一個切換天氣的功能，使用動畫實現，事實證實大量控件的rebuild會幹死本身

須要吐槽的地方：

• debug是真難用
• 圖片上面不能蓋一層顏色(純色或漸變)
• build的js太大了
• 多控件rebuild仍是卡的

整體感覺：

確實能很真切地感覺到web端的不成熟，不少交互和佈局都是移動端的模式，硬用在web上來感受有些彆扭。

不得不誇讚的地方是，dart用得很舒服，繼承了傳統語言的優勢，又具備現代語言的優雅高效。

剛開始對於widget的嵌套很不適應，但慢慢地你就明白了，其實它也促使你更細化地分離組件，對於flutter的widget樹rebuild機制來講，組件顆粒度是越小越好的。

flutter在web上的渲染還能接受，之因此不想用flutter寫移動端，首要緣由就是在移動端的渲染和原生在視覺上仍是有很大差距。

建了個微信圈子，歡迎對產品有實踐興趣的同窗加入，一塊兒來玩呀

寫於2020-1-15
本篇文章由一文多發平臺ArtiPub自動發佈