微信小程序入门-优快云博客

本文介绍了微信小程序的基础知识，包括事件的定义、使用方式和常见API，强调了事件作为视图层到逻辑层通信的重要角色。同时，概述了小程序页面的四层结构（js、wxml、json、wxss）及其各自作用，并列举了一些常用的微信API，如页面跳转、提示框和网络请求等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

上面的是官网,我的内容是在官网上找的和自学的,官网上的肯定比我的全面,我这上面主要是给自己用的,记录一些常用方法,面试题等等

注意,我写的并不完善,主要是为直接上手的写的,不定时更新

什么是事件

事件是视图层到逻辑层的通讯方式。
事件可以将用户的行为反馈到逻辑层进行处理。
事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
事件对象可以携带额外信息，如 id, dataset, touches。

事件的使用方式

在组件中绑定一个事件处理函数。

事件的使用:

bindtap === onClick

如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

<view id="tapTest" data-hi="Weixin" bindtap="tapName"> Click me! </view>

在相应的Page定义中写上相应的事件处理函数，参数是event。

Page({
  tapName: function(event) {
    console.log(event)
  }
})

目录结构:

一个小程序页面由四个文件组成，分别是：

文件类型必需作用
js 是页面逻辑
wxml 是页面结构
json 否页面配置
wxss 否页面样式表

文件类型	必需	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表

常用的微信API:(js封装的一些功能函数)

wx.navigateTo(Object object) 页面跳转

wx.navigateBack(Object object)关闭当前页面，返回上一页面或多级页面。

wx.showToast(Object object)显示消息提示框

wx.showModal(Object object)显示模态对话框(提示框,确定,取消)

wx.showLoading(Object object)loading框

wx.request(Object object)发起 HTTPS 网络请求。