当前位置:首页 > JS逆向 > 小程序初识

小程序初识

一叶知秋2024-05-12 14:19:25JS逆向3

1、小程序是什么

小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

2、小程序的优势和劣势

2.1 优势

  • 容易推广
  • 使用便捷
  • 体验良好
  • 成本更低

2.2 劣势

  • 单个包大小限制为2M
  • 受微信限制。不能直接分享到朋友圈,涉及到积分或者虚拟交易的时候,小程序是不允许的
  • 发布麻烦

3、常用配置

3.1 页面配置

展示初识页面

  • entryPagePath
  • 修改app.json里面的pages的顺序
  • 添加编译模式

3.2 tabbar

tabbar中的list至少2个,最多5个

4、模版语法WXML

4.1 常用标签

  • view:相当于div
  • text:相当于span
  • image:图片
  • block:用来包裹元素

4.2 模板 template

定义时用name,使用时用is

  • import:导入模版
  • include:导入除模板以外的内容
<template name="temp">
  <view>
  price:{{price}},
  title:{{title}}
  </view>
</template>
<import src="../detail/detail"/>
<template is="temp" data="{{price:100,title:'热门'}}"/>

5、样式WXSS

  • 单位:rpx 1rpx = (屏幕宽度/750) px
  • 导入样式 import

6、小程序中的JS

修改渲染层的数据调用 this.setData()

7、程序和界面

7.1 程序

  • onLaunch 初始化,全局只调用一次
  • onShow 在小程序启动或从后台进入前台时触发的方法
  • onHide 小程序从前台进入后台时触发
  • onError 小程序发生错误时触发
  • globalData 全局数据,使用 getAPP()

7.2 界面

  • onLoad 页面加载
  • onReady 页面渲染完成
  • onShow 页面显示
  • onHide 页面不显示
  • onUnload 页面卸载

8、事件

  • bind:事件类型
  • 阻止冒泡 catch
  • 添加捕获事件 capture-bind:事件类型
  • 事件传参 data-变量 = ‘值’

扫描二维码推送至手机访问。

版权声明:本站部分文章来自互联网采集,请查看免责申明

本文链接:https://www.yyzq.team/post/338357.html

标签: 小程序
分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。