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

克隆一个节点，循环3次，然后打印他，为什么每次都是打印出四个。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(i = 1; i < lenSquare; i++) {
    var square = document.getElementsByClassName("square")[0];
    var newSquare = square.cloneNode(true);
    square.parentNode.appendChild(newSquare);
    console.log(square.parentNode);
}

如何使用div + CSS +JS 来模拟滑动条？

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

none

所谓的微信网页授权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){

[(ngModel)] 双向数据绑定报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<input type="text" [(ngModel)] = "name">
<input type="password" [(ngModel)]= "pwd">
<button type="button">登录</button>

关于跨域和POSTMAN的问题

0

1

跨域 postman

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 声明使用JQ
$(document).ready(function () {
    // 开始点击事件
    $('form').submit(function () {
        // 点击事件获取到输入框的数值
        console.log($('#ID')[0].value);
        console.log($('.password')[0].value);
        if ($('#ID')[0].value == '') {
            $('#show')[0].innerHTML = '请输入账号';
            console.log(show)
            return false;
        } else if ($('.password')[0].value == '') {
            $('#show')[0].innerHTML = '请输入密码';
            console.log(show);
            return false;
        } else {
            // 先用url请求地址
            var url = '/carrots-admin-ajax/a/login';
            // 调用上方form对象并且序列化
            var formdata = $(this).serialize();
            console.log(formdata)
            // 开始发送url和formdata请求参数
            $.post(url,formdata,
                function(data){
                    if (data.code == 0) {
                        console.log(1);
                        console.log(data)
                        location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                    } else {
                        console.log(show)
                        show.innerHTML = data.message;
                        console.log(2);
                        console.log(data)
                    }
            },'json');
            return false;
        };
    })
})

在杀手杀人时，如何选定，只让一个div的边框变化？

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var player = JSON.parse(sessionStorage.getItem("all"));
var num = 1;

function addPlay() {
    for (var i = 0; i < player.length; i++) {
        $('<div class="box-content"></div>').appendTo($("main"))
        $('<div class="box-name"></div>').appendTo($(".box-content")[i])
        $('<div class="box-number"></div>').appendTo($(".box-content")[i])
        $('.box-name')[i].innerHTML = player[i];
        $('.box-number')[i].innerHTML = num;
        num++;
    }
    console.log(player.length)

}
addPlay();

function ensure() {
    window.location.href = '../html/gameFlow.html'
}
var ccc = [{
    name:"平民",death:true
},{
    name:"杀手",death:false
}]
$('.box-content').click(function(i){
    console.log(ccc[0].name)
    for(i = 0; i < player.length; i++){
        $('.box-content').css("border-color","#fff")
    }
    this.index = i;
    $(this).css("border-color","red")
})

在Vue项目中如何监测数组或对象中值的变化呢？

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div class="hello">
    <div>
      请输入姓名： <input type="text" v-model="data.name" style="border: 1px solid black;">
      请输入年龄： <input type="text" v-model="data.age" style="border: 1px solid black;">
    </div>
    <div style="padding: 10px 50px;">
      <div style="margin: 10px;">姓名：{{data.name}}</div>
      <div>年龄：{{data.age}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      data: {
        name: 'zhangsan',
        age: 21
      },
      watch: {
        data: function (newValue, oldValue) {
          console.log(newValue, oldValue);
        }
      }
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

Vue生命周期中mounted和created的区别

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

Vue生命周期中mounted和created的区别

什么是npm？如何使用npm？有什么优点和缺点？

0

1

其他

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

再angular中的复选框和单选框的全选功能经常是各种时间，搞得太麻烦了。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无