小程序
_东极
少年锦时
展开
-
微信小程序开发(6)小程序的生命周期
文章目录应⽤⽣命周期⻚⾯⽣命周期 应⽤⽣命周期 属性 类型 默认值 必填 说明 onLaunch function 否 监听⼩程序初始化。 程序第一次启动时,获取用户个人信息 onShow function 否 监听⼩程序启动或切前台。用户离开程序回来时 onHide function 否 监听⼩程序切后台。 用户离开程序时 onError function 否 错误监听函数。程序代码报错 onPageNotFound function 否 ⻚⾯不存在监听函数。原创 2020-05-24 22:59:47 · 370 阅读 · 0 评论 -
微信小程序开发(5)自定义组件
文章目录创建⾃定义组件 创建⾃定义组件 类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成 新建一个文件夹,进入新建component原创 2020-05-24 22:38:09 · 319 阅读 · 0 评论 -
微信小程序开发(4)小程序的常见组件
文章目录viewtextimageswipernavigatorrich-textnodes属性button view 代替 原来的 div 标签 <view hover-class="h-class"> 点击我试试 </view> text 1.⽂本标签 2.只能嵌套text 3.⻓按⽂字可以复制(只有该标签有这个功能) 4.可以对空格 回⻋ 进⾏编码 属性名 类型 默认值 说明 selectable Boolean false ⽂本是否可选 decode B原创 2020-05-24 20:22:09 · 1551 阅读 · 0 评论 -
微信小程序开发(3)样式WXSS
文章目录rpx样式导入选择器⼩程序中使⽤less rpx 由于不同的手机在页面的大小布局不相同,因此做屏幕适配,微信提供可rpx类比px进行适配 rpx (responsive pixel): 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为 750rpx 。如在iPhone6 上,屏幕宽度为 375px ,共有750个物理像素,则 750rpx = 375px = 750物理像素, 1rpx = 0.5px = 1物理像素 。 设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度) iP原创 2020-05-24 17:36:42 · 592 阅读 · 0 评论 -
微信小程序开发(3)事件绑定
文章目录 ⼩程序中绑定事件,通过bind关键字来实现,如bindtap,bindinput,bindchange,不同的组件支持不同的事件 小案例,输入框与页面之间的事件联动 wxml <input bindinput="handleInput" /> <view>{{num}}</view> js // pages/cart/cart.js Page({ /** * 页面的初始数据 */ data: { num:0 }, ha原创 2020-05-24 15:06:40 · 897 阅读 · 0 评论 -
微信小程序开发(2) 模板语法
文章目录标签认知数据绑定动态绑定运算 标签认知 text 相当于前端中span 行内元素 view 相当于前端中 div元素 对于page.js文件 ,需要在页面上指定page,否则报错 数据绑定 动态绑定 wxml <view>{{msg}}</view> <view>{{number}}</view> <view>{{isTrue}}</view> js /** * 页面的初始数据 */ data: {原创 2020-05-23 23:05:02 · 438 阅读 · 0 评论 -
微信小程序开发(1) 基本文件以及配置
文章目录1.小程序文件结构和传统web对比2.基本的项目目录3.配置文件pageswindowtabBar页面配置sitemap配置 1.小程序文件结构和传统web对比 结构 传统web 微信小程序 样式 HTML WXML 逻辑 CSS WXSS 配置 JavaScript JSON 通过以上对比得出,传统web是三层结构,而微信小程序是四层结构,多了一层配置.json 2.基本的项目目录 pages 页面文件夹 index 页面 index.js 首页的逻辑文件 index.原创 2020-05-20 00:15:03 · 1204 阅读 · 0 评论