175-2108-6175
网站建设资讯详细

vue移动端框架推荐

日期:2021-06-28  作者:千语创想  浏览:1881

vue移动端框架

Weex

2016年4月21日,阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。

Weex

是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue

合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动

Weex,打造三端一致的 native 应用。

Weex能够完美兼顾性能与动态性,支持iOS、安卓、YunOS及Web等多端部署。

其工作原理

Weex

表面上是一个客户端技术,但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先可以在本地像撰写 web 页面一样撰写一个

app 的页面,然后编译成一段 JavaScript 代码,形成 Weex 的一个 JS bundle;在云端,开发者可以把生成的 JS

bundle 部署上去,然后通过网络请求或预下发的方式传递到用户的移动应用客户端;在移动应用客户端里,WeexSDK 会准备好一个

JavaScript 引擎,并且在用户打开一个 Weex 页面时执行相应的 JS bundle,并在执行过程中产生各种命令发送到 native

端进行的界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践;同时,如果用户没有安装移动应用,他仍然可以在浏览器里打开一个相同的

web 页面,这个页面是使用相同的页面源代码,通过浏览器里的 JavaScript 引擎运行起来的。

Mint UI

基于 Vue.js 的移动端组件库

Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。

考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

vue-carbon

基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库

Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 组件库

特性

1.组件丰富

Muse UI 基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件

2.可定制

Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果的参数

3.基于 Vue 2.0

Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用

VUWE

vuwe是一款基于微信WeUI所开发的,专用于Vue2的组件库。

它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。


框架对比:AVM跨端框架

AVM(Application-View-Model)框架是千语创想推出的一个跨端高性能 JavaScript框架,更趋近于原生的编程体验,它提供简洁的模型来分离应用的用户界面、业务逻辑和数据模型,适合高度定制化的项目,一次编码,可以同时开发安卓、iOS和小程序等多端应用。

AVM是千语创想基于标准H5子集设计的DSL中间语言编程框架,其可具备如下能力:

 

Virtual DOM:通过虚拟DOM,渲染到不同终端,充分尊重系统特性,为不同终端执行差异处理,实现高效渲染;

组件化:高可重用性、可组合性、可维护性的架构设计,隐藏了复杂的DOM结构和行为,让开发者专注于应用的功能和外观;

数据绑定:轻松将数据源绑定到应用用户界面,降低逻辑复杂性和开发难度;

状态管理和路由:有效分离用户界面和数据处理,实现项目的工程化管理;

类Vue语法和兼容React JSX,兼具Vue的轻巧和React的灵活性。

千语创想 DSL最终可编译为标准JS,通过DeepEngine渲染到app端和Web端,或者编译为微信小程序代码,用于微信小程序平台发布。


转载请注明来自:https://www.qianyuthink.com/news/7589.html