图图的学习计划3.21

LeetCode每日一题

题目：
给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。

示例 1:
输入: 123
输出: 321

示例 2:
输入: -123
输出: -321

示例 3:
输入: 120
输出: 21

注意:
假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−231, 231 − 1]。请根据这个假设，如果反转后整数溢出那么就返回 0。

var reverse = function(x) {if(x>0){x = x+''x = parseInt(x.split('').reverse().join(''))}else{x = -x + ''x = -parseInt(x.split('').reverse().join(''))}return (x<=-Math.pow(2,31)||x>=Math.pow(2,31)+1) ? 0 : parseInt(x)};

解题思路：
数组有反转的方法所以先将整数转为字符串然后通过split方法转化为数组，将数组反转后用join拼接，在进行判断是否溢出，如溢出返回0

VUE学习

vuex

**state：**存放数据

state: {counter: 0,girl: {name: 'yy',age: 18}},//使用通过store.state<h1>{{$store.state.counter}}</h1>

**mutations：**存放一些方法

mutations: {add (state, num) {state.counter += num},jian (state, playload) {state.counter = state.counter - playload.num},xg (state) {Vue.set(state.girl, 'sex', 'girl')}}//使用通过store.commit来进行调用methods: {add () {this.$store.commit('add', 1)},jian () {this.$store.commit({type: 'jian',num: 1})},xg () {this.$store.commit({type: 'xg'})}}

mutations传值：
1.

//直接将参数加在后面
add () {this.$store.commit('add', 1)}
//第二个参数就是数据add (state, num) {state.counter += num}

//传对象的形式type就是类型要传的数据直接定义
jian () {this.$store.commit({type: 'jian',num: 1})}
//传递过来的是一个对象通过里面的属性名直接得到值
jian (state, playload) {state.counter = state.counter - playload.num}

mutations动态修改数组或者对象的值：
通过Vue.set或者Vue.delete

 xg (state) {Vue.set(state.girl, 'sex', 'girl')Vue.delete(state.girl, 'age')}

**ps：**在使用时最好将type进行抽离都写在一个js里面

export const ADD = 'add'
export const JIAN = 'jian'
//使用时import导入js
import {ADD, JIAN} from './store/mutations-type'
[ADD] () {this.$store.commit('add', 1)},
[JIAN] () {this.$store.commit({type: 'jian',num: 1})}add () {this.$store.commit(ADD, 1)},
jian () {this.$store.commit({type: JIAN,num: 1})}

**getters：**可以对数据进行一些操作

getters: {getPow (state) {return state.counter * state.counter},getNumPow (state) {return num => state.counter * num}}//使用通过store.getters<h3>{{$store.getters.getPow}}</h3>

getters传值：
通过返回一个函数来进行传值

//num是传递过来的参数getNumPow (state) {return num => state.counter * num}
//使用时加参数加入<h3>{{$store.getters.getNumPow(3)}}</h3>

actions：
经常用在异步

actions: {updateNmae (context, payload) {return new Promise((resolve) => {setTimeout(() => {context.commit('updata', payload)resolve('完成')}, 1000)})}
//使用时用dispatch
updata () {this.$store.dispatch('updateNmae', 3).then(msg => {console.log(msg)})}

modules：
导入多个store

const a = {state: {name: '我是模块'},mutations: {cadd (state, payload) {state.name = payload}},actions: {},//第三个参数可以访问到根State对象getters: {newName (state, getters, rootState) {return state.name + rootState.counter}}
}
//使用时用modulesmodules: {a}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！