微信小程序
文章平均质量分 65
炽天使_1985
大家好,我现在在培训行业,熟悉的领域为javaEE、前端开发、Android、H5、PHP、Unity3D、 大数据、机器学习等
展开
-
08 WXML-渲染
一,列表渲染 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件Page({ data: { array: [{ message: 'foo', }, { message: 'bar' }] }})例1:<view wx:for="{{array}}"> {{index}}: {{item.message}}原创 2017-12-29 10:54:41 · 292 阅读 · 0 评论 -
17 数据缓存
一,全局变量(1)在app.js设置globalData的变量App({ onLaunch: function () { this.globalData.id = "51" }, globalData: { id: null, name:null, passwd:null }})(2)在使用页面获得保存参数 1,获取应用实例;2,获得实例变量co原创 2018-01-05 10:47:51 · 365 阅读 · 1 评论 -
12 WXS-基础类库
一,consoleconsole.log 方法用于在 console 窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。二,Math数学计算abs max min random三,JSON(1)stringify(object): 将 object 对象转换为 JSON 字符串,并返回该字符串 (2)parse(string): 将 JSON 字符串转化成对象,并返回该对象原创 2017-12-29 13:49:02 · 292 阅读 · 0 评论 -
13 高级组件
一,swiper 滑块视图容器 属性名 类型 默认值 说明 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 indicator-active-color Color 000000 当前选中的指示点颜色 autop原创 2017-12-29 14:24:53 · 254 阅读 · 0 评论 -
14 组件-表单
一,form 将组件内的用户输入的switch, input,checkbox, slider, radio, picker 提交当点击 表单中 formType 为 submit 的 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 属性名 类型 说明 report-submit Boolean 是否返回 formI原创 2017-12-29 14:39:54 · 210 阅读 · 0 评论 -
15 网络
一,wx.request 发起网络请求 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 请求的参数 header Object 否 设置请求的 header,header 中不能设置 Referer。 metho原创 2017-12-29 15:30:56 · 241 阅读 · 0 评论 -
11 WXS-模块
WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内一,模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。二,wxs 文件创建 .wxs 文件,在其中直接编写 WXS原创 2017-12-29 11:25:57 · 476 阅读 · 0 评论 -
10 WXML-引用
WXML 提供两种文件引用方式import和include一,import import可以在该文件中使用目标文件定义的template(1)item.wxml 中定义了一个叫item的template<!-- item.wxml --><template name="item"> <text>{{text}}</text></template>(2)在 index.wxml 中引用原创 2017-12-29 11:11:39 · 529 阅读 · 0 评论 -
09WXML-模板
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用一,定义模板name 属性,作为模板的名字。然后在内定义代码片段<template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view></templat原创 2017-12-29 11:00:44 · 165 阅读 · 0 评论 -
07 WXML-数据绑定
一,简单绑定 数据绑定使用 Mustache 语法(双大括号)将变量包起来(1)内容<view> {{ message }} </view>Page({ data: { message: 'Hello MINA!' }})(2)组件属性<view id="item-{{id}}"> </view>Page({ data: { id: 0 }})(3)控制属性原创 2017-12-29 10:44:42 · 217 阅读 · 0 评论 -
04 生命周期
01生命周期介绍 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。从前台切换到后台,从后台切换到前台的触发就是生命周期函数。App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。 属性 类型 描述 触发时机 onLaunch Fun原创 2017-12-28 16:23:07 · 182 阅读 · 0 评论 -
03 app.json 配置
01 app.json 配置 app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" },原创 2017-12-28 16:00:26 · 316 阅读 · 0 评论 -
02小程序代码构成
01小程序代码构成page:页面构成 utils:工具类 json : JSON 配置文件wxml: 模板文件 wxss : 样式文件 js :逻辑文件02JSON 配置 项目的根目录有一个 app.json app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内原创 2017-12-28 15:10:44 · 406 阅读 · 0 评论 -
01 小程序介绍、申请、创建、部署
01小程序介绍、申请、创建、部署小程序介绍微信小程序(wei xin xiao cheng xu),简称小程序,缩写XCX,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。申请点击注册原创 2017-12-28 14:55:49 · 579 阅读 · 0 评论 -
06 路由
一,打开新页面(1)wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面代码:wx.navigateTo({ url: 'test?id=1'})(2)navigator 页面链接代码 <navigator url="/page/navigate/navigate?title=navigate" open-type="navigateTo">原创 2017-12-28 23:52:43 · 249 阅读 · 0 评论 -
05 初级组件
一,view 视图容器。<view class=""></view>二,scroll-view 可滚动视图区域。 属性名 类型 默认值 说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许横向滚动 scroll-top Number 设置竖向滚动条位置 scro原创 2017-12-28 17:30:20 · 244 阅读 · 0 评论 -
16 图片
一,chooseImage 从本地相册选择图片或使用相机拍照 参数 类型 必填 说明 count Number 否 最多可以选择的图片张数,默认9 sizeType StringArray 否 original 原图,compressed 压缩图,默认二者都有 sourceType StringArray原创 2017-12-29 15:53:25 · 256 阅读 · 0 评论