请选择 进入手机版 | 继续访问电脑版

3楼社区

查看: 2|回复: 0

用不成熟的 flutter web 做了个网站 - 哭一场

[复制链接]

该用户从未签到

2830

主题

2830

帖子

8631

积分

版主

Rank: 7Rank: 7Rank: 7

积分
8631
发表于 2020-10-30 15:27:28 | 显示全部楼层 |阅读模式
用不成熟的 flutter web 做了个网站

目前,flutter web 还不成熟,官方不建议在生产环境中使用。于是我本着“我不入地狱谁入地狱”的觉悟,趟了趟这坑浑水。

说实话,比想象中的坑少,并没有被坑得爬不起身。但依旧还有几个大问题还没有找到解决方案。

先上地址


  • 放在 上的:  

  • 放在垃圾服务器上面的:  


两个地址都非常慢,无法忍受的慢,所以如果不是非常感兴趣,恐怕你是和它无缘了。
  1. tips:挂代理速度还是可以的
复制代码


既然如此,先挂几张图吧

  

  

  

  

  

简单介绍一下这个小破站 - 哭一场( kuyichang ):


  • 包括电影、故事、照片、一言、说点五个板块,内容核心就是两个字:“催泪”,网站定位是帮憋屈的你哭出来,让你哼着歌进去,喊着娘出来。  

  • 电影数据来自豆瓣  

  • 故事、照片、一言来自网络收集  

  • 说点里面的诗词 API 来自  

  • 有一个切换天气的功能,使用动画实现,事实证明大量控件的 rebuild 会干死自己  

  • 目前没有做适配  


需要吐槽的地方:


  • debug 是真难用  

  • 图片上面不能盖一层颜色(纯色或渐变)  

  • build 的 js 太大了  

  • 多控件 rebuild 还是卡的  


总体感受:

确实能很真切地感受到 web 端的不成熟,很多交互和布局都是移动端的模式,硬用在 web 上来感觉有些别扭。

不得不夸赞的地方是,dart 用得很舒服,继承了传统语言的优点,又具有现代语言的优雅高效。

刚开始对于 widget 的嵌套很不适应,但慢慢地也就习惯了,其实它也促使你更细化地分离组件,对于 flutter 的 widget 树 rebuild 机制来说,组件颗粒度是越小越好的。

flutter 在 web 上的渲染还能接受,之所以不想用 flutter 写移动端,首要原因就是在移动端的渲染和原生在视觉上还是有很大差距。

欢迎资源推荐或拍砖~,

雨越大越卡。上文有提到,是因为大量对象的rebuild。如果有优化想法的同学,欢迎与我交流。,
用不成熟的 flutter web 做了个网站

目前,flutter web 还不成熟,官方不建议在生产环境中使用。于是我本着“我不入地狱谁入地狱”的觉悟,趟了趟这坑浑水。

说实话,比想象中的坑少,并没有被坑得爬不起身。但依旧还有几个大问题还没有找到解决方案。

先上地址


  • 放在 上的:  

  • 放在垃圾服务器上面的:  


两个地址都非常慢,无法忍受的慢,所以如果不是非常感兴趣,恐怕你是和它无缘了。
  1. tips:挂代理速度还是可以的
复制代码


既然如此,先挂几张图吧

  

  

  

  

  

简单介绍一下这个小破站 - 哭一场( kuyichang ):


  • 包括电影、故事、照片、一言、说点五个板块,内容核心就是两个字:“催泪”,网站定位是帮憋屈的你哭出来,让你哼着歌进去,喊着娘出来。  

  • 电影数据来自豆瓣  

  • 故事、照片、一言来自网络收集  

  • 说点里面的诗词 API 来自  

  • 有一个切换天气的功能,使用动画实现,事实证明大量控件的 rebuild 会干死自己  

  • 目前没有做适配  


需要吐槽的地方:


  • debug 是真难用  

  • 图片上面不能盖一层颜色(纯色或渐变)  

  • build 的 js 太大了  

  • 多控件 rebuild 还是卡的  


总体感受:

确实能很真切地感受到 web 端的不成熟,很多交互和布局都是移动端的模式,硬用在 web 上来感觉有些别扭。

不得不夸赞的地方是,dart 用得很舒服,继承了传统语言的优点,又具有现代语言的优雅高效。

刚开始对于 widget 的嵌套很不适应,但慢慢地也就习惯了,其实它也促使你更细化地分离组件,对于 flutter 的 widget 树 rebuild 机制来说,组件颗粒度是越小越好的。

flutter 在 web 上的渲染还能接受,之所以不想用 flutter 写移动端,首要原因就是在移动端的渲染和原生在视觉上还是有很大差距。

欢迎资源推荐或拍砖~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|

快速回复 返回顶部 返回列表