时隔两年,我开始学习微信小程序了~~仿小米手机天气预报

前言:

两年前,小程序出来时,我并不感兴趣,因为那时我在学习Android,根本没时间去研究小程序,那时并不看好小程序,因为各种限制;时隔两年,小程序已经很火了,所以还是跟着时代走吧!

 

一、学习小程序离不开官方文档,从注册小程序到入门,官网都有很详细的介绍;

微信小程序开发相关资料:

小程序官方文档:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2018313

 

小程序官方开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=20171117

微信小程序开发资源汇总:https://github.com/justjavac/awesome-wechat-weapp

 

 

二、小程序基本概念

 

1、开发工具:为了配合小程序开发,微信专门配备了自己的开发工具,自行选择对应版本安装。

 

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报_第1张图片

2、创建项目应用:依次填好 项目目录、AppID、项目名称、最后勾选建立普通快速启动模板

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报_第2张图片

3、编写小程序:项目初始化并包含了一些简单的代码文件,其中app.js、app.json、app.wxss 这三个是必不可少的,小程序会读取这些文件初始化实例。
  app.js是小程序的初始化脚本,可以在这个文件中监听小程序的生命周期,申请全局变量和调用API等
  app.json是对小程序的全局配置,pages设置页面路径组成(默认第一条为首页),window设置默认页面的窗 口表现等

  app.wxss 是整个小程序的公共样式表。类似网站开发中的common.css

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报_第3张图片

 

 

4、创建页面:在pages目录下

 

其实说了那么多也可以查看官方简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/

 

 

三、个人小项目,边学边做---仿小米手机天气预报

效果如下:

(首页)

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报_第4张图片

 

(个人中心)

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报_第5张图片

 

github项目地址:https://github.com/zsml2016/wxProgram

 

 

 

支持我的话可以关注下我的公众号,也欢迎大家投稿~

扫一扫关注我的微信公众号:程序猿在广东

 

 

 

 

 

你可能感兴趣的:(小程序,web前端,小程序)