学习步骤

建议第一步,看完uni-app官网的首页介绍。

建议第二步,通过快速上手,亲身体验下uni-app。

建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。

如果你熟悉h5,但不熟悉vue和小程序

看完这篇 白话uni-app

DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https://learning.dcloud.io

不需要专门去学习小程序的语法,uni-app使用的是vue的语法,不是小程序自定义的语法。

如果你熟悉小程序,但不熟悉vue

参考三方总结https://segmentfault.com/a/1190000015684864

三方培训机构视频

如下是三方专业培训机构的视频教程

《uni-app 商业级应用实战》,出品人:腾讯课堂NEXT学院。亮点:腾讯课堂官方出品;不懂 vue 的工程师也可快速学习;从入门到实战都包括。 《uni-app 跨平台应用开发教程》,出品人:hcoder 刘海君,课时:共25节。亮点:讲师经验丰富,也是graceui框架作者。 《uni-app 实战教程 - “悦读”项目实战》,出品人:hcoder 刘海君,点击领取专享优惠劵 《uni-app实战社区交友类app开发》,出品人:帝莎IT学院。适用人群:具备Html+Css+Javascript基础知识。 《uni-app仿小米商城实战》,出品人:帝莎IT学院。首页使用nvue开发,目前支持app端和小程序端。 《uni-app多端调试环境配置》,出品人:帝莎IT学院。 《uni-app实战仿微信app全栈开发》,出品人:帝莎IT学院。 《uni-app实战视频点播app小程序》,出品人:帝莎IT学院。 《0基础学unicloud开发,跨端serverless技术》,出品人:林举 《uni-app 5小时快速入门》,出品人:meHaoTian 《uni-app 快速入门 从零开始实现新闻资讯类跨端应用》,出品人:meHaoTian 《uni-app实战直播app全栈开发》,出品人:帝莎IT学院 《uni-app博客实战开发教程》,出品人:卢小兵 《uni-app快速入门到社区论坛项目多端开发实战》,出品人:千锋教育

目前各大视频学习网站都有不少uni-app的学习资源,更多资源请点击搜索链接:

腾讯课堂的uni-app相关课程 网易课堂的uni-app相关课程 bilibili的uni-app相关视频 慕课网uni-app相关课程 如果你是线下培训机构,想开课合作,联系bd@dcloud.io

欢迎更多人分享学习经验,可转载到社区,优秀的文章我们会收录在本文中。

uniCloud的学习资料

详见:https://uniapp.dcloud.io/uniCloud/learning

关于各端的管理规则需要耐心学习

uni-app并不难学,但我们注意到很多新人在适应各个平台的规则限制时比较急躁。

每个端,有每个端的管理规则,这不是uni-app在技术层面上可以抹平的:

  • 比如H5端的浏览器有跨域限制;

  • 比如微信小程序会强制要求https链接,并且所有要联网的服务器域名都要配到微信的白名单中;

  • 比如App端,iOS对隐私控制和虚拟支付控制非常严格;

  • 比如App端,Android、国产rom各种兼容性差异,尤其是因为谷歌服务被墙,导致的push、定位等开发混乱的坑;

  • 如果你的App要使用三方sdk,比如定位、地图、支付、推送…还要遵循他们的规则和限制;

遇事耐心,不急不躁,虽然这不是成功的唯一要素,但它是你技术路上长远走下去的基础。

uni-app的底层框架实现原理及优化策略(高级)

通过评测对比,我们知道uni-app的性能比其他小程序开发框架好,但底层原理是什么?

这篇视频就是讲解uni-app框架底层的实现思路和优化策略:《uni-app框架如何实现高性能》

参考资料

https://uniapp.dcloud.io/resource