【通识篇】小程序上手开发实践总结

如何快速上手一门技能?🤔

第一步:阅读官方文档;【加强主观能动性】

第二步:查看相关教程视频;【充分理解】

第三步:文档总结沉淀【变成自己脑子里的东西】

Why

为什么要上手小程序开发

最简单直接的原因:市场需要!其他原因如下:

  • 免安装,使用方便
  • 依托流量平台,打开率高,易搜索,易发现,易分享
  • 开发成本低,开发周期短

Before

前置技能

🚀 强烈推荐先掌握前端基础(HTML, CSS, JS ),尤其是 VueReact 框架,能提升开发效率。

  • 提效,就像老婆饼和老婆没有任何关系,但是我们知道了前者是吃的,后者是伴侣之后,就能明显区分出来
  • 原生小程序中【以微信小程序为例】的wxml、wxss、js等文件信息就能够更好过渡衔接,不用再花费更多的时间成本
  • Vue/React的掌握,则能够帮助我们更好的上手跨端开发

How

如何开始上手?

🎤 先刷官方文档!先刷官方文档!先刷官方文档!

🚉 接着,方法步骤如下:

原生开发

🚀 直接下载官方的开发者工具,参照官方提供的文档、视频教程和语法开始自己的创作和疯狂输出。

  • 优点:上手相对容易,开发语法与api均能在文档中查到;出问题更容易定位和解决。
  • 缺点:代码量大、组件少、语法不灵活、开发效率很低,且不同小程序平台语法不同。

框架开发【Vue/React全家桶】

优点:

  • 使用代码更少甚至是直接使用现成的代码,采用前端编程语法和框架,提高了开发效率与代码的可维护性,使得代码更简洁。🤔
  • 界面库如腾讯的 weui 、有赞的 vantUI。直接按照文档学习、引入文件,选择自己需要的组件,搬运代码即可。🦾
  • Vue搭子:腾讯的 wepy、uniapp 、美团 mpvue 均可使用类似前端vue开发框架的语法;
  • React搭子:阿里的 remax ,京东的 taro【不查不知道,一查吓一跳~😅】

缺点:

  • 问题的排查成本高,容易掉头发;
  • 框架本身有bug或着无法支持的功能等【最经典的就是某平台改了xx语法或使用方法,适配开发者们哀嚎大哭(举个栗子而已🤕)】。

跨端开发【当下比较流行的,简历上经常要求的】

优点:

  • 一套代码,可多端发布【即在多个平台同步发布一个小程序。跨端开发框架使得写一套代码即可自动生成支持多个平台的小程序和h5页面。】
  • 举个栗子:如uniapp(语法简单、组件库和插件丰富、生态好,受新手与vue开发者喜爱)
  • 再举个例子:如remaxtaro (受react开发者喜爱)和chameleon(👻未实践过,写文章过程中搜出来的,感兴趣的jym可以尝试一下)均支持,部分还支持条件编辑(针对不同平台编写特殊逻辑)。

缺点:

  • 存在学习时间成本(不过也不算成本把,毕竟有大厂兜底🤣)

Faster

低代码开发

一个可视化页面平台,通过拖拽组件、输入配置来改变组件的样式和行为,再自动生成代码

优点:

  • 几乎就是没有代码,连cv都替你省去了
  • 举个栗子:如腾讯的WeDa

云开发

优点:

  • 不用自己搭建后台,就能使用数据库和操作数据库的函数。只会前端?也能开发一个完整的小程序。

缺点:

  • 全干工程师就是你🤣

好了,以上就是最近在使用Uniapp开发时,上手过程中的思考和总结。 还等什么?赶紧装进自己的脑袋里~🐵

相关推荐
华清远见IT开放实验室15 小时前
嵌入式系统化课程 学习内容与服务说明
linux·stm32·学习·嵌入式·全栈·虚拟仿真·测评中心
tianxiaxue121 小时前
微信小程序如何跟企微互通
微信小程序·小程序·企业微信
Greg_Zhong1 天前
微信小程序中canvas绘制面积图,解决手机和模拟器都能渲染不溢出问题
微信小程序·小程序canvas绘制面积图
鹏程十八少1 天前
6. 2026金三银四 面试官最爱的 Binder:一次拷贝、Activity 启动流程,这篇全搞定
前端·面试·前端框架
Java后端的Ai之路1 天前
React 快速入门到精通教程:从零基础到能写项目
前端·react.js·前端框架
光影少年2 天前
中级前端需要会的东西都有那些?
前端·学习·前端框架
kyriewen2 天前
React Hooks原理:为什么不能写在if里?揭开Hook的“魔法”面纱
前端·react.js·前端框架
军军君012 天前
数字孪生监控大屏实战模板:交通云实时数据监控平台
前端·javascript·css·vue.js·typescript·前端框架·echarts
十一.3662 天前
012-014 对state的理解,初始化state,react中的事件绑定
前端·react.js·前端框架