微信小程序学习笔记(入门篇)

简介: 微信小程序学习笔记(入门篇)

1.文件说明

.js   定义局部事件  Page
app.js    定义全局事件  App
app.json  全局配置文件  
app.wxss  全局页面渲染

2.一键整理代码快捷键

shift+alt+f

3.变量的使用

在.js的data中定义变量
  text:"这是内容"
在.wxml中调用变量
  <text>{
  {text}}</text>

4.事件的定义

.wxml中给按钮调用btnClick点击事件
  <button type="primary" bindtap='btnClick'>按钮</button>
.js中的Page中定义btnClick点击事件
  btnClick:function(){
    console.log("你点击了按钮")
  }

5.动态更改text变量内容

this.setData({text1:"内容1",text2:"内容2"})

6.获取变量

var isText = this.data.text

7.if的使用

<!--
 show=true  显示
 show=false 隐藏
-->
<view wx:if="{
  {show}}">内容</view>

8.if else的使用

<!--
 show1=true       显示内容1
 show1=false show2=true   显示内容2
 show1
目录
相关文章
|
2月前
|
小程序 Devops 开发工具
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
|
13天前
|
监控 小程序 前端开发
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
|
13天前
|
移动开发 小程序 安全
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
|
18天前
|
小程序
微信小程序快速入门 - 10分钟入门
微信小程序快速入门 - 10分钟入门
8 0
|
2月前
|
小程序 Java 编译器
性能工具之JMeter 微信小程序 WebSocket 脚本入门
【5月更文挑战第12天】性能工具之JMeter 微信小程序 WebSocket 脚本入门
45 1
|
7天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的在线答题微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的在线答题微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
21 3
|
11天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的校园导航微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的校园导航微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
24 4
|
12天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的课堂考勤微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的课堂考勤微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
12天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的校园顺路代送微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的校园顺路代送微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
12天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的校园约拍微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的校园约拍微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)