微信小程序(一)

最近没事,研究一下微信的小程序,小程序也是火了很久的微信快应用。最火的时候应该是微信的跳一跳出现的时候,那时候人人都在跳一跳,小弟当时也是很迷恋这个应用的。也许很多大佬从当时就有研究过小程序的开发,但是小弟现在才开始接触,应该也不晚。下面就简单介绍一下吧!!!

小程序简介:

微信小程序是运行在微信环境中的应用,不能移植到其他平台使用。微信有专门的开发工具和开发语言,而且还提供丰富的API,可以让小程序与手机硬件及微信进行交互,如:访问手机存储,开启摄像头,获取当前微信用户,使用微信支付,向微信发消息等。
简单的说小程序就是一个APP,只是他是在微信中运行而已。

小程序开发:

微信小程序开发需要具备基本的前端知识,HTML,css,JavaScript这三种是前端的基础,而小程序开发使用的微信自己的开发语言,wxml,wxss,这两种是微信自创的小程序开发语言,相当于HTML,css。JavaScript也只使用核心,没有浏览器中使用的复杂。
这就是小程序开发的必备条件。

开发工具安装:

小程序开发工具是微信团队自己开发的一个工具,我们可以根据自己的操作系统进行安装。开发工具下载
下载后按步骤进行安装,完成后桌面会出现开发工具的快捷方式,如果没有在自己安装的路径下将其发送至桌面创建快捷方式。

开发工具介绍:

这是开发工具在桌面的显示图标,名称也是很好理解的。
在这里插入图片描述
进入程序是如下界面:这里是新建项目的基本设置,需要注意的就是项目名称最好使用英文,目录就自定义到自己所要放项目的目录文件中,AppID如果没有而且我们只是用来测试的话,我们可以使用测试号,系统会生成一个测试使用的ID号,其他的默认就好。
在这里插入图片描述
我们新建好项目后进入开发界面,下面图中标注了窗口的重要展示分区,我们的代码书写,调试等都在下面的窗口进行。
在这里插入图片描述

新建小程序:

新建一个小程序,其文件夹中必然包含5个元素:
在这里插入图片描述
其中pages文件夹里面保存的是我们的显示界面,因为我们的小程序是有一个个界面组成,那么这个文件夹中就是每个页面的源代码,我们之后的工作基本也是在这个文件夹进行页面的操作。而app.js,app.json,app.wxss三个程序是原始的,名称不能更改。
这就是新建小程序最初的结构。
app.js:其中的App()函数是用来注册一个小程序,接收一个对象,其中的onLaunch()会在打开应用时执行。这个参数接收的object对象还有onShow()是在小程序从后台进入前台是触发的函数,onHide()是在小程序从前台进入后台时触发运行的。我们还可以自己定义一些我们想要的函数,也可以写到里面。
app.json:这个文件是一个json格式的,是对整个小程序进行全局配置,可以进行小程序的页面组成配置,小程序的页面颜色,导航条样式等。这个文件不能添加任何注释,否则无法编译
app.wxss:同css一样是对页面的内容进行一定的渲染,这里主要是对wxml进行渲染。

以上就是小程序的入门简介和基本框架构成。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值