从 0 到 1 开发微信小程序(零):序章

从 0 到 1 开发微信小程序(零):序章

这是「从 0 到 1 开发微信小程序」系列的第零篇,我是字节莫。

前言

背景

最近我在研究微信小程序,作为从未接触过前端开发的小白,几天时间,从 html 都不懂到能写出令自己满意的小程序(水准不算太低,自定义组件、动画、云开发什么的都用上了),一路上坎坎坷坷走了不少弯路,也积累了一些经验。在这里分享出来,希望能帮助微信小程序初学者少走一些弯路、少踩一些坑。

目标人群

这是一份写给从未接触过前端开发的朋友的微信小程序光速入门指南

对于拥有前端开发基础的朋友,大可不必看这份指南。如果实在有兴趣,可以掠过讲前端知识的部分,直接看有关微信小程序独有部分的讲解(一般在各篇文章的后半部分)。微信小程序其实与 H5 异曲同工,或者可以说是魔改版的 H5 。

所谓 “光速入门” ,我写这个系列的初衷是为了帮助没有前端基础的小程序初学者快速入门小程序开发,让他们避免一些小程序的坑,少走一些弯路;所谓 “从 0 到 1” ,即在这个过程中只有选择性地学习小程序开发过程中常用到的一些前端知识而不完整地学完网页开发三剑客,至于如果所学尚不足以实现需求、想要完成从 1 到 100 的过程,就要靠自己系统性的学习前端知识和不懈的努力了,因为后面的路是专业前端的路,已经和微信小程序本身没有太大关系了。

微信小程序的前景

以我愚见,我认为即使是在如今微信和苹果在小程序 / 小游戏问题上无法达成有效共识、造成小程序的能力限制比较大(比如 iOS 端无法调用虚拟支付等)的情况下,微信小程序仍然是比较理想的跨平台方案。尤其是对个人开发者而言。

对微信生态玩家而言,当公众号有限的用户交互和服务形态在触及微信生态的天花板后,微信小程序显然能成为扩展边界的力量,这是其一;对于个人开发者而言,开发简单、轻量级、跨平台、无需下载安装、无需更新的 “App / 游戏” ,这在开发个 App 还要提交一堆的应用商店的五六年前来看,简直就是不敢想象的事情,这是其二;对用户而言,频次不高、轻量化的需求不必在手机里保留一个 app ,微信小程序点开即用、用完即走,无疑是非常理想的存在形态,这是其三。

以上就是我看好小程序的三大主要原因。

写作计划

本系列大致按照如下部分进行讲述,写作计划可能会在写作的过程中进行调整。下方的目录随时更新,已有超链接的部分代表对应的文章已经发布,可以点击阅读。

  • (一):初步认识微信小程序的结构
  • (二):小程序的基本配置
  • (三):认识 wxml 与常用小程序组件
  • (四):认识 wxss 与第一个小程序页面
  • (五):认识 JavaScript 与第一个小程序页面的逻辑交互
  • (六):数据绑定、条件渲染与列表渲染
  • (七):实现小程序动画效果
  • (八):自定义组件开发样例:自定义顶部导航栏
  • (九):使用「小程序 · 云开发」实现小程序的后端
  • (十):小程序性能优化探索

上述的内容非常基础,但也已经涉及了开发一款小程序的绝大部分常见情形。如果把前九篇学完,就已经能够满足很多小程序的 开发需求了。

建议学习方式

微信小程序并不难,看别人写更是会觉得简单,但是当真正上手的时候还是会遇到不少坑。因此,建议大家在学完某项内容之后一定要多动手实践,注册个微信小程序并不是什么难事,或者也可以直接使用官方提供的测试账号(微信开发者工具中新建项目时可以生成临时性的测试账号)。

最重要的一点是:注重查阅官方文档注重查阅官方文档注重查阅官方文档!随着两年的发展,小程序已经拥有了较为完备的体系,所有的东西都能在官方文档中找到。同时,官方文档的更新永远是最及时的,所有新开放的小程序新能力都会第一时间出现在官方文档中。每当我想实现一个功能时候,都是到官方文档中去查阅这个功能能不能实现、实现方式、API 数据格式等等。

微信小程序官方开发文档传送门

最后

第一次写一个系列,同时我也只是业余的小程序开发,文章难免会存在错漏或是不足之处,请务必要指正,不吝感激!

下一篇:「 从 0 到 1 开发微信小程序(一):初步认识微信小程序的结构 」

点击量:7

发表评论

电子邮件地址不会被公开。 必填项已用*标注