阿里的weex框架到底是什么
2016-09-30 00:22
471 查看
title: 阿里的weex框架到底是什么
date: 2016-09-27 10:22:34
tags: vue, weex
category: 技术总结
---
weex 主要就是做了三件事
在服务端用 Transformer 工具把 Vue 代码转换成 Js Bundle。
在客户端运行Js Framework 的 JavaScript 引擎,解释执行Js Bundle生成Virtual DOM。
在客户端设计一套 JS Bridge,能使IOS端(或者Android端)的Object-C语言(或Java语言)与Javascript语言相互调用,把Virtual Dom转换为DOM,渲染到页面。H5端直接和Js Framework 通讯,不需要Js Bridge。
如下为Virtual DOM 渲染为Dom的过程:
JavaScriptCore:应用在在wekit内核内的js引擎,浏览器有Safari。
V8: 应用在chromium内的js引擎,浏览器有Chrome。
JS引擎的作用都是解释和执行JavaScript代码。
有关JavaScript引擎解析的内容请查看 JavaScriptCore解析
有关JavaScriptCore和V8的内容请查看:JavaScript引擎
weex-toolkit
Weex Playground App
weex 调试
weex 文档:
weex中使用数据流工具Vuex实践
weex交流室
date: 2016-09-27 10:22:34
tags: vue, weex
category: 技术总结
---
weex 工作原理
首先看下官方的说法:transformer 会把 template, style, script 都转换成一段段 json 或者 js,这样客户端只接收并运行js,不必同时解析html/css这些语法,并且这些js还会继续进行数据监听和绑定,然后生成最终的virtual dom 再发送给 native端进行渲染。weex 主要就是做了三件事
在服务端用 Transformer 工具把 Vue 代码转换成 Js Bundle。
在客户端运行Js Framework 的 JavaScript 引擎,解释执行Js Bundle生成Virtual DOM。
在客户端设计一套 JS Bridge,能使IOS端(或者Android端)的Object-C语言(或Java语言)与Javascript语言相互调用,把Virtual Dom转换为DOM,渲染到页面。H5端直接和Js Framework 通讯,不需要Js Bridge。
如下为Virtual DOM 渲染为Dom的过程:
相关概念:
ECMAScript:定义了JavaScript语言的标准JavaScriptCore:应用在在wekit内核内的js引擎,浏览器有Safari。
V8: 应用在chromium内的js引擎,浏览器有Chrome。
JS引擎的作用都是解释和执行JavaScript代码。
有关JavaScript引擎解析的内容请查看 JavaScriptCore解析
有关JavaScriptCore和V8的内容请查看:JavaScript引擎
怎么开始搭建个weex项目
相对比较简单看官方吧。weex相关工具
node.jsweex-toolkit
Weex Playground App
相关论坛
weex 文章weex 调试
weex 文档:
weex中使用数据流工具Vuex实践
weex交流室
相关文章推荐
- 亲身体验范例框架AppFuse 2.1到底能为Java Web应用开发带来什么?
- 轻量框架,重量框架到底是什么意思?
- [转载]javaEE规范和SSH三大框架到底有什么关系
- 到底什么是javaEE、什么是JavaSE,我们用Spring等框架用的jdk到底是什么的思考
- 到底什么是框架?
- 框架到底是干什么用的?
- 到底如何区分什么是架构、框架、模式和平台 ?
- 到底如何区分什么是架构、框架、模式和平台 ?
- 大家所说的full-stack框架到底是指什么?
- 企业级应用框架(四)我的这个系列到底要说什么
- 从神马搜索到阿里上市 马云到底想要干什么?
- javaEE规范和SSH三大框架到底有什么关系
- javaEE规范和SSH三大框架到底有什么关系
- javaEE规范和SSH三大框架到底有什么关系
- 大家所说的full-stack框架到底是指什么?
- 大家所说的full-stack框架到底是指什么
- 到底如何区分什么是架构、框架、模式和平台 ?
- 阿里的Pay Watch到底是只什么表?
- 到底如何区分什么是架构、框架、模式和平台 ?
- 到底如何区分什么是架构、框架、模式和平台