IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

如何使用input：radio实现绑定点击状态对应的值

0

1

angular model angular view

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <ul class="search_wrap">
                    <li class="keyword">
                        <p>关 键 词：</p>
                        <input type="text" v-model="postKeywordModel" maxlength="38">
                        <p>当前关键词：{{this.$route.query.postKeyword}}</p>
                    </li>
                    <li>
                        <p>所在地区：</p>
                        <div v-for="(city, index) in filter.city" :key="index">
                            <input type="radio" name="city" :id="city.id" :value="city.value" v-model="cityModel">
                            <label :for="city.id">{{city.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>所属行业：</p>
                        <div v-for="(industry, index) in filter.industry" :key="index">
                            <input type="radio" name="industry" :id="industry.id" :value="industry.value" v-model="industryModel">
                            <label :for="industry.id">{{industry.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>学历要求：</p>
                        <div v-for="(education, index) in filter.education" :key="index">
                            <input type="radio" name="education" :id="education.id" :value="education.value" v-model="educationModel">
                            <label :for="education.id">{{education.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>工作经验：</p>
                        <div v-for="(experience, index) in filter.experience" :key="index">
                            <input type="radio" name="experience" :id="experience.id" :value="experience.value" v-model="experienceModel">
                            <label :for="experience.id">{{experience.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>薪资水平：</p>
                        <div v-for="(compensation, index) in filter.compensation" :key="index">
                            <input type="radio" name="compensation" :id="compensation.id" :value="compensation.value" v-model="compensationModel">
                            <label :for="compensation.id">{{compensation.name}}</label>
                        </div>
                    </li>
                    <li>
                        <p>发布时间：</p>
                        <div v-for="(updateAt, index) in filter.updateAt" :key="index">
                            <input type="radio" name="updateAt" :id="updateAt.id" :value="updateAt.value" v-model="updateAtModel">
                            <label :for="updateAt.id">{{updateAt.name}}</label>
                        </div>
                    </li>
                    <li class="buttons">
                        <button class="clear" @click="clear ()">清空</button>
                        <button class="search" @click="search ()">搜索</button>
                    </li>
                </ul>

获取不到第二页page

1

angular内置指令和方法 angular router angular model angular view $http js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

listModul: any = {
    title: '',
    author: '',
    startAt: 0,
    endAtr: 0,
    type: 0,
    status: 0,
    page: 0,
    size: 0,
    total: 0,
    list: [],
  };

九宫格颜色不能正常显示

1

操作DOM 表达式和运算符变量

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var t;

function start() {
    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8];
    for (i = 0; i < 3; i++) {
        var a = Math.floor(Math.random() * arr.length);
        var b = Math.floor(Math.random() * arr.length);
        var c = Math.floor(Math.random() * arr.length);
        if (a !== b && a !== c && b !== c) {
            break;
        }
    }

    var square = document.getElementsByClassName("square");
    for (j = 0; j < square.length; j++) {
        square[j].style.background = "orange";
    }

    function color() {
        var r = Math.floor(Math.random() * 256);
        var g = Math.floor(Math.random() * 256);
        var b = Math.floor(Math.random() * 256);
        return "rgb( ' + r + ',' + g + ',' + b + ')";
    }

    square[a].style.background=color();
    square[b].style.background=color();
    square[c].style.background=color();


    t = setTimeout("start()", 500);

}



function stop() {
    console.log(t)
    clearInterval(t);
    var square = document.getElementsByClassName("square");
    for (h = 0; h <square.length; h++) {
        square[h].style.background = "orange";
    }

}

微信网页授权证书应该放在哪里

1

微信

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

所谓的微信网页授权code码，到底具体指的是什么？

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

找了好久，找到一个师兄的代码，可是看不懂啊。。

 //获取code码
        let vm = this;
        function getQueryString(name) {
            let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            let r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return decodeURI(r[2]);
            }
            return null;
        }
        //如果code码有值并且sessionStroage的token没有值时（即第一次进入页面），发送code，获取token
        if(getQueryString('code')&& !sessionStorage.getItem('token')){
            let code = getQueryString('code');
            projectService.getToken(code).then(function (res) {
                if(res.data.code === 0){

随机生成颜色（十六进制）

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var color = '#' + Math.random().toString(16).substr(-6);

循环定时器

0

1

函数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="grid">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
<div class="btn">
    <button id="run" onclick="twinkle()">开始闪</button>
    <button id="stop" onclick="stop()">结束闪</button>
</div>



function getBox() {
    var box = document.getElementsByClassName("box");
    resent();
    //随机得到三个盒子
    for (var i = 0; i < 1000; i++) {
        var box1 = Math.floor(Math.random() * 9);
        var box2 = Math.floor(Math.random() * 9);
        var box3 = Math.floor(Math.random() * 9);
        if (box1 !== box2 && box1 !== box3 && box2 !== box3) {
            break;
        }
    }
    //随机的三个盒子改变颜色
    box[box1].style.backgroundColor = changeColor();
    box[box2].style.backgroundColor = changeColor();
    box[box3].style.backgroundColor = changeColor();
}

function resent() {
    var box = document.getElementsByClassName("box");
    for (var i = 0; i < 9; i++) {
        box[i].style.backgroundColor = "orange";
    }
}
//得到三个随机颜色
function changeColor() {
    var r = Math.floor(Math.random() * 255);
    var g = Math.floor(Math.random() * 255);
    var b = Math.floor(Math.random() * 255);
    return "rgb(" + r + "," + g + "," + b +")";
}

var time;
function twinkle() {
    time = setInterval(getBox(), 1000);
}

function stop() {
    clearInterval(time);
    resent();
}

放在页面的js复制到js文件就不生效了

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

/* 获取所有div */
var timer2 = null;
var myNodelist = document.querySelectorAll("div");
var btn = document.querySelectorAll("button");
/* 随机颜色的函数 */
function color() {
    return "#" + ("00000" + ((Math.random() * 16777215 + 0.5) >> 0).toString(16)).slice(-6)
}
/* 变色函数 */
function Time() {
    var randomArray = []; //声明一个数组
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    } // 重置每个div的颜色为
    for (var i = 0; i < 3; i++) {
        var randomLoc = Math.floor(Math.random() * (myNodelist.length));
        if (randomArray.indexOf(randomLoc) < 0) {
            randomArray.push(randomLoc);
        } else {
            i--;
        }
    } //  给数组取三个不重复的数字
    myNodelist[randomArray[0]].style.background = color();
    myNodelist[randomArray[1]].style.background = color();
    myNodelist[randomArray[2]].style.background = color();

}

function start() {
    if (start.className == "") {
        start.className = "orange"
        clearInterval(timer2);
        timer2 = setInterval("Time()", 1000);
    }
}

function stop() {
    clearInterval(timer2);
    start.className = "";
    for (var i = 0; i < myNodelist.length; i++) {
        myNodelist[i].style.background = "orange";
    }

}

列表音频播放，点击切换播放状态图片的时候，状态改变，但图片没变

0

1

小程序语言基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//播放  
  player: function(e) {
    var that = this;
    var listid = that.data.listid;
    var currentindex = that.data.currentindex;
    var obj = that.data.obj;
      //老师录音播放文件信息默认初始音频播放地址
      var messList = that.data.messList
      for (var k = 0; k < messList.length; k++) {
        obj[messList[k].id] = messList[k];
      }
      that.setData({
        obj: obj
      });
      console.log(listid)
      console.log(currentindex)
      if (listid == undefined) {
        myaudio.src = messList[0].mess;
      } else {
        myaudio.src = obj[listid].mess;
      }
      if (currentindex == undefined) {
        currentindex = 0;
        messList[currentindex].staues = true;
      } else {
        messList[currentindex].staues = true;
      }
      console.log(that)
      //播放老师录音
      myaudio.play();
      console.log(myaudio.duration);
      console.log("开始播放学生录音")
      wx.onBackgroundAudioStop()
      that.setData({
        messList: messList,
        ontick: true,
      });
      console.log(e)
  },


  // 暂停  
  pause: function() {
    var that = this;
    var messList = that.data.messList
    var currentindex = that.data.currentindex;
    myaudio.pause();
    messList[currentindex].staues = false;
    console.log(currentindex)
    console.log("暂停播放学生录音")
   
  },

angularJS配置AJAX时，data参数传送问题

0

1

$http

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('loginPage',function ($scope,$http,$state) {
    $scope.login=function () {
        $http({
            method: 'POST',
            url: '/carrots-admin-ajax/a/login',
            data: {
                name:$scope.username,
                pwd: $scope.password
            },
            dataType: 'json'
        }).
        then(function successCallback(response) {
            if(response.data.code===0){
                $scope.loginMsg="登陆成功";
                $state.go('frameState')
            }else{
                $scope.loginMsg=response.data.message;
            }
            console.log(response);
        })
    }
});