一丶Weex的介绍
- weex是2016年4月阿里巴巴在Qcon大会上宣布开源的一套跨平台移动开发工具
- 对于移动开发者来说,weex主要解决了频繁发版和多端研发的两大痛点,同时解决了前端语言性能差和显示效果受限的问题
- 开发者只需要在自己的app,中嵌入weex和sdk,就可以通过撰写html、css、JavaScript来开发native级别的weex界面,weex界面的生成码其实就是一段很小的js,可以像发布网易云轻松部署在服务端,然后再app中请求执行
二丶前置知识
- 理解Html、JavaScript、CSS的概念和关系
- 有基础的JavaScript开发经验
- Vue
- Node npm
三丶适用人群
- 有一定前端基础的学员
- 对weex前端框架充满兴趣的学员
- 对于移动开发具有一定基础的学员
四丶Weex的优势
- 支持ES6规范
- 性能优异,开发简介标准,体积小巧
- 跨平台
五丶难点
六丶Weex、ReactNative、Flutter的区别
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020122918483743.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70#pic_center)
七丶设计理念
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020122918533198.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229185344760.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
八丶基本原理
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229190018393.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/202012291900362.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
九丶有谁在用?
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229190401569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
十丶Weex调试工具
十一丶构建一个最简单的应用
<template>
<div>
<text>Hello world</text>
</div>
</template>
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020122919012524.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NDk0MjAx,size_16,color_FFFFFF,t_70)
十二丶学习资料
【B站-Broccoliii】Weex 从起步到奔跑@尚硅谷
【慕课网-你好_方老师】
【B站-虚笔GeoffZhu】weex入门与实战视频教程
【B站-技术胖】技术胖的WEEX入门到实战视频教程
Weex 官网