![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 51
lith__romantic
此人很懒。
展开
-
微信小程序06 条件渲染与列表渲染
一、条件渲染(一)wx:if在小程序中,使用wx:if="{{condition}}"来判断是否需要渲染该代码块。<view wx:if="{{condition}}">True</view>也可以用wx:elif 和 wx:else来添加else判断:<view wx:if="{{type === 1}}">男</view><view wx:elif="{{type === 2}}">女</view><view原创 2022-04-13 09:33:02 · 1558 阅读 · 0 评论 -
微信小程序05 事件绑定与事件传参
一、什么是事件(一)定义事件是渲染层(页面)到逻辑层(JS)的通讯方式,通过事件可以将用户在渲染层的行为,传递到逻辑层进行事务处理。事件对象可以携带额外信息,如 id, dataset, touches。(二)小程序中常用的事件类型绑定方式事件描述tapbindtap或者bind:tap手指触摸后马上离开,类似于HTML中的click事件inputbindinput或 bind:input文本框的输入事件changebindchange或bind:cha原创 2022-03-28 11:40:12 · 6211 阅读 · 0 评论 -
微信小程序04 数据绑定
一、数据绑定的基本原则1、在data中定义数据即在页面对应的.js文件中,把数据定义到data对象中即可2、在 wxml 中使用数据把data中的数据绑定到页面中渲染,使用Mustache(相当于插值表达式)将变量包起来即可,语法格式为:<view>{{要绑定的数据名称}}</view>举例:在js文件中的data中定义数据:Page({ /** * 页面的初始数据 */ data: { info:'hello world' }}原创 2022-03-07 11:59:55 · 10000 阅读 · 1 评论 -
小程序API的三大分类
小程序官方将API分成三大类:一、事件监听API特点:以on开头,用来监听某些事件的触发比如:wx.onWindowResize(function callback)监听窗口尺寸变化的事件二、同步API特点: 1.以Sync结尾2.同步API的执行结果,可以通过函数返回值直接获取,如果执行出错就会抛出异常。比如:wx.setStorageSync(‘key’,‘value’)向本地存储中写入内容。三、异步API特点: 类似于jQuery中的$.ajax(options)函数,需要通过suc原创 2022-03-07 10:43:56 · 474 阅读 · 0 评论 -
微信小程序实现长按内容选中
小程序实现长按文本选中之前用的是selectable属性,此属性已经废弃现在使用user-select属性 该属性默认值为false,生效时会使文本节点显示为 inline-block(内联对象)原创 2022-02-05 11:52:57 · 2356 阅读 · 1 评论 -
微信小程序03 组件(视图容器view 、scroll-view、swiper属性及实现轮播图效果 )
一、常用的视图容器组件(一) viewview组件是一个普通的视图区域,相当于Html中的div,是块级元素。基本使用:1.实现flex横向布局效果首先,在页面的wxml文件里写如下内容:<!--pages/page1/page1.wxml--><text>我是page1</text><view class="c1"> <view>A</view> <view>B</view>原创 2022-01-21 11:11:29 · 2165 阅读 · 2 评论 -
微信小程序学习笔记02 WXML/WXSS/JS 及其和 HTML /CSS的区别
一、WXML 和 HTML 的区别:WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。与HTML相似,区别如下:1.标签名称不同① html中有 (div span img a)等标签② wxml中有( view text image navigator) 等标签2.属性节点不同html:<a href="#">超链接</a>wxml:<navigator url="/page原创 2022-01-17 14:42:45 · 1780 阅读 · 0 评论 -
微信小程序学习笔记01 小程序目录结构详解
小程序的目录结构详解原创 2022-01-14 17:43:23 · 1976 阅读 · 0 评论