微信小程序

最新推荐文章于 2024-07-30 13:02:28 发布

小王同学WLW

最新推荐文章于 2024-07-30 13:02:28 发布

阅读量332

点赞数

原文链接：https://blog.csdn.net/qq_41464123/article/details/105198163 ，作者博客https://blog.csdn.net/qq_41464123

版权

JS（页面逻辑）、JSON（页面配置）、WXML（页面结构）、WXSS（页面样式表）

1.json(页面配置)

navigationBarTitleText 就是显示在小程序最上方的标题名称。

页面中配置项在当前页面会覆盖总的app.json的中相同的配置项。

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "大众点评",
    "navigationBarTextStyle":"black"
  },

2.WXML（页面结构）

WXML其实就是HTML，是框架设计的一套标签语言

最常用的双向数据绑定：

index.wxml

<view class="container">
  {{msg}}
</view>

index.js

Page({
  data: {
    msg:'hello zwz',
  },
  onLoad: function () {

  }

3.WXSS（页面样式表）

WXSS和CSS一样，是一套样式语言，WXSS在实际开发过程中，拥有绝大部分CSS的内容。

WXSS中独有的rpx单位——可以根据屏幕宽度进行自适应。

4.JS（页面逻辑）

用来存放后端逻辑代码的

/**
   * 生命周期函数--监听页面加载
   */
  onLoad:function(options){

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady:function(){

  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow:function(){

  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide:function(){

  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload:function(){

  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh:function(){

  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom:function(){

  },
  /**
   * 用户点击右下角分享
   */
  onShareAppMessage:function(){

  },

转载于：https://blog.csdn.net/qq_41464123/article/details/105198163 ，
作者博客https://blog.csdn.net/qq_41464123