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

该问题已被官方收录

js 中的this 讲的是什么怎么运用

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function a(){
    var user = "追梦子";
    console.log(this.user); //undefined
    console.log(this);　　//Window
}
window.a();

该问题已被官方收录

app.vue中创建实例，报错vue is not defined

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div id="app">
    {{message}}
  </div> 
</template>

<script>
  new Vue({
    el:"#app",
    data:{
      message:'sss'
    }
  })
</script>

该问题已被官方收录

头部导航的需求

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无详细代码

该问题已被官方收录

js中filter 过滤的用法出现问题

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var civArray = playerState.filter(function (item,index,playerState) {
    if (item.identity = "平民") {
        return(item)
        
    }
    
})
console.log(civArray);

该问题已被官方收录

写了ngRoute，不可以跳转页面

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body>
<div ng-controller="myCtrl">
    <ul>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
        <li><a href="#/a">信息管理</a></li>
        <li><a href="#/b">用户管理</a></li>
    </ul>

    <ng-view></ng-view>
    <!-- <div ng-view ></div> -->
</div>
<script type="text/javascript">
    angular.module("myApp",["ngRoute"])
        .controller("aController",function($scope,$route){
            $scope.hello = "hello,a!";
        })
        .controller("bController",function($scope){
            $scope.hello = "hello,b!";
        })
        .controller("myCtrl",function($scope,$location){

            $scope.$on("$viewContentLoaded",function(){
                console.log("ng-view content loaded!");
            });

            $scope.$on("$routeChangeStart",function(event,next,current){
                //event.preventDefault(); //cancel url change
                console.log("route change start!");
            });
        })
        .config(function($routeProvider, $locationProvider) {
            $routeProvider
                .when('/a', {
                    templateUrl: 'index.html',
                    controller: 'aController'
                })
                .when('/b', {
                    templateUrl: 'index.html',
                    controller: 'bController',
                    resolve: {
                        // I will cause a 1 second delay
                        delay: function($q, $timeout) {
                            var delay = $q.defer();
                            $timeout(delay.resolve, 3000);
                            return delay.promise;
                        }
                    }
                })
                .otherwise({
                    redirectTo: '/a'
                });
        });
</script>
</body>

该问题已被官方收录

怎么用nginx配置跨域

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

#proxy服务器
server {
    listen       81;
    server_name  www.domain1.com;

    location / {
        proxy_pass   http://www.domain2.com:8080;  #反向代理
        proxy_cookie_domain www.domain2.com www.domain1.com; #修改cookie里域名
        index  index.html index.htm;

        # 当用webpack-dev-server等中间件代理接口访问nignx时，此时无浏览器参与，故没有同源限制，下面的跨域配置可不启用
        add_header Access-Control-Allow-Origin http://www.domain1.com;  #当前端只跨域不带cookie时，可为*
        add_header Access-Control-Allow-Credentials true;
    }
}

该问题已被官方收录

for循环没有进入函数内部进行赋值

0

1

变量控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(;i>=0;i--){
    console.log("选择元素下角标"+i);
    $(".titleDate").eq(i).click(function(){  /*i的赋值到这里就结束了*/
        $(".content").eq(i).toggle();          /*没有对子函数进行循环赋值*/
        console.log("被控制元素的序号i="+i)
    });
}

该问题已被官方收录

怎么根据人数制作盒子

3

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">

    <title>杀手杀人</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../task2/scss/Homicide.css" />
    <script src="../task2/js/Homicide.js"></script>
    <script src="../task2/js/kill.js"></script>
</head>

<body>
    <header>
        <img src="./img/12.png" class="Tabulation">
        <div>杀手杀人</div><img src="./img/13.png" class="off">
    </header>
    <nav>
        <p class="nav_Published">杀手请睁眼，请选择要杀的对象</p>

        <p class="nav_tip">点击下方玩家头像，对被杀的玩家进行标记</p>
    </nav>

    <main>
        <div class="first">
            <div class="main_square">
                <p class="upbox"></p>
                <p class="bottombox"></p>
            </div>
            <div class="main_icon">
                <img src="./img/7.png">
                <img src="./img/8.png">
                <img src="./img/9.png">
                <img src="./img/10.png">
            </div>
        </div>
    </main>

    <footer><button class="button">确定</button></footer>




</body>

</html>

该问题已被官方收录

事件代理，怎么能访问到target的子节点上？

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/page7.css">
    <title>杀人页面</title>
</head>
<body>
<header>
    <img class="h-i1" id="back" src="img/2-back.png" >
    杀手杀人
    <img class="h-i2" id="close" src="img/4-close.png" >
</header>
<main>
    <div class=main-t>
        <p class="mtt"></p>
        <p class="mtb"></p>
    </div>
    <div class="play-box" id="play-box" >
    </div>   
