
小程序学习路线 | 26 年最新零基础到精通一条龙(万人收藏⭐️)
编程导航学习网站:学编程、做项目、拿 Offer!
企业高频面试题库:开始刷题,面试遇原题!
精选简历模板大全:1 分钟搞定简历!
AI 资源导航网站:获取最新 AI 黑科技!
1 对 1 模拟面试:随时随地提升面试能力
建议先观看:
- 鱼皮的《小程序入门》视频教程:https://www.bilibili.com/video/BV1WA411N75W
- 鱼皮的《利用 AI 开发学习英雄小程序》视频教程:https://www.bilibili.com/video/BV1yMn3zuE7L/
- 鱼皮的《使用跨端框架开发小程序》视频教程:https://www.bilibili.com/video/BV1vM4m1R7K3/
开篇介绍
小程序是运行在 APP 中的一种随用随开的程序,是前端开发领域的应用形态之一,就像 PC 网站、H5 网站和 APP 一样。
小程序开发其实非常简单,一句话:只要你会前端,就会开发小程序!
关于前端开发的详细学习,可以查看 前端开发学习路线
为什么要做小程序?
从几个角度来说明:
1)用户角度:使用方便
相信只要用过小程序的同学,都能感受到它的方便,不用安装、随用随开、还能通过分享链接打开,这点完胜 APP。
但是小程序的用户体验一般是不如 APP 的,毕竟受到了宿主(比如微信 APP)的限制。
2)开发角度:开发成本低
开发小程序和开发一个网页的语法、流程和方法几乎完全一致,所以上面也说了,只要你会前端,就会开发小程序。此外,目前小程序的开发工具和生态都比较完善,也可以降低开发难度。
3)产品角度:上线成本低
小程序不需要在各个应用商店提交审核,就可以快速上线。虽然也要在小程序平台审核,但个人感觉比在应用商店过审方便一些。
4)老板角度:省钱
小程序前端运行在宿主 APP 里,不用单独购买一个服务器来部署前端(当然,后端还是需要服务器的)。
5)运维角度:更安全性
因为小程序是运行在宿主 APP 里(比如微信或支付宝),所以运行时会受到严格的安全限制,前端几乎不用担心被攻击。
6)运营角度:流量大,容易裂变
这可能是越来越多开发者选择小程序最重要的原因,小程序可以利用宿主 APP 本身的流量,打开率高、易被搜索发现、也容易被传播分享。
如果你要快速上线一个自己的产品,不止有能用、还要考虑运营、数据分析、推广裂变、运维,那么小程序无疑是最合适的,没有之一!火爆的 “羊了个羊” 就是最好的例子,但凡要下 APP 或者只是个网站,传播速度都不会有朋友圈那么快。
我相信大家也经常在朋友圈刷到洗脑小游戏的广告吧,小游戏赚钱猛的咧。
7)求职角度(面向薪资编程):对前端同学来说是加分项
大多数公司是没有 “小程序开发” 这一岗位的,一般都统称为前端开发。如果你是一名前端开发同学,已经做过了 PC、H5 网站,不妨尝试做一个自己的小程序,拓宽一下自己的实践边界。
小程序生态
小程序依赖 APP 环境作为宿主,国内互联网大厂基本都有自己的小程序,可谓是百家争鸣。
比如微信小程序、支付宝小程序、百度小程序、抖音小程序、爱奇艺小程序等等。。。
但毫无疑问,微信作为国内早期的小程序入局产品,流量最大、小程序最多,所以如果你要学习小程序开发的话,强烈推荐从微信小程序开始学起。
本学习路线也是以微信小程序开发为主,学会一个,别家都会了。
开发小程序的几种方式
这里鱼皮应该是把所有的主流开发方式都分享出来了,每种方式都有自己的优缺点,要根据实际情况去选择:
1、原生开发
所谓 “原生”,就是不加任何封装和修饰的,官方提供的语法,基本等同于前端三件套 HTML + CSS + JS。
优点:
- 最直接、上手相对容易,开发用到的语法和 API 都能在文档中查到。
- 因为不存在封装,所以出了问题更容易定位和解决。
缺点:
- 可用组件少、语法不灵活、很多东西都要自己手写,会导致代码量大、开发效率低。
- 不同小程序宿主 APP 的语法会有一些区别,开发跨 APP 小程序成本更高。
2、框架开发
在原生开发的基础上,使用别人开发好的、现成的框架和组件库,比如 mpvue 框架和 Vant-weapp 组件库。
优点:
- 写更少的代码,使得代码更简洁,能提高开发效率和代码的可维护性。
- 小程序框架和前端框架的语法极为相似(甚至接近一致),减少学习成本,提高了开发效率。
缺点:
- 有些框架封装得太好了,不深入了解它的话,问题的排查成本高
- 框架不一定能覆盖你所有的需求,一旦遇到框架无法支持的语法时,就容易束手无策
- 框架的更新迭代速度太快了,更新框架后可能会出现新 Bug
3、跨端开发
跨端开发是指:只编写一套代码,通过框架或工具自动帮你生成支持多个平台的小程序,甚至是其他产品形态,比如 H5 页面、APP 等。
比较有代表性的跨端开发框架就是 Uniapp、还有 Taro。
优点:只用编写和维护同一套代码,大幅节约开发成本
缺点:跨端开发框架并不能完美适配所有平台,还是要针对不同的平台编写一些补丁代码,而且和框架开发一样,一旦后期才发现某个功能不支持你需要的那个平台,可能已经无力回天了(更换跨端开发框架成本太大),所以前期的技术选型真的很重要。
4、低代码开发
所谓低代码(或者零代码),就是写最少的代码(甚至是不写代码),通过在一个可视化页面上进行拖拉拽、编写一些配置,就能开发出一个小程序。
比如腾讯的 WeDa、钉钉的宜搭等等。
优点:开发成本极低,甚至连复制粘贴都不用!
缺点:别人给你封装的工具如果太好用,不仅你学习不到什么开发经验,而且和跨端开发一样,出了 Bug 你可能根本无从下手。
5、找别人开发
最省事的开发方式就是找别人做!早在几年前,就有各种小程序定制的服务商了。而近几年,微信也推出了自己官方的小程序服务市场。如果你不是为了学习、只是希望有一个小程序,那么去 [微信服务市场](https://fuwu.weixin.qq.c
