WEEX系列 WEEX入门

和一步一起从前端视角聊一聊WEEX

WEEX是一套构建高性能、可扩展的原生应用跨平台解决方案。就一个字吊。

通过使用有限的类HTML标签、阉割的CSS及JS基于VUE语法来快速构建原生应用。一次编写多端运行，可以使用相同的 API 开发 Web，Android 和 iOS 应用。

优势

官网给出三点：1、体积小，语法简单 2、可扩展 3、高性能
1、简单
体积小不小我不知道，但是语法确实很简单。WEEX提供了10几个内建组件和10几个内建模块，简单读一读就可以开发应用程序。
2、可扩展
VueJS的亮点之一就是组件化、模块化, WEEX同样继承了其优点，基于内建组件，我们可以开发扩展自己的组件库。
3、高性能
WEEX本身对加载时间和资源占用进行了优化。站在巨人的肩膀上，我们也很容易开发出高性能的APP。
4、开发成本低
一个前端搞定三端。

原理

我们使用WEEX 提供的 template、script、style 三个标签来构建页面或者组件，然后通过 webpack 打包成 JS Bundle。我们可以把 JS Bundle 部署到服务器上实现热更新。JS 引擎运行这些Bundle实现与UI线程通信，达到和原生应用相同的体验效果。我们只需关心如何开发页面，其他工作WEEX已经替我们做了。

Hello World

语法是不是很熟悉。

其他

WEEX很好，但是~上手还真挺难的，因为开源时间较短，WEEX社区还不是很强大，文档也比较坑爹。因此接下来请和一步一起踩踩坑吧。

NEXT

环境搭建

欢迎大家指正批评、或留言。