</main>
<footer>
    <button id="playgame" >
        确定
    </button>
</footer>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/page7.js"></script>
</body>
</html>

console.log("js文件");

var Num = sessionStorage.getItem("Num"); //上一页面输入人数
var playArr = JSON.parse(sessionStorage.getItem("playArr")); //上一页面身份数组
var x = sessionStorage.getItem('x'); //判断杀人页面还是投票页面
console.log('页面状态：' + x + "页面");
var kiNum = sessionStorage.getItem('kiNum'); //杀手人数
var ciNum = sessionStorage.getItem('ciNum'); //平民人数
var deadArr = new Array; //死亡玩家数组    这里换个页面寸 这里要取出数组
var identity; //选中身份
var n; //选中的玩家数组角标

$('#back').on('click', function () {
    alert('上了贼船你还想跑？');
}); //左上角返回按钮
$('#close').on('click', close); //右上角关闭按钮
function close() {
    var message = confirm("是否结束本轮游戏？"); //是否确定
    if (message) {
        location.replace('page2.html'); //返回首页
    }
}

var playbox = $('.play-box');
for (var i = 0; i < Num; i++) {
    playbox.append(
        `<div class="player">
            <div class="play-t">` +
        playArr[i] +
        `</div>
            <div class="play-b">` +
        (i + 1) +
        `号</div>
        </div>`);
} //生成角色模块

var playerArr = $('.play-t'); //角色盒子数组

var outbox = document.getElementById('play-box');

$('#playgame').on('click', function () {
    switch (x) {
        case '杀人':
            ciNum = ciNum - 1; //平民减少一人         
            break;
        case "投票":
            if (identity == "杀手") {
                kiNum = kiNum - 1; //杀手减少一人             
            } else if (identity == "平民") {
                ciNum = ciNum - 1; //平民减少一人
            }
            break;
    }
    deadArr.push(n);
    sessionStorage.playArr=JSON.stringify(deadArr);
    sessionStorage.ciNum = ciNum;
    sessionStorage.kiNum = kiNum;
    gameover();
});

html{
    font-size: 100px;
}
body{
    min-width:0;
}
header,footer{
    position:fixed;
    z-index: 1;
    width: 100%;
    max-width: 640px;
}
header{
    top: 0;
    border-bottom: 1px solid #74e4db; 
}
main,footer{
    background: #29bde0;
    line-height: 0;   
}
main{
    min-height:100vh;
    margin: 0 auto;
    padding: 45px 0 1rem;
    overflow: hidden;
}
.main-t{
    line-height: 0;
}
.mtt{
    display: flex;
    align-items: center;
    height: 0.45rem;
    margin: 0;
    padding-left: 25px;
    font-size: 0.13rem;
    line-height: 1.5;
    background: #b9e9f5;
}
.mtb{
    position: relative;
    margin: 0;
    padding: 15px 0;
    font-size: 0.12rem;
    color: #fff;
    padding-left: 40px;
    line-height: 1.5;
}
.jiao{
    position: absolute;
    top: 0;
    left: 30px;
    width:0;
    height:0;
    border-width: 10px 10px 0 10px ;
    border-style: solid;
    border-color: #b9e9f5 transparent transparent transparent;/*透明 兰 透明 透明 */
} 
.play-box{
    overflow: hidden;
}
.player{
    float: left;
    width: 20vw;
    max-width: 128px;
    height: 20vw;
    max-height: 128px;
    margin-left: 10%;
    margin-bottom: 10%;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.play-t,.play-b{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.play-t{
    height: 70%;
    font-size: .15rem;
    background: #fbb435;
}
.play-b{
    height: 30%;
    font-size: .11rem;
    color: #fff;
    background: #83b09a;
}
footer{
    bottom: 0;
    text-align: center;
}
footer button{
    width: 80%;
    height: 0.4rem;
    margin: 0.2rem auto ;
    font-size: 0.2rem;
    color: #fff;
    background: #fbb435;
    border: none;
    outline: none;
}

该问题已被官方收录

首次进入页面input框是只读模式，不能输入文本

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 p-bottom">
                    <div class="form-group">
                        <label class="col-md-3 control-label v-center-l">标  题</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" ng-model="param.title">
                        </div>
                    </div>
                </div>

    //获取列表
    ArticleService.getArticleList($stateParams)
    .then(function(res){
        console.log(res);
        $scope.list=res.data.data;
        $scope.totalItems=res.data.total;
        $scope.param=$stateParams;
    });
//重置搜索条件
    $scope.clear=function(){
        $scope.param={};   
    };
    //搜索列表
    $scope.select=function(param){
        $state.go('backstage.articleList',$scope.param);
    };