专栏首页sktj微信小程序 Helloworld

微信小程序 Helloworld

image.png

快捷键

image.png

image.png

js 逻辑 json 配置 wxss 样式 wxml 结构文件

navigationBarTitleText窗口标题 backgroundColor 背景色

image.png

enablePullDownRefresh 下拉刷新

image.png

tabBar

image.png

控制超时时间

image.png

页面配置文件

image.png

小程序生命周期APP

onLaunch 当小程序初始化完 onShow 小程序启动 onHide

Page生命周期

onLoad: 页面加载完,一个页面调用一次,可以获取wx.navigateTo 和wx.redirectTo 和 query onShow onReady 初次渲染完 onHide onUnload onPullDownRefresh 下拉刷新

全局的数据在app.js中可以设置

globalData:{ userInfo:null }

页面中的数据设置

Page({ data: { motto: '呵呵', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo') },

绑定事件

image.png

动态设置数据

this.setData({ userInfo:userInfo })

view,image,text

image.png

判断

wx:if="{{length > 2}}" wx:else

image.png

<block wx:if=""

image.png

wx:for="{{}}" 循环

image.png

{{index}} {{item.name}}

重命名下标

image.png

for 1到10

image.png

block

image.png

使用模板

image.png

template

导入其他页面

<import src="template.wxml" />

image.png

原原本本导入其他页面include

image.png

事件类型

冒泡事件:touchstart,touchmove,touchcancel,touchend,tap,longtap 非冒泡事件:submit,input, scroll

事件绑定:bindtap

image.png

事件对象event属性

type timeStamp target

image.png

touches

image.png

detail

wxss

rpx,rem

image.png

@import "common.wxss"

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • python3 数据库编程

    用户5760343
  • Prometheus:pushgateway

    1、安装 2、启动 pushgateway --web.listen-address="0.0.0.0:9091"

    用户5760343
  • python itertools

    用户5760343
  • 小程序开发

    .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件

    达达前端
  • 从原理到实现,详解基于朴素ML思想的协同过滤推荐算法

    作者在《协同过滤推荐算法》、《矩阵分解推荐算法》这两篇文章中介绍了几种经典的协同过滤推荐算法。我们在本篇文章中会继续介绍三种思路非常简单朴素的协同过滤算法,这几...

    AI科技大本营
  • 物理层(计算机网络)

    物理层解决如何在连接在一起的各种不同计算机的传输数据媒介上传输二进制(如: 010101)比特流,就是以何种方式、哪种形态进行传输。

    WindSun
  • 互联网安全小案例

    写过一篇《互联网安全知多少》,内容主要参考了道哥的白帽子一书,本文来篇实际小案例实战下。

    曲水流觞
  • uniApp 如何解决h5跨域问题

    河湾欢儿
  • 腾讯云服务器从购买到配置(Linux系统、小白教程)

    1.首先我们来到腾讯云的官网,若是学生的话,则可以在合作与生态里选择“云+校园”这个选项↓

  • 腾讯云服务器从购买到配置(Linux系统、小白教程)

    由于试用的服务器最近要到期了,想到当初第一次配置的时候弄了挺久也碰到挺多问题的,所以打算分享(copy)出这篇笔记以供第一次配置服务器的小伙伴参考。

扫码关注云+社区

领取腾讯云代金券