从初学者到专家：微信小程序学习第二天的实践分享

2023-12-25 12:04:22

网页布局：建筑设计师的眼睛

瓷砖的块块连接：

页面文件 定义了小程序页面的结构。就好像建筑设计师规划出了整个楼房的布局一样，页面文件负责排列页面上的组件，如文本、图片和按钮，并定义它们的属性。

Page({
  data: {
    message: 'Hello, world!'
  }
})

精美的装饰：

页面构造器 是用来构建页面内容的工具。就好似设计师在室内摆放家具，页面构造器可以用来添加、移动和调整组件的位置，从而创建出独一无二的页面布局。

<view>
  <text>{{message}}</text>
</view>

工程的艺术：

JS文件 包含了页面所需要的脚本代码。正如设计师所画的蓝图，JS文件定义了页面的行为，包括事件处理、数据操作和网络请求。

Page({
  data: {
    message: 'Hello, world!'
  },
  onLoad: function () {
    this.setData({
      message: 'Hello, world!'
    })
  }
})

协调运作：

页面JS文件 是用来书写当前页面所需要的脚本代码以及生命周期函数的。就像设计师所画的施工图，页面JS文件规定了页面的生命周期，包括页面加载、页面显示、页面隐藏和页面卸载时的行为。

Page({
  onLoad: function () {
    this.setData({
      message: 'Hello, world!'
    })
  },
  onReady: function () {

  },
  onShow: function () {

  },
  onHide: function () {

  },
  onUnload: function () {

  }
})

结语

通过学习微信小程序，您可以快速掌握构建小程序的技能，成为一名合格的小程序开发者。但是，学习任何新事物都需要时间和精力，请不要气馁，坚持下去，您终将取得成功。

实践分享

在学习了微信小程序的第二天，我决定做一个简单的计数器小程序。这个小程序允许用户点击按钮来增加或减少计数器上的数字。

代码

Page({
  data: {
    count: 0
  },
  increment: function () {
    this.setData({
      count: this.data.count + 1
    })
  },
  decrement: function () {
    this.setData({
      count: this.data.count - 1
    })
  }
})