如果你会编程,略懂前端编程知识,学习小程序知识,开发一个小程序不难。
如果你是小白,不懂编程,零基础,这确实很难开发一个小程序。
开发小程序需要掌握很多知识,我们看到的、在用的小程序,只是小程序的冰山一角。小程序还有后端功能与之交互,用户信息数据的备份,服务器的搭建,服务器的选配,域名的购买,SSL证书的申请等,这些你都要具备。
虽然要掌握的知识比较多,如果你有强烈的兴趣和足够的执行力去坚持,开发属于自己的小程序就显得微不足道。作为一个有6年开发微信小程序的程序员,把我学习小程序开发的经历,跟大家说说。同时,这也是我为这么多年开发做一次内容的整理,想学习开发小程序的伙伴值得收藏。
微信小程序无需下载、触手可及、用完即走、无需卸载
小程序经常用到的前端知识点:
描述:用于定义一个网页结构的基本技术。
资源:https://developer.mozilla.org/zh-CN/docs/Learn/HTML多看官方文档,多看几遍,遇到问题时再看
1.基础知识要过关,如:时间绑定、ajax请求、异步回调,搞清楚小程序外是怎么交换2.通读一遍官方文档,看看都有哪些东西,都能干什么3.多敲代码,看到例子、别人的demo下载下来运行,看原理和结构4.多写多看、熟能手巧小程序性能优化实践(官方视频教程)基于实际开发场景,由资深开发者分享小程序性能优化的各项能力及应用实践,提升小程序性能表现
https://developers.weixin.qq.com/community/business/course/000606628dc2e86dc0ddcbb115940dhttps://github.com/charleslo1/weapp-cookie
wxapp-lock – 微信小程序手势解锁 https://github.com/demi520/wxapp-lockhttp://weapp.socket.io ☆500+ – http://socket.io 风格的 websocket 类库<a href="https://github.com/weapp-socketio/weapp.shttp://ocket.io"> https://github.com/weapp-socketio/weapp.socket.iowxMD5 – 微信小程序 MD5 库 https://github.com/youngjuning/wxMD5wxBase64 – 微信小程序base64 库<a href="https://github.com/youngjuning/wxBase64"> https://github.com/youngjuning/wxBase64cue – A WX Compontent Tools https://github.com/WARJY/cuesol-weapp ☆300+ -微信小程序营销组件:红包雨、大转盘等营销组件 https://github.com/sunniejs/sol-weapp/we-debug – 一款灵活、易于拓展的微信小程序调试工具 https://github.com/dlhandsome/we-debugweapp-qrcode – 微信小程序生成二维码工具 https://github.com/tomfriwel/weapp-qrcodecheers-mp-router – 精巧强大的小程序原生路由 https://github.com/bigmeow/cheers-mp-routerwx-updata – 微信小程序官方 setData 替代品,只修改 data 中你希望修改的部分https://github.com/SHERlocked93/wx-updata
three-platformize – 一个让 THREE 平台化的项目,已适配微信、淘宝、头条小程序 https://github.com/deepkolos/three-platformize抖音一键去水印小程序: Taro + 微信云开发 https://github.com/terryso/super9
redhat123456/upPhysicalExercise – up体能训练小程序(健身训练、观看视频、制定计划于一身的综合小程序) https://github.com/redhat123456/upPhysicalExerciseredhat123456/Tanger_query – 查询小程序(查询各种各样的信息的小程序) https://github.com/redhat123456/Tanger_querymark420524/question – 学习答题小程序,诗词歌赋小工具-早晚答小程序 https://github.com/mark420524/question云笔记<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%91%E7%AC%94%E8%AE%B0/hotapp-notepad-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%91%E7%AC%94%E8%AE%B0/hotapp-notepad-master五险一金计算 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%94%E9%99%A9%E4%B8%80%E9%87%91%E8%AE%A1%E7%AE%97人脸检测 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E4%BA%BA%E8%84%B8%E6%A3%80%E6%B5%8B/weapp-face-detect-master剪刀石头布 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%89%AA%E5%88%80%E7%9F%B3%E5%A4%B4%E5%B8%83/weapp-demo-websocket-master备忘录开发 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%A4%87%E5%BF%98%E5%BD%95/todolist-master大转盘 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%A4%A7%E8%BD%AC%E7%9B%98/tianmao易打卡 表单设计 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%98%93%E6%89%93%E5%8D%A1%20%E8%A1%A8%E5%8D%95%E8%AE%BE%E8%AE%A1/app涂鸦 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E6%B6%82%E9%B8%A6/graffiti电影日历 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%94%B5%E5%BD%B1%E6%97%A5%E5%8E%86/calendar-movie画布:时钟 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%94%BB%E5%B8%83%EF%BC%9A%E6%97%B6%E9%92%9F/weCanvasClock-master语音跟读<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%AF%AD%E9%9F%B3%E8%B7%9F%E8%AF%BB/wxreading-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%AF%AD%E9%9F%B3%E8%B7%9F%E8%AF%BB/wxreading-master货币汇率 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B4%A7%E5%B8%81%E6%B1%87%E7%8E%87/currencyRate-master跑步 地理位置 计时器 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B7%91%E6%AD%A5%20%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%20%E8%AE%A1%E6%97%B6%E5%99%A8/weChatApp-Run-master身份证查询<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BA%AB%E4%BB%BD%E8%AF%81%E6%9F%A5%E8%AF%A2/wechat_gadget"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BA%AB%E4%BB%BD%E8%AF%81%E6%9F%A5%E8%AF%A2/wechat_gadget辩论倒计时 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%BE%A9%E8%AE%BA%E5%80%92%E8%AE%A1%E6%97%B6/timing题库:选择选项,切换至下一题 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A2%98%E5%BA%93%EF%BC%9A%E9%80%89%E6%8B%A9%E9%80%89%E9%A1%B9%EF%BC%8C%E5%88%87%E6%8D%A2%E8%87%B3%E4%B8%8B%E4%B8%80%E9%A2%98/calculate-swiperList-master首字母排序选择<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A6%96%E5%AD%97%E6%AF%8D%E6%8E%92%E5%BA%8F%E9%80%89%E6%8B%A9/wxSortPickerView-master"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%A6%96%E5%AD%97%E6%AF%8D%E6%8E%92%E5%BA%8F%E9%80%89%E6%8B%A9/wxSortPickerView-master麻将骰子:附详细教程<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%BA%BB%E5%B0%86%E9%AA%B0%E5%AD%90%EF%BC%9A%E9%99%84%E8%AF%A6%E7%BB%86%E6%95%99%E7%A8%8B/WeChat-app-dice"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E9%BA%BB%E5%B0%86%E9%AA%B0%E5%AD%90%EF%BC%9A%E9%99%84%E8%AF%A6%E7%BB%86%E6%95%99%E7%A8%8B/WeChat-app-dice答题小程序<a href="https://github.com/kesixin/QuestionWechatApp"> https://github.com/kesixin/QuestionWechatApp婚礼邀请函 https://github.com/pengMaster/marry婚礼喜帖小程序<a href="https://github.com/chenyongze/OnceLove"> https://github.com/chenyongze/OnceLovehttps://github.com/AnsonZnl/bookshelf
健康菜谱 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%81%A5%E5%BA%B7%E8%8F%9C%E8%B0%B1/caipu_weixin-master分答微信小程序 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%88%86%E7%AD%94%E5%B0%8F%E7%A8%8B%E5%BA%8F/fenda-master图书管理系统 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E5%9B%BE%E4%B9%A6%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/bookLibrary-master网易云课堂小程序 https://github.com/Data-Camp/WeApp_Demos/tree/master/%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82/wechat-Study163-master仿芒果TV https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%8A%92%E6%9E%9CTV/wechat-Development-master豆瓣图书<a href="https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B1%86%E7%93%A3%E5%9B%BE%E4%B9%A6/DouBanBookApp"> https://github.com/Data-Camp/WeApp_Demos/tree/master/%E8%B1%86%E7%93%A3%E5%9B%BE%E4%B9%A6/DouBanBookApp企业官网<a href="https://github.com/yaoshanliang/weapp-ssha"> https://github.com/yaoshanliang/weapp-ssha篇幅有限,内容太多,写到这里已经3万字,后面的几大部分也要很大篇幅拓展详细讲讲。
内容将会持续更新,如果对内容感兴趣,可以看这 小程序学习资源大全指南 - 江雨凡小程序开发