小程序学习纪实1

2021/6/26 20:57:02

本文主要是介绍小程序学习纪实1,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录
  • 小程序前端开发实战
    • 前期工作
    • 小程序代码框架

更新时间:2021年6月26日

说明:写作此系列有两个目的,①复习微信小程序开发技术(前端+后端);②为微信小程序初学者提供一些帮助。以后一定要养成通过写博客记录学习过程的好习惯,不然时间长了真的会忘……

我学习的课程是“学堂在线”上的学做小程序——实战篇:树洞小程序

axlsdtkl/wechat-mini这是下面这位大佬上传到github上的treehole项目,如果觉得跟着视频敲代码太慢了,可以下载下来跟着课程阅读源码。

课程前三章分别是:①课程导论;②如何开始第一步;③产品原型设计实践,如果想系统地了解开发一个微信小程序的过程,这部分内容还是有必要学习下的。我们从第四章开始学习。

小程序前端开发实战

这一章介绍了微信小程序开发者工具的使用、小程序代码框架、以及html+css+js的入门知识。

小程序前端开发推荐工具包括

  • 微信开发者工具(小程序开发工具)
  • iconfont-阿里巴巴矢量图标库(小图标获取网站)
  • CSS取色器(在线获取/查看颜色)

前期工作

微信小程序的接入流程包括:注册;小程序信息完善;开发小程序;提交审核和发布。

开发小程序前要先完成小程序注册。进入注册页面微信小程序,按照步骤完成:帐号信息;邮箱激活;信息登记三步。之后扫码登录,并完善小程序信息,点击下图中的开发设置可以查看AppID,类似微信小程序的“身份证号”。

打开微信开发者工具,选择小程序项目,填写表单后创建小程序。如果不使用云开发技术,就选择“不使用云服务”选项。

点击“新建”,进入开发界面。快捷键Alt+Shift+F可以格式化代码。开发者文档微信开放文档可以帮助我们完成小程序的开发。

⭐开始 | 微信开放文档

小程序代码框架

微信小程序实质上是一款基于web技术的应用程序。微信小程序 ≈ 网站前端,他们使用的开发语言,代码结构以及代码的运行机制是一样的。

微信小程序代码框架介绍

⭐小程序代码构成 | 微信开放文档

待续……



这篇关于小程序学习纪实1的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程