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

如何使用nginx配置反向代理

1

Ajax 跨域

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

for的作用、用处

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
var ranNum = 5;
for (var i = 0; i < ranNum; i++) {
var ran = Math.floor(Math.random() * arr.length);

进入杀人页面，在杀人后再跳回法官台本页面，会导致状态机重置无法正常运行下去

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 fsm = new StateMachine({
        init: "ready",
        transitions: [
            {name: 'stepOne', from: 'ready', to: 'stepOne'},
            {name: 'stepTwo', from: 'stepOne', to: 'stepTwo'},
            {name: 'stepThree', from: 'stepTwo', to: 'stepThree'},
            {name: 'stepFour', from: 'stepThree', to: 'stepFour'}
        ],
        methods: {
            onStepOne: function () {
                switch (fsm.state==="stepOne") {
                    case "stepOne":
                        $("#kill").css("background","green");
                        break;
                }
            },
            onStepTwo: function () {
                switch (fsm.state==="stepTwo") {
                    case "stepTwo":
                        alert("请死者亮明身份并且发表遗言");
                        break;
                }
            }
        }
    });
    $("#kill").click(function () {
        fsm.stepOne();
        window.location.href = '../html/task13_2.html';
        sessionStorage.setItem("state",fsm.state);
    });

    $("#words").click(function () {
        fsm.stepTwo();
    });
console.log(sessionStorage.getItem("state"));

typeof 疑问

0

1

变量 js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var name;
name = 'jin';
console.log(typeof name);
name=1;
console.log(typeof name);

数组中有哪些增删改查技巧

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

数组的增加

 

ary.push()   向数组末尾添加元素，返回的是添加后新数组的长度，原有数组改变
ary.unshift()  向数组开头添加元素，返回的是添加后新数组的长度，原有数组改变
 var ary=[1,2,3,4];
   var res=ary.unshift(6);
   console.log(res); ---->5   返回的是新数组的长度
ary.splice(n,m,x)从索引n开始删除m个元素，把新增的元素X放在索引n的前面，把删除的元素当成一个新数组返回，原有数组改变。
ary.splice(n,0,x)从索引n开始删除0个元素，把新增加的元素x放在索引n的前面，返回的是一个空数组，原有数组改变。
ary.splice(n,m)从索引n开始删除m个元素，把删除的内容当做新数组返回，原有数组改变
splice(0,0,x)----->unshift
 

数组的删除

ary.pop() 删除数组的最后一项，返回的是删除的那一项，原有数组改变
ary.shift() 删除数组的的第一项，返回的是删除的那一项，原有数组改变
var ary=[5,8,3,4,6];
var res=ary.shift();
console.dir(res);---->5 返回数组第一项
删除数组最后一项的内容 ary.splice(ary.length-1,1)  //ary.length-1 数组最后一项的内容         ary.length-=1     ary.length--
    var ary=[5,8,3,4,6];
//     ary.splice(ary.length-1,1);
//     ary.length-=1;
      console.dir(ary);---->输出的是[5,8,3,4]
数组的查询和复制

slice(n,m)从索引n开始，找到索引m处，把找到的内容作为新的数组返回，原有数组不改变        
slice(n-1,m)把数组的第n项到第m项提取出来
slice(n) 从索引n开始查找到数组末尾
slice(0) slice() 将原有数组复制一份 属于数组克隆  
concat() 也可以实现数组克隆   
concat的本意是实现数组的拼接 ary.concat(ary2) 把两个数组进行拼接
数组转化为字符串

tostring把数组的每一项拿出来用逗号隔开，原有数组不变
join("+")把数组的每一项拿出来用指定分隔符隔开
数组求和
var ary=[5,8,3,4,6];
var str=ary.join("+");
var total=eval(str);
console.dir(total);  //将指定字符串变成真正的表达式执行
 var ary=[5,8,3,4,6];
      var total=0;
     for(var i=0;i<ary.length;i++){
         total+=ary[i];
     }
     console.dir(total);  
数组的排列和排序

reverse() 把数组倒过来排序，原有数组改变
sort 可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字  ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
foreach
map

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

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
					})

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

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

none

获取不到第二页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: [],
  };

PC端页面数据改变之后跳转页面，再调回来数据消失

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 法官日志页面
$('#dialyLog').click(function () {
    location.href = './Task2-6.html';
});
// 法官台本流程状态机
var steps = StateMachine.create({
    initial: 'step1',
    events:[
        {name: 'kill', from: 'step1', to: 'step2'},
        {name: 'dead', from: 'step2', to: 'step3'},
        {name: 'speak', from: 'step3', to: 'step4'},
        {name: 'vote', from: 'step4', to: 'step1'}
    ]});
// 杀人、发言、投票的事件判断
$('.kill').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){    // 判断是否进行过这一步
        alert('请进行游戏下一步活动')
    }else if (steps.is('step1')) {  // 判断是否处在可以执行的状态
        location.href = './Task2-7.html';  //截图中将该页注释掉了
        steps.kill();    // 执行事件
        $(this).next().show();  // 杀人后的提示显示
        $(this).css("background-color","#83b09a").addClass('visited');    // 改变点击过的状态（背景颜色）
    }else {
        alert('请按顺序操作');
    }
});
$('.dead').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step2')) {
        alert('请死者亮明身份并且发表遗言');
        steps.dead();
        $(this).css("background-color","#83b09a").addClass('visited');
    }else{
        alert('请按顺序操作');
    }
});
$('.player').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step3')) {
        alert('玩家依次发言讨论');
        steps.speak();
        $(this).css("background-color","#83b09a").addClass('visited');
    }else{
        alert('请按顺序操作');
    }
});
$('.vote').click(function () {
    if (this.style.backgroundColor === "rgb(131, 176, 154)"){
        alert('请进行游戏下一步活动')
    }else if (steps.is('step4')) {
        steps.vote();
        location.href = './Task2-8.html';  // 截图中将该页注释掉了
        addDay();  // 是生成新天数的函数
        $(this).css("background-color","#83b09a").addClass('visited').next().show();
        $(this).parent().parent().hide();
    }else{
        alert('请按顺序操作');
    }
});

克隆一个节点，循环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);
}

loading