微信小程序
文章平均质量分 53
xiaochun365
这个作者很懒,什么都没留下…
展开
-
微信小程序 转发
onShareAppMessage,wx.showShareMenu(OBJECT),wx.getShareInfo(OBJECT),App({onLaunch(){}}),shareTicket原创 2017-08-01 17:14:52 · 34259 阅读 · 4 评论 -
微信小程序 表单验证
Wxml<form bindsubmit="formSubmit" bindreset="formReset"> <input name="name" class="{{whoClass=='name'?'placeholderClass':'inputClass'}}" placeholder="请填写您的姓名" type="text" confirm-type="next" focus="{原创 2017-05-02 12:38:32 · 27609 阅读 · 23 评论 -
微信小程序 图片宽高自适应
<image src="url" class="imgClass" model="aspectFit" bindload="imageLoad" />1.以前将小程序图片宽度设置为屏幕宽度:imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth原创 2017-05-05 16:29:16 · 5823 阅读 · 0 评论 -
微信小程序 上拉下拉不会断
先感谢’行渐远’的分享 最开始看到效果图,不错,第一想到的是用做的,添加浮动层,然后设置浮动层高度。其实不然,大牛是”enablePullDownRefresh”: “true”后,在页面添加遮掩层,并跟随底部滑动即可。(感觉自己IQ该充值了)上代码news.wxml<view class="top">下拉刷新</view><view> <!--页面正文--></view>news.w原创 2017-05-08 09:00:09 · 1475 阅读 · 3 评论 -
微信小程序 同步异步解决方案
小程序中函数体还没有完成,下一个函数就开始执行了,而且两个函数之间需要传参。那是因为微信小程序函数是异步执行的。但微信小程序增加了ES6的promise特性支持,微信小程序新版本中移除了promise的支持,需要自己使用第三方库来自行实现ES6的promise特性。//WxService.jsimport Tools from 'Tools'import es6 from '../assets/p原创 2017-05-18 18:19:07 · 2339 阅读 · 0 评论 -
微信小程序 获取用户的当前设置
// 检查接口是否可用wx.getSetting({ success(res) { if (!res['scope.record']) { // 接口调用询问 wx.authorize({ scope: 'scope.userInfo', success(res) { wx.startRecord()原创 2017-06-21 16:11:55 · 11408 阅读 · 0 评论 -
微信小程序 css控制文本行防止溢出
用于标题文本太长显示不下的场景 在微信小程序中,对view与text均有效。控制只显示2行,并以省略号结束text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;对于平时只显示一行的,代码要更加简单一些overflow: hidden; text原创 2017-06-08 17:23:08 · 783 阅读 · 0 评论 -
微信小程序 js动态给前台元素绑定事件
//js动态给前台绑定事件var myList = ["items1","items2","items3"]pageObject = {data:{ actionSheetItems:myList}}for(var i = 0;i (function(itemName){pageObject[itemName] = function(e){原创 2017-04-10 11:44:47 · 9467 阅读 · 0 评论 -
微信小程序 Html转Json转Wxml
wxml<view class="newsContainer"> <import src="../../utils/wxParse/wxParse.wxml" /> <template is="wxParse" data="{{wxParseData:content.nodes}}" /></view>jsvar WxParse = require('../../utils/wxPars原创 2017-05-02 12:31:44 · 3429 阅读 · 0 评论 -
微信小程序 判断接口是否可用并给出"弹出提示框"提示
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-04-21 15:19:49 · 3664 阅读 · 0 评论 -
微信小程序 wx.showToast()
var pageObject = { onLoad: function () { wx.showToast({ title: '成功', //标题 icon: 'loading', //图标,支持"success"、"loading" image: '../image/img.png', //自定义图标的本地路径,image 的优先级高于 ic原创 2017-04-10 13:55:03 · 64282 阅读 · 0 评论 -
微信小程序 同步请求授权
wx.authorize(OBJECT), wx.getSetting(OBJECT),微信小程序,同步请求授权原创 2017-07-19 10:22:16 · 11443 阅读 · 0 评论 -
微信小程序 rich-text a标签
rich-text,a标签,但不支持href属性原创 2017-07-17 10:31:08 · 10936 阅读 · 1 评论 -
微信小程序 rich-text
rich-text属性:nodes 类型:Array / String 结点列表 / HTML String全局支持class和style属性,不支持id属性。结点类型:type = node name 标签名 String 是 支持部分受信任的HTML结点 attrs 属性 Object 否 支持部分受信任的属性,遵循P原创 2017-07-12 18:29:25 · 16684 阅读 · 5 评论 -
微信小程序 Picker
微信小程序联盟小编,请不要再转载这种没有营养的文章好吗,我写这个文章就是想做个记录而已。原创 2017-07-12 16:22:04 · 12956 阅读 · 1 评论 -
微信小程序 获取二维码
理论:接口A: 适用于需要的码数量较少的业务场景 接口地址:(永久有效,数量有限,进入path对应的页面)https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN path String 不能为空,最大长度 128 字节 width Int 430(默认) 二维码的宽度原创 2017-06-21 15:55:21 · 17375 阅读 · 1 评论 -
微信小程序 scroll-view下拉刷新
需求描述: 1.首先我的scroll-view部分是嵌套在template内 2.应用template的页面顶部还有一个日期选择picker且位置固定 3.下拉刷新当前页面template.wxml<template name="t1"> <scroll-view class="news" scroll-y="true" upper-threshold="0" bindscrolltolo原创 2017-05-02 13:02:30 · 11783 阅读 · 1 评论 -
微信小程序 scroll-view横向滚动 坑
看到有人将scroll-top属性用在了scroll-x=true的scroll-view组件上,问题显而易见 scroll-top=”10”设置竖向滚动条位置 scroll-x=”true” 设置组件横向滚动 自己写了一个横向滚动的scroll-view scroll-x=true的组件,但是死活不滚动(我顶你个肺啊)<scroll-view scroll-x="true"原创 2017-05-05 16:06:42 · 19132 阅读 · 5 评论 -
理解javascript中的MVVM开发模式
最近几年,mvvm模式在JavaScript中开始有人实现,目前比较成熟的框架有KnockoutJS,Kendo MVVM和Knockback.js,下面我们就以KnockoutJS为例看下MVVM模式中个部分的具体职责和实例代码,同时理解使用这种模式开发的优点和缺点。Model(数据) 同其他的mv*家族成员一样,Model代表特定领域的数据或者应用所需的数据,转载 2017-04-07 10:20:03 · 679 阅读 · 0 评论 -
微信小程序 "enablePullDownRefresh" 下拉刷新无效
“enablePullDownRefresh”: “true” 在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。 需要在 config 的window选项中开启 enablePullDownRefresh。 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。这个问题困惑了挺长时间,在群里提问也没能找打答案原创 2017-05-08 10:23:02 · 35062 阅读 · 4 评论 -
微信小程序 template添加绑定事件
对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解决办法, 请赐教。template.wxml<view bindtap="clickView" class="tempClass">temp模板</view>template.jsvar temp = { clickView: function () { console.lo原创 2017-05-25 16:35:38 · 13410 阅读 · 2 评论 -
微信小程序 wx.navigateTo 应用
一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTowx.navigateTo() //保留当前页面,并打开应用内的某个页面wx.reLaunch() //打开新页面,关闭之前所有页面wx.redirectTo() //关闭当前页面,并打开应原创 2017-04-07 09:11:20 · 1120 阅读 · 0 评论 -
微信小程序 方法之间的值传递
onLoad: function () { this.getExpress("123", function (e) { console.log(e) //getExpress方法返回~})},getExpress: function (num, fn) { fn("getExpress方法返回~")}原创 2017-04-11 17:40:01 · 713 阅读 · 0 评论 -
微信小程序 动态绑定事件 且通过事件修改样式
//wxml {{item.name}} //jsvar reportTypeList = [ { name: "日报1", id: "1" }, { name: "目录2", id: "2" }, { name: "季报3", id: "3" }, { name: "月报4", id: "4" }, { name: "日报5"原创 2017-04-11 10:31:45 · 23016 阅读 · 4 评论 -
微信小程序 获取组件数据
//wxml{{menuItem.reportType}}//jstapMainMenu: function (e) { //获取当前一级菜单标识 var index = parseInt(e.currentTarget.dataset.index);}原创 2017-04-05 15:15:30 · 13158 阅读 · 0 评论 -
微信小程序 事件
事件绑定事件绑定的写法同组件的属性,以 key、value 的形式。key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstartvalue 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。 bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。事件分类tou原创 2017-04-10 15:22:35 · 550 阅读 · 0 评论 -
微信小程序 事件冒泡,bangtap,catchtap事件绑定
//wxml //jsPage({ data: { }, view1: function () { console.log("---view1 bandcatch click") }, view2: function () { console.log("--view2 bandcatch click") }, view3:原创 2017-04-10 15:17:27 · 23904 阅读 · 8 评论 -
微信小程序 wx.request()无返回结果
wx.request({ url: '', data: { openId: openId, userInfo: userInfo, systemInfo: systemInfo }, method: 'GET原创 2017-04-07 09:24:41 · 3306 阅读 · 0 评论 -
微信小程序 加载提示
加载中...this.setData({ loadingHidden: false})原创 2017-04-05 15:19:56 · 2459 阅读 · 0 评论 -
微信小程序 图片宽度自动
//js //wxmlimageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth })}原创 2017-04-05 15:07:39 · 518 阅读 · 0 评论 -
微信小程序 swiper 应用
//jsvar imgUrls = [ { image: "http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg" }, { image: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" }, { imag原创 2017-04-18 13:03:26 · 2600 阅读 · 1 评论 -
微信小程序 数据绑定/条件判断/列表渲染/shift()有坑
//获取页面组件数据var v = this.data.element//条件判断小红小绿//列表渲染第{{index}}项是:{{item}} //小程序默认索引为index,项是item,当然也可以自定义,如下:第{{myIndex}}项是:{{myItem}}//数据绑定//wxml{{element}}//js//初始化数据data:{原创 2017-04-07 16:13:26 · 1577 阅读 · 0 评论 -
微信小程序 上拉加载更多
//wxml//1.scroll-y="true" 必须要指定允许纵向滚动或横向滚动//2.bindscrolltolower (bindscrolltolower/bindscrolltoupper)绑定滚动事件//3.竖向滚动时,必须要设置scroll-view的高度,而且不能是百分比数值。 {{item.ClipTitle}}原创 2017-04-21 13:59:32 · 2826 阅读 · 1 评论 -
微信小程序 修改窗口的背景色
page { display: block; min-height: 100%; background-color: red;}//这鬼东西找半天,微信小程序官方的问答社区看到的~~原创 2017-04-21 11:25:50 · 2588 阅读 · 0 评论 -
微信小程序 template模板的使用
//模板t1.wxml {{type}} {{news.title}} //index.wxml调用模板t1 //向模板传递多个值//index.wxss调用模板样式@import "../templates/template1.wxss";//index.js调用模板js,并向模板传值require('../templates/t1.j原创 2017-04-07 17:28:30 · 4199 阅读 · 0 评论 -
微信小程序 navbar
//datatypeList: [ { name: "日报", id: "1" }, { name: "周报", id: "2" }, { name: "月报", id: "3" }, { name: "目录", id: "4" }]//js that.setData({ dateValue: util.原创 2017-04-20 16:52:56 · 3278 阅读 · 0 评论 -
微信小程序 UI样式基础
尺寸/*width: 宽*//*height: 高*//*min-width: 最小宽度*//*max-width: 最大宽度*//*min-height: 最小高度*//*max-height: 最大高度*/背景 /*background-color: 背景颜色*//*background-image: 背景图片*//*background-rep原创 2017-04-15 09:47:10 · 3900 阅读 · 0 评论 -
微信小程序 action-sheet 反馈上拉菜单
//jsvar items = ['item1', 'item2', 'item3', 'item4']var pageObject = { data: { actionSheetHidden: true, actionSheetItems: items }, actionSheetTap: function (e) { this.setData({原创 2017-04-10 13:40:02 · 4257 阅读 · 0 评论 -
微信小程序 下拉菜单
//wcss/**DropDownMenu**//*总菜单容器*/.menu { display: block; height: 28px; position: relative;}/*一级菜单*/.menu dt { font-size: 15px; float: left; /*hack*/ width: 33%; height: 38px原创 2017-04-05 15:54:48 · 4357 阅读 · 3 评论 -
微信小程序 JS逻辑部分不支持window/zepto/jquery
页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件。zepto/jquery 会使用到window对象和document对象,所以无法使用。原创 2017-04-07 09:09:13 · 1382 阅读 · 0 评论