xml地图|网站地图|网站标签 [设为首页] [加入收藏]

正规赌博十大app排名

当前位置:网上十大正规赌博平台 > 正规赌博十大app排名 > 自定义日期时间过滤器,微信小程序Redux绑定实例

自定义日期时间过滤器,微信小程序Redux绑定实例

来源:http://www.nb-machinery.com 作者:网上十大正规赌博平台 时间:2019-08-22 04:01

微信小程序Redux绑定实例详解,小程序redux

微信小程序Redux绑定实例详解

安装

clone或者下载代码库到本地:

git clone https://github.com/charleyw/wechat-weapp-redux

将dist/wechat-weapp-redux.js(或者拷贝minify的也可以)文件直接拷贝到小程序的工程中,例如(下面假设我们把第三方包都安装在libs目录下):

cd wechat-weapp-redux
 cp -r dist/wechat-weapp-redux.js <小程序根目录>/libs

上面的命令将包拷贝到小程序的libs目录下

使用

1.将Redux Store绑定到App上。

const store = createStore(reducer) // redux store

 const WeAppRedux = require('./libs/wechat-weapp-redux/index.js');
 const {Provider} = WeAppRedux;

Provider是用来把Redux的store绑定到App上。

App(Provider(store)({
 onLaunch: function () {
  console.log("onLaunch")
 }
}))

provider的实现只是简单的将store加到App这个global对象上,方便在页面中用getApp取出来

上面这段代码等同于:

App({
 onLaunch: function() {
   console.log( "onLaunch" )
  },
  store: store
})

2.在页面的定义上使用connect,绑定redux store到页面上。

const pageConfig = {
  data: {
  },
  ...
 }

页面的定义

const mapStateToData = state => ({
  todos: state.todos,
  visibilityFilter: state.visibilityFilter
 })

定义要映射哪些state到页面

const mapDispatchToPage = dispatch => ({
  setVisibilityFilter: filter => dispatch(setVisibilityFilter(filter)),
  toggleTodo: id => dispatch(toggleTodo(id)),
  addTodo: text => dispatch(addTodo(text)),
 })

定义要映射哪些方法到页面

const nextPageConfig = connect(mapStateToData, mapDispatchToPage)(pageConfig)

使用connect将上述定义添加到pageConfig中。

Page(nextPageConfig);

注册小程序的页面

3.说明

完成上述两步之后,你就可以在this.data中访问你在mapStateToData定义的数据了。

mapDispatchToPage定义的action会被映射到this对象上。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

微信小程序Redux绑定实例详解 安装 clone或者下载代码库到本地: git clone ...

vue2.0 自定义日期时间过滤器,vue2.0过滤器

方法一:

// template
{{a | data}}
//script
data:{
  a: Date.now()
}
filters: {
  data:function (input) {
    var d = new Date(input);
    var year = d.getFullYear();
    var month = d.getMonth()   1;
    var day = d.getDate() <10 ? '0'   d.getDate() : ''   d.getDate();
    var hour = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    return year  '-'   month   '-'   day   ' '   hour   ':'   minutes   ':'   seconds;
  }

方法二: 正则

// template
{{date | formatDate}}
//script
import {formatDate} from '../../common/js/date'
filters: {
 formatDate (time) {
  let date = new Date(time)
  return formatDate(date, 'yyyy-MM-dd hh:mm')
 }
}

//date.js
export function formatDate (date, fmt) {
 if (/(y )/.test(fmt)) {
  fmt = fmt.replace(RegExp.$1, (date.getFullYear()   '').substr(4 - RegExp.$1.length))
 }
 let o = {
  'M ': date.getMonth()   1,
  'd ': date.getDate(),
  'h ': date.getHours(),
  'm ': date.getMinutes(),
  's ': date.getSeconds()
 }
 for (let k in o) {
 if (new RegExp(`(${k})`).test(fmt)) {
   let str = o[k]   ''
   fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
  }
 }
 return fmt
}
function padLeftZero (str) {
 return ('00'   str).substr(str.length)
}

以上所述是小编给大家介绍的vue2.0 自定义日期时间过滤器,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对帮客之家网站的支持!

自定义日期时间过滤器,vue2.0过滤器 方法一: // template{{a | data}}//scriptdata:{ a: Date.now()}filters: { data:function (input) { var d = new Date(input);...

Ionic项目中Native Camera的使用方法,ionicnative

本文介绍如何在ionic项目中使用设备的camera。

Ionic版本:v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes

1)第一步是安装ionic-native/core。所有用到Native的功能,这一步不能省。npm install @ionic-native/core --save

ps:关于第一步,官方的说明是ionic-native/core是默认就包含在每一个Ionic应用里面的,注意下图中的红色矩形文字。

言外之意如果开发环境都是最新版本,期间也没有经历Ionic版本的升级,是可以忽略这一步的,不需要开发者手动安装。

图片 1

但是,在实际开发过程中,很多时候可能会遇到下面这样的问题:

图片 2

原因无非还是因为升级。。。升级。。。升级。我的项目创建是基于Ionic v2.2.2版本。但是期间经历过Ionic官方升级到v3.2.0版本。

所以解决的办法就是:

图片 3

2)其次是给自己的项目添加cordova插件。ionic cordova plugin add cordova-plugin-camera

图片 4

3)安装相应的node_moudles。npm install --save @ionic-native/camera

4)找到代码src->app下的app.moudle.ts文件, Add this plugin to your app's module。这一步可以放到最后做,但是一定不要忘。

图片 5

5)其他就是添加你如何使用Camera的代码。

图片 6

图片 7

6)编码工作完成后,就是使用Chrome测试cordova插件了。

ionic cordova platform add browser

ionic cordova run browser

不是直接ionic serve的原因参见:

图片 8

图片 9

参考:

Ionic官网:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持帮客之家。

Camera的使用方法,ionicnative 本文介绍如何在ionic项目中使用设备的camera。 Ionic版本:v3.2.0 / 2017-05-10 / MIT Licensed / Release Note...

本文由网上十大正规赌博平台发布于正规赌博十大app排名,转载请注明出处:自定义日期时间过滤器,微信小程序Redux绑定实例

关键词: