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

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

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
目录
相关文章
|
9月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
316 1
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
473 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
206 1
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
362 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4281 7
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
2548 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
4960 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
3989 11
技术小白如何利用DeepSeek半小时开发微信小程序?