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

怎么使用添加class？

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if(JSON.parse(sessionStorage.getItem('bb')) == 1){
        $('.li-3').addClass('li-background');        
    };

如何使用小程序定位解析出所在地位置

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

小程序关于定位有个自己三个的api  分别是 wx.getLocation  wx.chooseLocation wx.openLocation 
没有一个可以根据经纬度解析出定位
如何自己通过经纬度解析出位置

如何取到数组前几位的值?

1

操作DOM 数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

success: function (res) {
					let resd = res.data.data;
					console.log(resd.review.list);
					let lists = resd.review.list;
					console.log(lists.slice(0, 2));
					let xinlist = lists.slice(0, 2);

					that.setData({
						total: resd.review.total,
						total_percent: resd.review.total_percent,
						list: resd.review.list,
						xinlist: xinlist
					})

怎么按日期进行搜索?

0

1

angular 插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4">
                    <span class="col-md-4">修改时间</span>
                    <div class="col-md-8">
                        <p class="input-group">
                            <input type="text"
                                   class="form-control"
                                   uib-datepicker-popup="{{format}}"
                                   ng-model="params.startAt"
                                   is-open="popup1.opened"
                                   datepicker-options="dateOptions"
                                   ng-required="true"
                                   close-text="Close"
                                   alt-input-formats="altInputFormats"
                            />
                            <span class="input-group-btn">
                            <button type="button" class="btn btn-default" ng-click="open1()">
                                <i class="glyphicon glyphicon-calendar"></i>
                            </button>
                            </span>
                        </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <span class="to col-md-4">——</span>
                    <div class="col-md-8">
                        <p class="input-group">
                            <input type="text"
                                   class="form-control"
                                   uib-datepicker-popup
                                   ng-model="params.endAt"
                                   is-open="popup2.opened"
                                   datepicker-options="dateOptions"
                                   ng-required="true"
                                   close-text="Close"
                            />
                            <span class="input-group-btn">
                                   <button type="button" class="btn btn-default" ng-click="open2()">
                                       <i class="glyphicon glyphicon-calendar"></i>
                                   </button>
                            </span>
                        </p>
                    </div>
                </div>

点击查看身份，再点击隐藏身份，再点击查看下一个身份，而且图片和序号也对应的在变

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var num=1;
$('#circle').text(num);
$('#num').text(num);

$(document).ready(function () {
    $('#deliver').click(function () {
        $('#icon').text(player[num])
     if($('#image').attr('src')=='../img/myking.png'){
         $('#image').attr('src',"../img/headicon.png")
     }else{
         $('#image').attr('src','../img/myking.png')
     }

    })
});

新增页面上传图片再删除后就不能上传图片了

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//上传图片
    var uploader = $scope.uploader = new FileUploader();
    uploader.url = '/carrots-admin-ajax/a/u/img/task';

    uploader.onSuccessItem = function(data,fileItem) {
        $scope.imageSrc1 = fileItem.data.url;
    };
    //删除图片
    $scope.remove = function () {
        $scope.imageSrc1 = undefined;
    };

<div class="form-group">
                    <label class="btn btn-primary" for="file2">选择文件</label>
                    <input id="file2"
                           style="display: none"
                           type="file"
                           nv-file-select
                           uploader="uploader"
                           multiple
                           ng-model="label2"
                    >
                    <img alt="配图预览" class="img-responsive" src="{{imageSrc1}}">
                    {{label2}}
                </div>

通过server_name怎么设置访问本地项目？如何跨域向网址发起数据请求？

1

Ajax 跨域

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    server {
        listen       12;
# 监听端口
        server_name  localhost;
# 在计算机网络中，localhost（意为“本地主机”，指“这台计算机”）是给回路网络接口（loopback）的一个标准主机名，相对应的IP地址为127.0.0.1（IPv4）和[::1]（IPv6）。
        location / {
# root 指向地址，index相当于文件名
            root   C:\Users\24328\Desktop\start-a-project.github.io\css-js\js-task5\;
            index  js-task5.html;
            try_files $uri $uri/ /index.html =404
        }
#调用ajax刷新的部分？不清楚定义，没百度到，就是ajax调用的部分。
        location /carrots-admin-ajax/{
            proxy_pass http://dev.admin.carrots.ptteng.com/;
        }

// 点击获取value值
$(".btn").eq(0).click(function() {
    var name = $(".name").get(0).value
    var pass = $(".password").eq(0).val()
    console.log(name)
    console.log(pass)
    if (name == '' || pass == '') {
        alert("请输入正确的账号密码")
    }
    var xhr = new XMLHttpRequest(); // 创建一个新的xhr实例
    xhr.open('post', 'http://www.example.com/page.php', true); //使用该实例向网站发起请求，规定请求的类型、URL 以及是否异步处理请求。
    xhr.onreadystatechange = function() { // 若产生变化则指定回调函数
        if (xmlhttp.readyState === 4 || xmlhttp.status === 200) { //判断是否发送成功和判断服务端是否响应成功
            var jsons = JSON.parse(xmlhttp.responseText); //转换
            console.log(jsons);
        }
    }
    xhr.send() //将请求发送到服务器。
}

配置本地现在倒是清楚了，使用的localhost：端口访问，比如我的就是localhost：1000直接输入到网址栏访问。
希望看到的别重复我的错误：若图片名称使用中文会导致使用代理时无法识别，导致图片名称乱码。
server{
        listen      1000;
        server_name localhost;
        location / {
            root   C:\Users\24328\Desktop\start-a-project.github.io\css-js\js-task5;  #指向文件夹
            index   index.html;    
        }
    }

在杀手杀人时，如何选定，只让一个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")
})

angular写router无法跳转或者说url改变了但是页面没变。

1

路由器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<main class="bg-img">
    <div class="input-wrap">
        <div class="top-img"></div>
        <div class="input-box">
            <div class="user-img"></div>
            <input class="name" type="text" placeholder="输入账号" ngModel="name" />
        </div>
        <div class="input-box">
            <div class="password-img"></div>
            <input class="password" type="password" placeholder="输入密码" ng-model="pass" />
            <p>{{name}}{{pass}}</p>
        </div>
        <button class="btn" [routerLink]="['listpage']">
            登录
<app-popout>
</app-popout>

            <!-- <span *ngIf="name=='user'&&pass=='password'" [routerLink]="['/assa']" routerLinkActive="router-link-active" ></span>
            <span *ngIf="name!='user'||pass!='password'" 弹框错></span> -->
          </button>
    </div>

</main>

在按顺序点击投票之后，回到杀人页面，被杀的玩家div框背景色变化了，怎么做？

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

function addPlay() {
    for (var i = 0; i < player.length; i++) {
        if (player[i] == "平民") {
            obj.push({
                name: "平民",
                death: true
            })
        } else {
            obj.push({
                name: "杀手",
                death: true
            })
        }
        $('<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++;
    }
}
//运行函数addPlay
addPlay();
var days = 1;
var deathClick;
$('.box-content').click(function (e) {
    var cli = $(e.target.parentNode).index();
    deathClick = cli;
    // console.log(obj[cli].name)
    if (obj[cli].name == "平民") {
        for (i = 0; i < obj.length; i++) {
            $('.box-content').css("border-color", "#fff")
            this.index = i;
            $(this).css("border-color", "red")
        }
        days = 2
    } else {
        $('.box-content').css("border-color", "#fff")
        alert('请不要自相残杀')
        days = 1
    }

})

function ensure() {
    if (days == 2) {
        var kilClick = 1;
        var flow = 1;
        obj[deathClick].death = false;
        sessionStorage.setItem('flow    ', JSON.stringify(flow))
        sessionStorage.setItem('kilClick', JSON.stringify(kilClick))
        sessionStorage.setItem("deathObj", JSON.stringify(obj))
        window.location.href = '../html/gameFlow.html'
    } else {
        alert("请杀人")
    }

}
var deathPeople = JSON.parse(sessionStorage.getItem('deathObj'))
for(var i = 0; i < deathPeople.length; i++) {
    if(deathPeople[i].death == false){
        $('.box-name').eq(i).css("background-color", "gray")
    }
    console.log(deathPeople)
}
if(JSON.parse(sessionStorage.getItem('vote'))) {
    $('.headText').html('全民投票')
    $('.ensureBtn').html('投死')
    for (i = 0; i < obj.length; i++) {
        $('.box-content').css("border-color", "#fff")
        this.index = i;
        $(this).css("border-color", "red")
    }
}