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

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

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

如何动态根据玩家人数在法官日志里创建相应的格子

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

没有不知到

萝卜多后台登录页显示账号不存在

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

复盘代码：
vm.user = {     //获取账号密码
            userName:vm.nam,
            userPassword:vm.pwd
        };
requestSvc.login(vm.user).then(function(res){    //发送请求
                if(res.data.code === 0){
                    $state.go("home");
                }
                else if(res.data.code === 2001){
                    vm.message = "密码不正确";
                }
                else if(res.data.code === 2002){
                    vm.message = "用户名不存在";
                }
        })

//登录模块
        login: function(data){
            return $http.post(path.login_url(), $.param(data))  
        }

//登录
        login_url: function(){
            return "/carrots-shanzhu-ajax/a/u/login"    //请求地址
        }

html部分
账号部分：
<input class="input" type="text"
               id="user"
               placeholder="请输入用户名"
               name="userName"
               ng-model="vm.nam"
               required
               oninvalid="setCustomValidity('用户名不能为空')"
               oninput="setCustomValidity('')">

密码部分：
<input class="input" id="password" type="password"
               placeholder="请输入密码"
               name="password"
               ng-model="vm.pwd"
               required
               oninvalid="setCustomValidity('密码不能为空')"
               oninput="setCustomValidity('')">

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

如何将随机获取的三个数与小格子链接起来？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box=document.getElementsByClassName("box")//获取九宫格DOM

//获取三个随机数
function boxnum() {
    var box = [0, 1, 2, 3, 4, 5, 6, 7, 8];//定义box数组
    var newbox = [];//定义新数组
    var runnam = 3;
    for (k = 0; k < runnam; k++) {
        var ran = Math.round(Math.random() * (box.length - 1));//获取1-8内的随机数并取整
        newbox.push(box[ran]);//将获取的数放入新数组
        box.splice(ran, 1);//删除原数组里的随机数
    }
    console.log(newbox);
    return newbox;
}

vue 怎么发送跨域请求

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

通过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;    
        }
    }

登陆页面进行跳转的时候报错

0

1

Ajax

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

class="cursor-pointer"> 截图