吹个波波玩波波

吹个波波玩波波 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

吹个波波玩波波 提出了问题 · 10月16日

怎么用flex实现这种布局?

image
如图……
父元素元素未知(比如100px)
子元素宽度已知且固定(比如10px),多余部分均匀间隔开来
如果用space-between的话上面那行正确,下面那行就不对了
flex-start感觉是对的,但是子元素宽度不知如何设置
flex-basis:33.3% 实现不了,有点懵
求大神指点

关注 6 回答 5

吹个波波玩波波 提出了问题 · 5月18日

解决正则表达式,匹配特定字符/邮箱匹配

我有一个js匹配邮箱的正则:

/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,})$/;

能匹配基本邮箱规则,比如:GG886886@qq.com
但是我发现这个也能匹配中文句号标点:GG886886@qq。com
于是尝试改变规则,使用unicode:

/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\u002E([A-Za-z]{2,})$/;

也不行。
不是期望的结果,网上找了很多资料也未果

求大佬答疑解惑。

关注 4 回答 3

吹个波波玩波波 回答了问题 · 2019-03-23

在JavaScript框架内是否可以引入JavaScript库进行开发

当然可以。
你可以在根目录下的index.html引入相应的js库:
<!DOCTYPE html>
<html>
<head>

<script data-original="url"></script>

<head>
<html>

也可以从npm安装,安装完成后在框架内引入(import)并使用(Vue.use)。

关注 3 回答 3

吹个波波玩波波 提出了问题 · 2019-03-23

解决如何获得多层嵌套剪头函数的返回值?

问题描述

项目基于vue + vuex
在vuex中有一个多层嵌套请求函数,想要获得中间某一层的返回值

相关代码

const store = new Vuex.Store({

actions:{
    main(context, payload){
        childA().then(() => {
            ...
            childB().then(() => {
                ...
                if(payload == "planA"){
                    get().then(result => {
                        //do something
                        //我想要这里有一个返回值return
                        return "A";
                    });
                }
            });
        });
    }
}

});

想要在实例中获得返回值,但没有成功
//index.vue
export default {

mounted:function(){
    this.main('planA');
},
methods:{
    async main(status){
        let statcode = await this.$store.dispatch('main',status);
        console.log(statcode) //undefind,期待返回一个'A'
    }
}

}

自己也觉得代码问题不小,但翻了一些资料还没找到解决办法……
请大佬指导学习一下

关注 1 回答 1

吹个波波玩波波 提出了问题 · 2018-12-13

解决Vue中动态添加Class

在项目中有个v-for循环出来的列表,循环对象在computed周期里
现在想对这个列表添加点击事件,点击时添加一个class,但是并没有立即成功(更新dom?),要在别的地方触发别的事件(如果有的话)才有反应。

下面附上代码:
html:

<div class="col-5" v-for="(item,index) in arr">
      <p v-bind:class="{'selectActive':item.checked}" v-on:click="isActive(item)" :key="item.id">{{item.text}}</p>
    </div>
  </div>

js:

export default {
    name: 'App2',
    data () {
        return {
            //由于一些需求,arr不能写在这
        }
    },
    methods:{
        isActive:function(item,status){
            console.log(item.checked)
            if(typeof item.checked == 'undefined') {
                this.$set(item,'checked',true);
            } else {
                item.checked = !item.checked;
            }
            console.log(item.checked)
        },
    },
    computed:{
        arr:function(){
            return [
              {text:"A"},
              {text:"B"},
              {text:"C"},
              {text:"D"}
            ]
        },
    }
}

css:

.col-5 {
    float:left;
    width: 25%;
    color:#fff;
}
.col-5 p {
    background: #000;
    line-height: 50px;
    text-align: center;
}
.col-5 p.selectActive {
    background: #f00;
}

请大佬们指教一下……

关注 3 回答 2

吹个波波玩波波 提出了问题 · 2017-08-03

解决如何对比两个JSON对象,如果没有相同的键值对则新增到一个新的JSON里

现有两个JSON对象,

var jsonA = {"品牌": "AAA", "品类": "BBB", "型号": "CCC", "材质": "DDD", "空间": "EEE", "规格": "FFF", "风格":"GGG", "颜色":"HHH, "风格":"III"};
var jsonB = {"品牌": "", "品类": "", "型号": "", "材质": "", "空间": "", "规格": "", "风格":""};

已知jsonA有一些固定键值和jsonB是一样的,jsonA会有一些不确定的键值在里面
就比如当前的jsonA有两个不一样的键值,想将它们添加到jsonC,比如这样:

var jsonC = {"颜色":"HHH", "风格":"III"};

请问应该如何实现。。

关注 4 回答 5

认证与成就

  • 获得 0 次点赞
  • 获得 4 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 3 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-08-03
个人主页被 312 人浏览