小程序学习2 常用小程序概念以及代码实现

1. 数据的绑定以及样式和事件的绑定,和if else的使用

```
<view class="usermotto" bindtap=‘clickMe‘>
<text class="user-motto">{{motto}}</text>
<text wx:if="{{isShow}}">show</text>
<text wx:else>aaaa</text>
```

可以不用else
for 循环

```
<view wx:for="{{rund}}" wx:for-item="item" wx:key="idx">
<text>{{item}}</text>
</view>
```

3. 界面的跳转有返回键的.

```
onTap:function(){
wx:navigateTo({
.url:"../../pageTeo",
success:function(){

}

})
}
//替换 没有返回键
onTap:function(){
wx:redirectTo({
.url:"../../pageTeo"
})
}

冒泡事件:点击子元素的事件 父元素的事件也会响应
bindtap 冒泡
catchtap 非冒泡

4:导入数据

```
var data = require(‘./data.js‘)
module.export=data
```

5;使用模板文件template 有样式和xml

```
<template name=‘a‘>
<view>...</view>
</template>
应用:xml
<import src="template/template.xml"/>
<template is="a"/>
```

上线小程序 ,今天坐哪~解决打麻将不知道该坐哪的痛苦~比较粗糙哈哈哈哈~

原文地址:https://www.cnblogs.com/allenxieyusheng/p/8945118.html

时间: 2024-11-13 09:34:09

小程序学习2 常用小程序概念以及代码实现的相关文章

微信小程序学习一 微信小程序的四个基本文件

微信小程序有四种类型的文件 js 类型文件 小程序的逻辑代码文件 小程序对js es6的处理比较友好,基本上我们的es6语法都需要使用babel插件去转化成es5(具体是什么原因,自己可以去了解一下),对于es6特定的api还需要使用polyfill去处理,但是小程序的开发工具和内置基础库内置基础库,全部都已经给你处理了,这一点非常pretty. json 类型文件 在小程序中json文件一般都是配置文件 导航栏背景颜色 导航栏标题文字内容 窗口的背景色 等都由json文件配置,json配置文件

第三章--Win32程序的执行单元(部分概念及代码讲解)(中-线程同步

学习<Windows程序设计>记录 概念贴士: 1. 同步可以保证在一个时间内只有一个线程对其共享资源有控制权.PS:共享资源包括全局变量.公共数据成员或者句柄等. 2. 临界区内核对象和时间内核对象可以很好地用于多线程同步和它们之间的通信. 3. 线程同步必要性:当多个线程在同一个进程中执行时,可能有不止一个线程同时执行同一段代码,访问同一段内存中的数据.多个线程同时读取共享数据没有问题,但是如果同时读写,情况就不同,也许会产生极大的错误.(如:程序CountErr).解决同步问题,就是保证

微信小程序学习指南

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

微信小程序学习Course 9 云开发功能

微信小程序学习Course 9 云开发功能 微信小程序提供了一套免费的云开发功能API函数,虽然容量小,但足够我们个人用户使用以及学习了.下面简单介绍一下. 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥. 目前提供三大基础能力支持: 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码 数据库:一个既可在小程序前端操作,也能

小程序学习(二)

今天继续学习小程序,上次讲到小程序中的视图容器,接下来要说的是关于第二大部分:基础内容 基础内容中也包括了三部分:1.icon 2.text 3.progress icon:图标 属性名 类型 默认值 说明 type String   icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear size Number 23 icon的大小,单位px color Color

小程序学习 (一) 入门准备

最近小程序又开始火了起来,小程序的门槛降低了很多,毕竟从小程序正式面世到现在,确实没有太好的反馈,使用者也不是很多. 之前小程序刚刚上线的时候,我也了解过一些,不过后面因为各种原因,也没有火起来,也就没有去深入研究.不过从目前来看,腾讯还是有大力发展小程序的心的,我也来研究一下,准备着手做一个小程序.这个小程序主要是提供给女性使用的,用来记录女性大姨妈的.做这个小程序的主要原因是当时不知道做什么小程序,后来和老婆聊天,不知怎么说到了这个点,就决定做一个这样的小程序. 开发小程序,首先要做一些准备

小程序学习(四)小程序逻辑层之注册页面

小程序学习(四)小程序逻辑层之注册页面 注册页面(Page) 小程序页面的注册,是通过 Page()  函数来完成的.接受一个 object 参数,指定页面的初始数据,生命周期.事件处理函数等. object 参数的属性: 属性 类型 描述 data Object 页面的初始数据 onLoad Function 生命周期函数--监听页面加载 onReady Function 生命周期函数--监听页面初次渲染完成 onShow Function 生命周期函数--监听页面显示 onHide Func

知了堂学习笔记-微信小程序框架

开发者文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html 一.文件结构 小程序包含一个描述整体程序的app和多个描述各自页面的page. 一个小程序主题部分由三个文件组成,必须放在项目的根目录, 如下: app.js                   必填               小程序逻辑 app.json                必填              小程序公共设置 app.wxss    

微信小程序学习Course 2 事件

微信小程序学习Course 2 事件 事件是用来打通逻辑层与视图层的枢纽,我们一般在视图层(WXML文件)对某个控件绑定事件函数,在逻辑层(JS文件)编写事件函数代码. 2.1 事件类型 小程序中有两类事件 1.冒泡事件:当一个组件的事件被触发时,该事件会向父节点传递数据. 2.非冒泡事件:当一个组件上的事件被触发时,该事件不会向父节点传输数据. 2.2 事件绑定 事件的绑定比较简单,在视图层中增加类似如下代码,事件通常有两种开头,一种时bind以他开头代表普通模式:另一种是catch开头,他会