2017年05月_xiaochun365

原创微信小程序 template添加绑定事件

对于模板的使用，我是想将模板的事件单独出来，其他引用模板的页面中不再掺杂模板事件，比较方便管理，如果还有其他好的解决办法，请赐教。template.wxml<view bindtap="clickView" class="tempClass">temp模板</view>template.jsvar temp = { clickView: function () { console.lo

2017-05-25 16:35:38 13387 2

原创 ES6 Object.assign()

克隆：var a = { a: 1, b: 2 }var b = Object.assign({}, a)console.log(b) //Object {a: 1, b: 2}融合：var a = { a: 1, b: 2 }var b = { c: 3, d: 4 }var c = { e: 5, f: 6 }var d = Object.assign(a, b, c)console

2017-05-24 14:56:32 468

原创 ES6 Promise

本文是在阅读了别人的博客后，加入自己的理解写下的，如有理解错误的地方还请告知，谅解~ 1.定义： Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法. 2.简单例子import es6 from '../helper/es6-promise' var p = new es6.Promis

2017-05-19 17:46:01 544

小程序中函数体还没有完成，下一个函数就开始执行了,而且两个函数之间需要传参。那是因为微信小程序函数是异步执行的。但微信小程序增加了ES6的promise特性支持，微信小程序新版本中移除了promise的支持，需要自己使用第三方库来自行实现ES6的promise特性。//WxService.jsimport Tools from 'Tools'import es6 from '../assets/p

2017-05-18 18:19:07 2320

原创 ES6 字符串

1.字符串大小写转换method.toLowerCase()method.toUpperCase()2.字符串b是否在字符串a中出现str.indexOf(stringb) !== -13.ES6 又提供了3种新方法str.includes("a") //返回布尔值，表示str是否找到了参数astr.startsWith("a") //返回布尔值，表示是否在str的

2017-05-16 18:22:15 5677

原创 ES6 格式化字符串

ES6中允许使用反引号 ` 来创建字符串，此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。var num = Math.random()console.log(`生成一个随机数：${num}`)

2017-05-16 16:00:38 4859

原创 ES6 增强的对象字面量

啥叫对象字面量？字面量表示如何表达这个值，一般除去表达式，给变量赋值时，等号右边都可以认为是字面量。字面量分为字符串字面量(string literal )、数组字面量(array literal)和对象字面量(object literal)，另外还有函数字面量(function literal)。var people{ work(){ console.log('wo

2017-05-16 15:54:07 479

原创 ES6 类的继承

ES6，继承，super，extends

2017-05-16 15:29:46 426

原创 ES6 for of

for of 值遍历 let array = [‘a’,’b’,’c’,’d’] for(var v of array){console.log(v)} //a,b,c,d for(var i in array){console.log(i)} //1,2,3,4

2017-05-16 14:42:53 245

原创 ES6 箭头操作符 =>

类似于C#的lambda表达式，操作符左边的是输入的参数，而右边则是用来进行操作以及返回的值 input =>outputslet array = ['a','b','c']//传统写法array.forEach(function(v,i){ console.log(v)})//ES6array.forEach((value,index) =>{ console.

2017-05-16 14:36:27 1387

原创 ES6 类的输入输出

**export,import 命令**var name = 'xiaoChun'var age = '22'export name//引用import name from '../test.js'var name = 'xiaoChun'var age = '22'export {name,age}//引用import {name,age} from '../test.js'**整

2017-05-16 13:56:10 1191

原创 ES6 解构赋值

数组的解构赋值 let [a, b] = [12, 13] let [a, [b, c], d] = [13, [15, 16],] let [a, [[b], c]] = [78, [[12], 23]] let [x, y] = [1, 3, 5] // x = 1,y = 3 let [x, y, ...z] = ['a'] //x = a,y = und

2017-05-15 15:39:15 246

原创 ES6 const

1.const声明一个只读的常量。一旦声明，常量的值就不能改变。const PI = 3.14PI = 2.142.对于const来说，只声明不赋值，就会报错。const PI;3.const的作用域与let命令相同：只在声明所在的块级作用域内有效。if(true){ const MAX = 5}MAX4.const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用

2017-05-12 17:59:50 303

原创 ES6 do表达式

{let t = 123}console.log(t) //thirdScriptError在块级作用域以外，没有办法得到t的值，因为块级作用域不返回值，除非t是全局变量let x = dolet t = 123}console.log(x.t)变量x会得到整个块级作用域的返回值。

2017-05-12 17:32:22 1450

原创 ES6 let var 暂时性死区

变量提升 var 在变量定义前可以调用console.log(age) //undefinedvar age = 2let在变量定义前不可调用console.log(name) //ReferenceErrorlet name = 'tom'暂时性死区（temporal dead zone，简称 TDZ）下面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局

2017-05-12 16:56:48 499

原创 ES6 let var 语法区别

let 关键字只在let命令所在的代码块内有效。var a = []for(let i = 0;i < 10;i++){ a[i] = function(){ console.log(i) }}a[6]() //6var 关键字在全局范围内都有效var a = []for(var i = 0 ; i < 10; i++){ a[i] = fu

2017-05-12 16:21:06 643

原创微信小程序 "enablePullDownRefresh" 下拉刷新无效

“enablePullDownRefresh”: “true” 在 Page 中定义 onPullDownRefresh 处理函数，监听该页面用户下拉刷新事件。需要在 config 的window选项中开启 enablePullDownRefresh。当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。这个问题困惑了挺长时间，在群里提问也没能找打答案

2017-05-08 10:23:02 34999 4

原创微信小程序上拉下拉不会断

先感谢’行渐远’的分享最开始看到效果图，不错，第一想到的是用做的，添加浮动层，然后设置浮动层高度。其实不然，大牛是”enablePullDownRefresh”: “true”后，在页面添加遮掩层，并跟随底部滑动即可。（感觉自己IQ该充值了）上代码news.wxml<view class="top">下拉刷新</view><view> </view>news.w

2017-05-08 09:00:09 1464 3

原创微信小程序图片宽高自适应

<image src="url" class="imgClass" model="aspectFit" bindload="imageLoad" />1.以前将小程序图片宽度设置为屏幕宽度：imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth

2017-05-05 16:29:16 5803

原创微信小程序 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 19115 5

原创微信小程序 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 11764 1

原创微信小程序表单验证

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 27585 23

原创微信小程序 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 3412

xiaochun365的博客