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

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

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

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

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

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开发时,上手过程中的思考和总结。 还等什么?赶紧装进自己的脑袋里~🐵

相关推荐
知识分享小能手2 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
铲子Zzz4 小时前
Java使用接口AES进行加密+微信小程序接收解密
java·开发语言·微信小程序
前端小趴菜055 小时前
react状态管理库 - zustand
前端·react.js·前端框架
春哥的研究所11 小时前
AI人工智能名片小程序源码系统,名片小程序+分销商城+AI客服,包含完整搭建教程
人工智能·微信小程序·小程序
Thomas游戏开发11 小时前
Unity3D Boehm GC原理解析
前端框架·unity3d·游戏开发
Thomas游戏开发12 小时前
Unity3D 文件夹注释工具
前端框架·unity3d·游戏开发
攀登的牵牛花12 小时前
Electron+Vue+Python全栈项目打包实战指南
前端·electron·全栈
liangshanbo121512 小时前
微前端框架对比
前端框架
NetX行者13 小时前
基于Vue 3的AI前端框架汇总及工具对比表
前端·vue.js·人工智能·前端框架·开源
伍哥的传说13 小时前
H3初识——入门介绍之常用中间件
前端·javascript·react.js·中间件·前端框架·node.js·ecmascript