小白入手mui的学习路线

学习资源

• 0Hich的网校视频

• 东翌学院视频

• 51CTO学院-张伟芝老师视频

• 猿团视频

• E家课堂视频

• 网友YanRong的心得

• 滴石App开发者的心得

• 小青年博客

• hCoder视频教程网——MUI前端框架开发教程

• hCoder视频教程网——HTML5+开发教程

学习路线

当我列出上面的这些网址，我发现其实文档并不算少，但是新手为啥感觉还是很难呢？我们会发现一个问题，官方文档很分散，或许分散了导致开发者每次遇到问题查找文档的范围可能或许片面，其实也许他把所有的看完了就会找到答案，但是一般人恐怕没那么耐心吧，还有新手根本就没有一个清晰的思路，所以很难快速去找到自己需要的文档，所以我想官方文档需要统一化具体化。

而且把这些大致浏览一下会发现内容真多，光html5+里面的标准就那么多，一个个去认真学习完到猴年马月去了，mui组件也那么多，难道也要一个个学习？还有native.js、流应用等等，感觉太多东西了，是不是瞬间觉得头大了，哈哈，人总是有点偷懒的，如果有人帮我们写好现成的我们直接用那就好了，于是dcloud这块想了很多办法让开发者去开心开发，hbuilder丰富的语法提示、代码快捷键、真机调试、演示demo等等，mui提供了丰富的组件，如果熟悉这些，开发起来还是很快的。

前提是熟悉了以后才会爽，如果不熟会感觉什么，学的东西太多，比如熟悉hbuilder都要一段时间，然后熟悉html5+，native.js，页面布局和写逻辑功能，对于新手来说，门坎儿并不小，这也是为啥很多新手喜欢吐槽的原因。因为当开发者熟悉了基本流程，会发现dcloud这边相对其他平台来说更开放，个人可定制空间更大，正因为越发开放，那么可以应用的场景更加广泛，自然开发者问题更多，这也希望有能力的开发者能够去完善整个开发生态链。

这里给各位的建议是先熟悉html5+的常用api，比如webview，你只有对html5+里面的webview有所了解，才能理解为什么mui里面会去封装一些原生实现的组件如双webview的上拉刷新，tabbar多子页面底部导航等。mui里面的这些组件通过对html5+ webview的封装，极大的提升了app的性能。由于用hbuilder打包的app默认包含html5+ rumtime，所以当你使用hbuilder构建app项目时候，无论你是否引用mui文件，无需引用任何其他文件，你都可以调用html5+ api和native.js。也就是说即使你不用mui，只用html5+提供的api，然后自己书写html，css，js文件就可以打包生成一个app。

当然考虑到大部分人时间精力有限，为了让开发者有较快的开发速度，官方提供了mui框架，mui框架拥有丰富的组件，可以极大的提高开发效率。根据hello mui演示app提供的demo，开发者可以快速构建一个自己的app。

mui是基于html5+构建的框架，所以对于mui中提供的原生组件，其适用环境是app中的原生组件webview，并不能在浏览器中运行，如果想用mui构建浏览器上的手机站点，只能使用mui中基于h5的组件。对于原生实现的组件，mui都有对应的h5实现，所以开发者可以做合理的处理，在书写较少代码的情况下，实现多端发布。

流应用是dcloud这边很有创新的一个产品，流应用基于HTML5+技术，可达到原生应用的体验。同时基于DCloud专利的流式发行和更新技术，可以大幅压缩安装包并实现边下边用。让App可5秒内完成下载、启动。目前拥有6亿手机用户的360手机助手已经集成了DCloud的流应用引擎，可以发行流应用。建议对dcloud的产品有个大致了解后再实践这块的内容。

所以我给新手的学习路线是hbuilder = > html5+ = > mui = > 多端发布和流应用，当熟悉了这边的产品链以后开发起来会快很多，像hbuilder,html5+开始可以简单看看，了解基本的东西就可以。用mui的话至少得有基本的前端基础吧，再怎么样也得会基本的css布局和js基础吧，如果没有这些基础，先花点时间学一下基础或许更好。不要相信那种什么从零开始一周开发app的广告词，没有基础，也很难说做一个体验极好的app。

如果有原生开发经验的开发者一定会理解java在android中或者Objective-C在ios中的地位，做跨平台app开发，其实主要还是在于js功底，特别是原生js水平，所以如果js基础一般的开发者还是要不断加强学习，这里给的建议跟着hello mui里面的例子学，看官方人员是怎么写的，自己学着写，然后也可以在业余时间去研究一下基础。相信假以时日，你会发现你的js水平也会不断提高。

文章转自：https://segmentfault.com/a/1190000005173713