just-show

weex

A framework for building Mobile cross-platform UI

Why Weex?

Lightweight
  • low footprint
  • simple syntax
  • easy to use
Extendable
  • abundant build-in components
  • extendable apis
  • various events
High Performance
  • load fast
  • render fast
  • better Experience

Weex Example

<template>
  <container class="container"   onclick="goWeexSite" >
    <image class="thumb" src="http://gtms03.alicdn.com/tps/i3/TB11zL.LFXXXXaTXFXX20ySQVXX-512-512.png"></image>
    <text class="title">Click me</text>
  </container>
</ template >

<style>
     .container{flex-direction: row;}
     .thumb {width: 200; height: 200;}
     .title {line-height: 200 ; text-align: center ; flex: 1; color: grey; font-size: 48; font-weight: bold; background-color: #eeeeee;}
</style>

<script>
  module.exports = {
    methods: {
      goWeexSite: function () {
        this.$openURL('//alibaba.github.io/weex/en-site/')
              }
          }
    }
</script>
weex-in-3
Write Once Run Everywhere

100% code reuse across support platforms

keep better consistent interface,save more costs in development

Native Speed in Native Platform

weex render code in native widget in Android&iOS

preserve the quality of user experience on critical platform