Weex系列(4)——陈词滥调的三端一致

目次

• Weex系列(序) —— 总要晓得原生的一点东东(iOS)
• Weex系列(序) —— 总要晓得原生的一点东东(Android)
• Weex系列(1) —— Hello World项目
• Weex系列(2) —— 页面跳转和通讯
• Weex系列(3) —— 单页面照样多页面
• Weex系列(4) —— 陈词滥调的三端一致
• [Weex系列(5) —— 封装原生组件和模块]
• [Weex系列(6) —— css相干小结]
• [Weex系列(7) —— web组件和webview]
• [Weex系列(8) —— 是时刻简析一下流程原理了]
• [Weex系列(9) —— 踩坑填坑的集锦]
• [Weex系列(10) —— 先这么多吧想到再写。。。]

哎，手动捂脸，真的是好忙的两周，拔了一颗智齿、做了一个三端的投票运动、参加了微信马拉松比赛。还好都对峙过来了，我怎样这么优异，照样手动doge一下吧。

上面提到了一个三端投票运动，之前还想着怎样写这篇文章，做了这个运动后，觉得有千言万语。。

场景

附上我们的 运动链接 ，迎接为本身喜好的爱豆打call哦。APP端，迎接搜刮 黑猫投诉 或 新浪众测 呦，点击banner都能够双倍投票呢。对，这两个app都是基于weex做的。

翻开运动页，能够看到就三个页面，首页、明星详情页、明星列表页。刚看到这仨页面的时刻，我就想着能够用路由，做成三端一致。

设置

看过我前一篇的文章，就晓得我们的app都是多页面的，webpack只会打包成多个js，根据我上面的思绪，这个时刻须要修正设置，做过vue大型项目的应当遇到过吧，我之前是没有弄过，花了半天时候，参考的是已有的app多页面设置，和新建的只要单页面项目的设置，终究修正好了设置文件。（这里的单页多页能够参考我的前一篇文章）。

然后就把静态的三个页面切好了，在app端和web款式基础都是一般的。
假如你用的是近来的weex脚手架，web的index.html内里须要引入dist目次内里对应的index.web.js和vendor.web.js，而不是网上weex-hackernews-master项目内里引的weex-vue-render等js。（不然是不能零丁运转的）

vendor.web.js内里兼容了我们运用的weex组件和模块，有兴致的能够去研究一下。

最先实在还挺顺遂的，然则中心遇到了许多题目，重要列出以下几点吧

封装的模块和组件

刚最先拿到项目的时刻，想的照样少了。weex只是处置惩罚了他支撑的组件和模块，所以我们本身封装的就须要本身做兼容了/(ㄒoㄒ)/~~。

这里要说的一点是weex-ui也是处置惩罚过了，比方wxc-slider-bar三端基础无差别。

比方我们这边的登录模块，h5是一套登录组件，app内里是微博的登录模块。由此还牵涉的有相干的要求要领、后端接口处置惩罚等。

款式

这部份真的三端基础是高度一致的，部份微调一下就能够了，也恰是如许，我们后续才敏捷处理h5和pc。

总结

上面模块那部份因为触及项目，我是简朴几笔带过，实在这块真的是挺贫苦的，祝人人顺遂吧。

此次我们是有pc、h5、两个app的两头，实际上是6端，时候也是挺紧的，所以末了基础照样h5、pc保护一套，app再保护一套。

终究不是谈谈三端一致了，也是真的体验了一次，虽然末了有点相差，然则下次基础是没题目了(doge)。

想用但还没有去实践过的，真的能够去试试了。

末了迎接批评交流学习啊，假如喜好就请点个赞~~