建议第一步,看完uni-app官网的首页介绍。 It is recommended that the first step is to read the introduction of the homepage of uni-app official website.
建议第二步,通过快速上手,亲身体验下uni-app。 It is recommended that the second step is to experience uni-app for yourself through Quick Start.
- 看完这篇白话uni-app
- After reading this vernacular uni-app
- DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https://learning.dcloud.io
- DCloud cooperates with vue to provide free video tutorials on the vue.js official website, and you can also go directly to the tutorial address: https://learning.dcloud.io
- 不需要专门去学习小程序的语法,uni-app使用的是vue的语法,不是小程序自定义的语法。
- There is no need to learn the syntax of the MiniApp. uni-app uses the syntax of Vue, not the syntax of the MiniApp.
参考三方总结https://segmentfault.com/a/1190000015684864 Refer to the tripartite summary https://segmentfault.com/a/1190000015684864
目前各大视频学习网站都有不少uni-app的学习资源: At present, major video learning websites have many uni-app learning resources:
- bilibili的uni-app相关视频
- bilibili's uni-app related videos
- 腾讯课堂的uni-app相关课程
- Tencent Classroom's uni-app related courses
- 网易课堂的uni-app相关课程
- NetEase Classroom's uni-app-related courses
- 慕课网uni-app相关课程
- MOOC uni-app related courses
如下是三方专业培训机构的视频教程 The following is the video tutorial of the tripartite professional training institution
- 《uni-app 商业级应用实战》,出品人:腾讯课堂NEXT学院。亮点:腾讯课堂官方出品;不懂 vue 的工程师也可快速学习;从入门到实战都包括。
- 《2023 uni-app 小兔鲜儿小程序项目》,出品人:黑马程序员。亮点: Vue3+TS+Pinia 最新技术栈课程。
- 《uni-app 跨平台应用开发教程》,出品人:hcoder 刘海君,课时:共25节。亮点:讲师经验丰富,也是graceui框架作者。
- "Uni-app Cross-Platform Application Development Course", Producer: hcoder Liu Haijun, class hours: 25 lessons in total. Highlights: The lecturer is experienced and is also the author of the graceui framework.
- 《uni-app 实战教程 - “悦读”项目实战》,出品人:hcoder 刘海君
- "uni-app practical tutorial - "Yuedu" project combat", Producer: hcoder Liu Haijun
- 《uni-app实战社区交友类app开发》,出品人:帝莎IT学院。适用人群:具备Html+Css+Javascript基础知识。
- "Uni-app actual combat community dating app development", Producer: Desha IT Academy. Applicable people: Have basic knowledge of Html+Css+Javascript.
- 《uni-app仿小米商城实战》,出品人:帝莎IT学院。首页使用nvue开发,目前支持app端和小程序端。
- "The uni-app imitation of Xiaomi Mall",Producer: Desha IT Academy. The homepage is developed using nvue, and currently supports app and MiniApp.
- 《uni-app多端调试环境配置》,出品人:帝莎IT学院。
- "Uni-app Multi-terminal Debugging Environment Configuration", Producer: Desa IT Academy.
- 《uni-app实战仿微信app全栈开发》,出品人:帝莎IT学院。
- "Uni-app actual combat imitation WeChat app full-stack development", Producer: Desha IT Academy.
- 《uni-app实战视频点播app小程序》,出品人:帝莎IT学院。
- "uni-app actual combat video on demand app MiniApp",Producer: Desha IT Academy.
- 《uni-app 5小时快速入门》,出品人:meHaoTian
- "Uni-app 5 Hours Quick Start", Producer: meHaoTian
- 《uni-app实战直播app全栈开发》,出品人:帝莎IT学院
- "uni-app actual combat live app full-stack development", Producer: Desha IT Academy
- 《uni-app博客实战开发教程》,出品人:卢小兵
- "Uni-app Blog Practical Development Course", Producer: Lu Xiaobing
- 《uni-app快速入门到社区论坛项目多端开发实战》,出品人:千锋教育
- "Uni-app Quick Start to Community Forum Project Multi-end Development Practice", Producer: Qianfeng Education
- 《uni-app新手入门》,出品人:蓝桥云课
- "Introduction to uni-app Beginners", Producer: Lanqiao Cloud Course
- 《uniapp 原生插件开发-android》,出品人:朱哲
- "Uniapp Native Plugin Development-android", Producer: Zhu Zhe
- 《uniapp 原生插件开发-iOS》,出品人:朱哲
- "Uniapp Native Plugin Development-iOS", Producer: Zhu Zhe
- 《雪狐uni-app+阿里直播实战项目开发第一季》,出品人:雪狐网
- 《2024新课uniapp Vue3 零基础入门到项目打包》,出品人:咸虾米_
- 《2022新课uniapp Vue2 零基础入门到项目打包》,出品人:咸虾米_
-
北京大学出版社:uni-app跨平台开发与应用,从入门到实践
-
Peking University Press: uni-app cross-platform development and application, from entry to practice
-
清华大学出版社:Vue.js核心技术解析与uni-app跨平台实战开发
-
Tsinghua University Press: Vue.js core technology analysis and uni-app cross-platform development
-
中国铁道出版社:移动应用开发——基于UNI-APP框架
-
China Railway Press: Mobile Application Development - Based on UNI-APP Framework
-
中国水利水电出版社:保姆级uni-app多端跨平台开发从入门到企业级实战
-
China Water Resources and Hydropower Press: Nanny-level uni-app multi-terminal and cross-platform development from entry to enterprise-level actual combat
如果你是线下培训机构,想开课合作,联系bd@dcloud.io If you are an offline training institution and want to start a course cooperation, contact bd@dcloud.io
欢迎更多人分享学习经验,可转载到社区,优秀的文章我们会收录在本文中。 More people are welcome to share their learning experience, which can be reprinted to Community. Excellent articles will be included in this article.
掌握uniCloud,进阶全栈,详见:https://uniapp.dcloud.io/uniCloud/learning Master uniCloud, advanced full stack, see: https://uniapp.dcloud.io/uniCloud/learning
uni-app并不难学,但我们注意到很多新人在适应各个平台的规则限制时比较急躁。 uni-app is not difficult to learn, but we noticed that many newcomers are impatient when adapting to the constraints of each platform.
每个端,有每个端的管理规则,这不是uni-app在技术层面上可以抹平的: For each end, there are management rules for each end, which is not something that uni-app can smooth out on a technical level:
- 比如H5端的浏览器有跨域限制;
- For example, the browser on the H5 side has cross-domain restrictions;
- 比如微信小程序会强制要求https链接,并且所有要联网的服务器域名都要配到微信的白名单中;
- For example, the WeChat MiniApp will require HTTPS links, and all server domain names to be connected to the Internet must be assigned to the WeChat whitelist;
- 比如App端,iOS对隐私控制和虚拟支付控制非常严格;
- For example, on the App side, iOS is very strict on privacy control and virtual payment control;
- 比如App端,Android、国产rom各种兼容性差异,尤其是因为谷歌服务被墙,导致的push、定位等开发混乱的坑;
- For example, various compatibility differences between App, Android, and domestic roms, especially because Google services are blocked, resulting in the development of push, positioning and other chaotic pits;
遇事耐心,不急不躁,虽然这不是成功的唯一要素,但它是你技术路上长远走下去的基础。 Being patient and not impatient is not the only factor for success, but it is the foundation for your long-term technical journey.
通过评测对比,我们知道uni-app的性能比其他小程序开发框架好,但底层原理是什么? Through evaluation comparison,we know that the performance of uni-app is better than other MiniApp development frameworks, but what is the underlying principle? 这篇视频就是讲解uni-app框架底层的实现思路和优化策略:《uni-app框架如何实现高性能》 This video is to explain the underlying implementation ideas and optimization strategies of the uni-app framework: How to achieve high performance in the uni-app framework