嗯，我知道你肯定遇到坑了当你读这篇文章的时候，所以，把这些放在开头现在，如果你的团队的技术栈是react，请试试这个，它和react很相似，如果你的团队一直在使用react，这是更好的选择Rax·for跨容器渲染引擎Vue问题，可以在Vue官网提交问题，[地址]。Weex问题可以在中文讨论区提交问题，【地址】。Weex官方github提issuesWeex'sIssuesWeex支持的Style有限，页面布局使用Flex。推荐仔细阅读：Weex组件支持的通用样式规则。Weex的上层业务框架一共有三层：vue2.0，rax，我们，如果用Vue2.0就是用来写上层业务的。推荐仔细阅读：Vue2.xWeex和Web的区别和Vue官方文档内置组件和内置模块基本上是你开发Weex应用的基础。建议仔细阅读：内置模块和内置组件weexdebug的使用，建议仔细阅读：weexdev工具常用社区和资源的使用相当于阿里的weex官方UI库WeexUi官网Weex+Ui-WeexConf2018WeexConf2018Weex前端知识你饿了吗几乎专栏里的Weex超全合集，大礼包，不要错过。据说阿里同学可能是史上最全的Weex踩坑攻略。3个活跃的Weex开发QQ群327169027112304356140596030可以参考的demoweex-饿了么Weex学院Weex中文社区一个weexUI组件库一个weex答疑高手，荔枝大哥Weex的github地址推荐使用远方的脚手架wolf作为一款app，做了很多优化。强烈推荐使用远方狼的脚手架项目地址：iOS的同学可以看看这个Weex伪iOS开发者最佳实践指南。.gitbook.com/book/...首先你肯定想知道Weex是什么。给大家一个链接，看看官方是怎么解释什么是Weex的。直接看官方文档，不过官方文档有坑，请酌情阅读。以下知识需要注意Weex现在支持Vue2.0语法进行开发，所以需要先有一定的Vue基础。Vue相关知识可以参考Vue官方文档，Weex官方说Vue全家桶都可以用，但是在实际开发过程中，我们团队还是遇到了一定的问题，3个终端的性能不一致，请酌情使用。如果你有原生开发经验，那很好。很重要，一定要仔细阅读Vue2.xinWeex和Web的区别。在样式方面，Weex对CSS的支持不是特别完善。Weex不支持CSS缩写。Allsimilarmargins:0010px10px不支持不管是Web还是Weex，你的设计都应该以750px来画界面，Weex框架级别会帮你自动计算适配。调试如果熟悉Native，可以直接编译weex开源项目。如果实在不懂，可以去各大应用市场下载weexplayground这个app，然后使用weexdebugsrc/weex-bootstrap.we打开Debug界面。如果只是想查看Native端的渲染情况，可以使用appweexplayground扫描第二个二维码。如果需要debug，还是先用appweexplayground先扫描第一个二维码，然后会出现第二个程序，再扫描下方自己页面的二维码进行渲染。调试分为Debugger和Inspector两部分。如果你选择Debugger，那么你可以看到你在源码里写的文件，到断点等等。如果选择后者，则可以在元素面板中查看元素。重要的再说一遍：（使用weexplayground扫描二维码）。推荐阅读前辈钉钉官方人员留下的印记，基于Weex的钉钉高性能微应用的倡导者和实践者，请阅读地球上最全的weex步进攻略-来自大量的相关文章实践与沉淀关于字体图标的解决方案，需要对字体图标进行处理，才能正常使用字体图标。{{getFontName}}一个呆萌萌妹子的寻路之旅更详尽Weex踩坑过程连载教程进击weex第二轮weex目前所知道的更倾向于原来的踩坑过程。最早的踩坑过程是Weex基础介绍视频。钉钉的研发人员讲课速度快到你不敢相信。钉钉强烈推荐的js库，非常容易使用。这个库的意义在于提供一些方便的实用函数。这些实用函数会抹平WebWeex之间的一些差异，并提供统一的接口供用户使用。目前有7个模块可供使用。.Utility库钉钉提供了常见小问题的相关视频，但是对于Weex1.0版本，可以学习weex教学视频weex-hackernews项目源码，Weex官方提供https://github.com/weexteam/weex-hackernews我入手了这个Demo，基于Vue2.0强烈推荐，强烈推荐，强烈推荐，安卓可以直接打包成apk，不需要配置一个老外写的关于Playground大部分问题的todo-listDemo扫白屏，这篇文章在星辰大海的路上提到了我的Weex开发之路的坑（我想到下面记录一下，乱序排列，持续更新）标签跳转的是一个TheWeexpage（也就是,一个js文件）与H5下的标签用法不一致。它不是跳转到普通网页。关于fetch(options,callback[,progressCallback])发起网络请求关于Timeout当你在请求数据的时候，你可能会发现官方文档中并没有设置timeout属性。官方大概将这个属性的值设置为3秒。在网络弱的情况下，这个值是不够的。经过研究，其实可以大胆的使用：stream.fetch({method:'GET',type:'json',url:'https://api.github.com/repos/'+repo,timeout:6000//单位ms},回调)使用Weex中的刷新，loading上拉下拉刷新，3端体验不一致，安卓上拉下拉没问题，而iOS的原因是Scroller的contentSize比iOS上小scroller本身的高度导致无法滑动，所以需要设置你要滑动的content或者container的高度（就是推荐把loading组件换成loadmore事件，loading的问题很多，即使你的内容足够长，高度大于屏幕高度，多拖几下也可能出现loading进行中...情况无法接受）图片目前不支持使用本地图片，不支持gif格式。如果需要类似于loading的动画，可以尝试使用animation来实现loading动画的连续旋转。动画效果Tips：transform:'rotateZ(360deg)'，这里每次动画后保存你旋转的角度，不会返回0，也就是说第一次从0度旋转到360度，未来（你的每600ms）将从360度到360度。文本显示必须使用标签。Android端的点通过事件，需要在上层视图中添加@click.stop。如果上层视图有事件，则额外添加一个中间层，并在空的事件视图中添加@click.stop。关于页面事件注意：仅支持iOS和Android，暂不支持H5。Weex通过viewappear和viewdisappear事件提供了简单的页面状态管理能力。viewappear事件在页面即将显示或执行任何配置的页面动画之前触发，例如，当调用navigator模块的push方法时，将在打开新页面时触发该事件。当页面即将关闭时会触发viewdisappear事件。必须绑定到页面的根元素。（我们遇到的坑是两个事件在Playground都可以触发，但是iOS和Android的触发时间好像有点不一样，但是这个事件在钉钉客户端和Android上都很好，但是在iOS上却触发不了，原因是未知，但钉钉中的解决方案如下）Pageresumeevent当页面再次可见并可以交互时，钉钉客户端会触发该事件。从'weex-dingtalk'导入dingtalk；dingtalk.ready(function(){dingtalk.on('resume',function(){//做某事})});页面暂停事件当页面不可见时，钉钉客户端会触发该事件。从'weex-dingtalk'导入dingtalk；dingtalk.ready(function(){dingtalk.on('暂停',function(){//做某事})});以上资源均收集自网络，欢迎转发分享，希望Weex越办越好。
