基于weex的flutter项目框架

author author     2023-03-30     543

关键词:

参考技术A 最近在做的一个项目,项目的前期采用Weex开发。但是随着交互复杂度的增加,Weex一处开发多处多处运行的特征并没有很好的体现,相反很多时候我们还是需要做IOS和Android的适配。如今火热的Flutter相比Weex和Rn来说,给出了更好的跨平台解决方案。所以我们设计了一套基于Weex实现,底层跑在Flutter Engine上的框架。

 底层的Runtime采用isolate engine,框架业务逻辑,Dom的解析逻辑和Render逻辑都跑在这里。

 渲染引擎采用Flutter的Skia,彻底剥离了Android和IOS的差异性.

    将Weex VirsualDom的解析都替换成Flutter Widget.

    设计基于Weex2Dart的Brider,使JS和Dart可以相互调用

    weex-demo的性能展示

release环境下采用AOT模式,性能会有质的飞跃。

Android-Release版本只有10m大小

相比Weex和Rn具有更好的性能,同时具有更好的跨平台性

相比Flutter,具有动态部署的能力(Flutter Release采用AoT模式并没有动态部署的能力,即使Debug版本也只是开发环境下才有动态化能力并没有可以实施项目的能力)

只需要会Weex开发或则Rn开发就可以,不需要额外学习Dart,已有的Weex项目可以无缝切换。

如何将原有weex项目改造成vue版本

...改造成Vue版本。要解决的问题将内核切换成Vue之后,原先基于Weex语法开发的项目将如何过渡到Vue?首先需要明确一点:Weex原有的前端框架也会继续存在于WeexS 查看详情

weex基于vue2.0开发框架模板搭建

...司或者个人,大公司屈指可数,揪其原因可能是基于weex的开发正确的姿势大家并没有找到,而且市面上的好多轮子还是.we后缀的,众所周知,weex和vue一直在努 查看详情

初识flutter

初识flutterflutter是Google开发的一套全新的跨平台开源框架。目前flutter已经发布很多很多版本,正在逐步的完善,它的目标其实是和reactnative一样的,就是同一份代码可以同时运行在Android和iOS两个系统上。如果你同时有reactnative和f... 查看详情

weex30秒创建第一个weex项目

1.简介Weex是一套简单易用的跨平台开发方案,能以web的开发体验构建高性能、可扩展的native应用,为了做到这些,Weex与Vue合作,使用Vue作为上层框架,并遵循W3C标准实现了统一的JSEngine和DOMAPI,这样一来&#x... 查看详情

基于small及weex的定制化app方案

...部的应用引擎模块化方案中,本篇博文主要讲述本人基于small在android平台实现的定制化APP方案(运营自由配置、自由组合、自动打包)~框架解决问题由于公司业务的发展,导致更多的超级app 查看详情

flutter--实战flutter简介

文章目录一、什么是Flutter?1.Flutter用什么语言开发?2.Dart语言好学吗?二、特点1.跨平台自绘引擎2.高性能3.采用Dart语言开发三、Flutter框架结构1.框架层2.引擎层3.嵌入层四、疑惑解答1.Flutter和React-Native、Weex这样的动态化框... 查看详情

weex原理及架构剖析

...《ReactJS到React-Native,架构原理概述》Weex与ReactNative都是基于Yogo渲染骨架做的跨端框架,一个基于React,一个基于Vue,个人偏好RN,但是Weex貌似更香。相对于ReactNative的“learnoncewriteanywhere”,weex的:“writeoncerunanywhere”,牛皮更宽... 查看详情

踩坑---基于钉钉的weex微应用开发起手式(其实写完发现变成weex相关资料汇总了)(代码片段)

好吧,我知道你来看这个文章,一定是遇到坑了,所以,把这几个放在最开始吧现在,如果你的团队的技术栈是react,请尝试这个吧,跟react很像,如果你的团队一直使用react,这是一个更好的选择Rax·跨容器的渲染引擎Vue问题,你... 查看详情

weex项目开发weex与weexpack的区别

... weex-toolkit 与weexpack 的区别weex-toolkit初始化的项目是针对开发单个Weex页面而设计的,也就是说这样的项目只包括单个页面开发需要的东西,比如前端页面源文件、webpack配置、npm脚本等。项目产生的输出就是一个JSBundle... 查看详情

使用flutter项目创建原生ios框架(.framework)和Android jar

】使用flutter项目创建原生ios框架(.framework)和Androidjar【英文标题】:Creatingnativeiosframework(.framework)andAndroidjarusingflutterproject【发布时间】:2019-06-0622:54:30【问题描述】:是否可以从Flutter项目创建ios框架或Androidjar?我的意思是,... 查看详情

weex快速上手

...面都非常优秀。开发者能够通过撰写 *.vue 文件,基于<template>, <style>, <script> 快速构建组件化的web应用。本章会教你如何搭建本地开发环境进行Weex开发。开始之前,希望你能对Weex和 查看详情

跨平台开发最终选择了flutter

...直以来一直希望自己具备多端开发能力,最终选择了flutter。下面简单说说作为一个iOS从业者选择flutter的心路历程。Hybrid混合开发  这个是最早接触,也是了解程度最深的一个技术,主要用框架有Cordova(前身PhoneGap)&#... 查看详情

weex技术剖析

...微软的Cordova相比,Weex更加轻量,体积小巧。因为基于webconponent标准,使得开发更加简洁标准,方便上手。Native组件和API都可以横向扩展,方便根据业务灵活定制。Weex渲染层具备优异的性能表现, 查看详情

flutter微信项目实战01基本框架搭建(代码片段)

1.写在前面在上篇文章中介绍了Flutter中的Button组件,学了这么多基础组件了,该是实战验证一下学习成果了,那么今天就来个实战项目,搭建一下微信的框架吧![基础组件合集]【Flutter】基础组件【01】Text【Fl... 查看详情

跨平台开发之阿里weex框架环境搭建

...,并在浏览器成功渲染页面,这篇文章我们接着建立一个项目1、新建一文件夹如weexdemo;2、在文件夹下执行weex 查看详情

为啥flutter开发app性能最接近原生,前端程序员请关注

参考技术AFlutter是谷歌公司推出的跨终端的开发框架,支持Android、iOS和WEB终端。1.0版在2018年12月5日发布,目前的最新版本是1.5,它采用的开发语言是Dart,Dart也是谷歌开发的计算机编程语言,语法类似C,是编译型语言:helloworld... 查看详情

weex入门指南

背景由于公司项目需要,需求变化频繁,计划总改不上变化,由于app更新版本周期长,不能很好应对这种变化,正在此前提下热修复和热更新技术也有了发展的空间,不管热修复还是热更新,都是对app内容或者逻辑的变化作出像... 查看详情

使用vue开发weex页面

...面都非常优秀。开发者能够通过撰写 *.vue 文件,基于 <template>, <style>, <script> 快速构建组件化的web应用。Vue.js在2016年1 查看详情