最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • VueConf2021话题,用Vue和JS开发Flutter应用?

    正文概述 掘金(大帅老猿)   2021-05-24   924

    VueConf2021全程官方视频

    • 连线尤雨溪:谈谈 Vue3 生态进展
    • Vite,下一代Web工具
    • Vue3 在编译优化方面做的努力
    • 面向新一代构建工具优化代码
    • 探索 Vue 3 中的 JSX
    • Composable Vue
    • 用 Vue.js 构建一个高性能 Flutter 应用
    • 基于 Vue3.0 开发多端应用
    • 闪电分享:用Webgl自定样式的超写实UI组件库Element3

    在当下,跨端已经是前端绕不开的一个话题,随着 IoT 设备的普及越来越多的“端”涌现到我们的日常开发中。自 Hybrid 、React Native(Weex)后,Flutter 凭借其精简的渲染管线以及自绘渲染的特性,一跃成为这两年跨端的新宠。但其用 Dart + Widget 的开发模式以及与前端割裂的生态造成了研发成本过高。基于这个背景,我们探索一种基于 W3C 标准的 Flutter 应用方案,向上对接前端生态,向下通过自绘保证多端一致性。

    VueConf2021话题,用Vue和JS开发Flutter应用?

    以上是本次VueConf2021中,由阿里巴巴淘系技术部染陌带来的分享。不过在他的分享的前半部分,几乎都在讲述跨端的历史,以及Flutter之所以出现并流行的原因。像是一个用于阿里内部的报告:p ,不过他的分享后,更有VueConf2021全场最佳绿哥的灵魂拷问:

    Weex已经黄了,你这个能坚持维护多久?

    VueConf2021话题,用Vue和JS开发Flutter应用?

    开个玩笑,有些小伙伴还不了解Flutter,我分享一下我对于Flutter的理解

    Flutter究竟好在哪?

    1. 跨端一致性
    2. 跨端一致性
    3. 跨端一致性

    这里真不是跟大家开玩笑,Flutter当然还有一些其他的优点,但在我看来,那些优点和跨端一致性相比都不足一提。或者说,跨端一致性是Flutter能在跨端框架圈能立住脚的核心原因之一,正因为这个非常sexy的特性,开发者们愿意去适应和接受Flutter框架的“固执”...

    Flutter的固执?

    我并不了解Flutter为何固执的设计成今天这个样子,它并不难学,但是对于一个已经习惯了Web前端开发习惯和生态的开发者而言,要去适应另一套风格和习惯自然是有不小的成本。

    另外,Web前端工程师的生存环境越来越艰难!内卷成灾:p

    即使掌握了Flutter,却往往不能一直写Flutter,要时常在Dart/JSFlutter/Vue之间来回横跳,这就相当难受了。

    比如笔者就是如此,所以经常大脑缺氧,记忆错乱...

    举几个例子大家感受下

    • 异步函数
    //javascript
    async function func(){
    }
    
    //dart
    func() async{
    }
    
    • 随机值
    //javascript
    Math.random();
    Math.floor(Math.random()*5);
    
    //dart
    Random().nextDouble();
    Random().nextInt(5);
    
    • 日志打印
    //javascript
    console.log();
    
    //dart
    print();
    
    • 数组
    //javascript
    var arr = [];
    arr.push(1);
    arr.push(1,2,3,4,5);
    
    //dart
    var arr = [];
    arr.add(1);
    arr.addAll([1,2,3,4,5]);
    

    这种差异我仅列举冰山一角,你如果日常要在这两种习惯间反复横跳,会不会疯?

    Kraken是个啥

    Open Kraken(openkraken.com/)

    所以kraken到底能干嘛,大家可以去看官网,我的理解是

    Weex = JS+Vue+原生渲染

    Kraken = JS+Vue/React/Rax+Flutter自渲染

    而Flutter脱胎于web标准,是chrome团队去掉一些乱七八糟的web规范后...

    VueConf2021话题,用Vue和JS开发Flutter应用?

    所以我可不可以理解为,Kraken把那些乱七八糟的web规范整回来了~

    也就是说,Kraken = 用Flutter实现了一个Webkit,这个理解,我特意向Flutter中国的朋友请教了一下...

    VueConf2021话题,用Vue和JS开发Flutter应用?


    一篇观后感的水文,没什么干货...

    评论区畅所欲言吧~大家怎么看?


    起源地下载网 » VueConf2021话题,用Vue和JS开发Flutter应用?

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元