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

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

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

js如何获取Dom节点以及操作Dom节点？

2

4

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var square=document.getElementsByClassName("square");//获取9个正方节点
square[1].style.background = '#8DE3A4';
square[4].style.background = '#C6734A';
square[7].style.background = '#F6CAFB';

该问题已被官方收录

法官查看界面中的盒子是如何添加进去的？

0

4

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html：
<!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
js:
var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装

该问题已被官方收录

代码运行出现节点报错

2

3

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box = document.getElementsByClassName("box");
var vacancy = [];//
~function sub() {
    for(i = 0;i < box.length; i++){
        vacancy.push(i);
    }
}()//给空数组排下标
console.log(vacancy);
function ranDomNum() {
    for(i = 0;i < d; i++){
    var vacancy = [];
    var d = 9;
    var c = Math.round(Math.random()*(a.length));
    var a = [0,1,2,3,4,5,6,7,8];
    vacancy.push(a[c]);
    a.splice(c,1);

    }
    return vacancy;
}
ranDomNum();

function randomColor() {
    r = Math.round(Math.random()*255);
    g = Math.round(Math.random()*255);
    b = Math.round(Math.random()*255);
    return "rgb("+ r +","+ g +","+ b +")";
    if("rgb("+ r +","+ g +","+ b +")"
        === "rgb(255,166,0)") {
        return randomColor();
    }
    else{
        return "rgb("+ r +","+ g +","+ b +")";
    }
}
randomColor();//获取随机颜色

function Color() {
    for(i = 0;i < box.length-1;i++){
        box[i].style.backgroundColor = "#ffa600";
    }
}
Color()//重置颜色

function Result() {
    ranDomNum();
    Color();
    console.log(ranDomNum());
    console.log(Color());
    box[vacancy[0]].style.backgroundColor = randomColor();
    box[vacancy[1]].style.backgroundColor = randomColor();
    box[vacancy[2]].style.backgroundColor = randomColor();
    console.log(vacancy[0]);
}

该问题已被官方收录

风琴菜单状态怎么保存

2

3

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="collapse navbar-collapse" uib-collapse="isNavCollapsed">
			<div class="menuWrap" ng-repeat="menu in menus">
				<div class="menuHeading" ng-click="menuCollapsed($index); menu.heading.status = !menu.heading.status">
					<span class="glyphicon glyphicon-pencil"></span>
					<span ng-bind="menu.heading.name"></span>
					<span class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': !menu.heading.status, 'glyphicon-chevron-right': menu.heading.status}"></span>
				</div>
				<div class="menuBody" uib-collapse="menu.heading.status">
					<div class="menuList" ui-sref="backstage.list" ng-repeat="submenu in menu.submenus" ng-bind="submenu"></div>
				</div>
			</div>
		</div>

该问题已被官方收录

ajax请求的地址，为什么不能直接写在代码中？而要写在Nginx里？

1

3

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

var btn = document.getElementById('btn');
btn.onclick = function () {
    var user = document.getElementById('user').value; //用户名
    var pass = document.getElementById('pass').value; //密码
    var xmlhttp = new XMLHttpRequest; //XMLHttpRequest 对象
    xmlhttp.open('post', '/carrots-admin-ajax/a/login', true); //使用open方法（post类型，地址，异步请求）
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //添加 HTTP 头
    xmlhttp.send("name=" + user + "&pwd=" + pass); //发送数据到服务器
    xmlhttp.onreadystatechange = function (data) { //监听事件
        if (xmlhttp.readyState == 4 //通信成功时，状态为4
            &&
            xmlhttp.status == 200) { //服务器已成mlhttp.readyState == 4 //通信成功时功处理了请求。通常，这表示服务器提供了请求的网页。
            var data = xmlhttp.responseText;
            console.log("data字符串:",data);
            data = JSON.parse(data);
            // if (data.message == "success"){
            if (data.code == 0) {
                location.assign("http://dev.admin.carrots.ptteng.com/#/login"); //跳转网页
                // console.log("data:",data);
            } else {
                document.getElementById("hide").innerHTML = data.message;
            }
        }
    }
}

该问题已被官方收录

日历插件双向绑定失效

2

3

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

console.log($scope.startAt);//undefined

该问题已被官方收录

如何使用service和factory来封装ajax请求，实现复用性调用请求数据

2

3

angular服务

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//职业添加
            postPosition: function (params, tag, id) {
                var data = {};
                data.profession = params;
                data.tags = tag.map(function (item) {
                    var obj = {};
                    obj.tag = item;
                    return obj
                });
                console.log(data);
                return $http({
                    url: pathProject.postPosition_url,
                    method: "post",
                    headers: {'Content-type': 'Application/json'},
                    transformRequest: function (data, headersGetter) {
                        return data
                    },
                    data: JSON.stringify(data)
                })
            },

.factory('pathProject', function () {
        return {
            //上传图片接口
            upload_url: function () {
                return "/a/u/img/3"
            },
            // 获取公司列表接口
            getCompanyList_url: "/a/company/search",
            // 删除公司信息接口
            delCompany_url: function (id) {
                return "/a/u/company/" + id
            },
            // 认证/冻结公司状态接口
            changeCompanyStatus_url: function (id, type, status) {
                return "/a/u/company/status?id=" + id + "&type=" + type + "&status=" + status;
            },
            // 获取公司详情接口
            getCompanyDetail_url: function (id) {
                return "/a/company/" + id;
            },

该问题已被官方收录

请求总是404

3

3

跨域 Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function login() {
    console.log(n.value);
    console.log(p.value);
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.open("Post","/carrots-admin-ajax/a/login",true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("name=" + n.value + "&pwd=" + p.value);

    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState === 4) {
            if (xmlhttp.status === 200) {
                var jsons = JSON.parse(xmlhttp.responseText);
                console.log(jsons);
                if (jsons.code === 0) {
                    window.location.href = "https://www.jnshu.com/"
                } else {
                    alert("账号或密码错误")
                }
            }
        }
    };
}

该问题已被官方收录

关于angular下拉框使用ng-option的问题

2

3

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$scope.state ={
                1:"草稿",
                2:"上线"
            } ;

<select   ng-model="state_1"    ng-options="key as value for (key, value) in state">
                <option value="" selected hidden>全部</option>
</select>

$scope.type = [
                { value:0 ,text:"首页banner"},
                { value:1 ,text:"找职位banner"},
                { value:2 ,text:"找精英banner"},
                { value:3 ,text:"行业大图"}
            ] ;

然后我们再看一个数组里面一堆对象的例子
<select   ng-model="type_1"    ng-options="y.value as y.text for y in type"  >
                <option value="" selected hidden>全部</option>
            </select>

该问题已被官方收录

js实现九宫格的随机颜色跳转不回去了

1

3

变量表达式和运算符操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    function start() {
        for (var i = 0; i < div.length; i++) {//每次随机颜色时遍历将背景设置好
            document.getElementsByTagName('div')[i].style.background = "yellow";
        }
    var arr=new Array(3);
    var arr1=new Array(3);
    for(var i=0;i<arr.length;i++) {
        var a= parseInt(Math.random()*9);
        console.log(a);
        if (i==0) {
            arr[i] = a;
        } else {
            for (var j = 0; j < i; j++) {
                if (a == arr[j]) {
                    i--
                }
                else {
                    arr[i] = a;
                }
            }
        }
    }
for (var i=0;i<arr1.length;i++){
        var a=parseInt(Math.random()*9);
        if(i==0){
            arr1[i]=a;
        }
        else {
            for(var j=0;j<i;j++){
                if (a==arr1[j]){
                    i--
                }
                else {
                    arr1[i]=a;
                }
            }
        }
}
console.log(arr1);
for (var i=0;i<arr.length;i++){
        document.getElementsByTagName('div')[arr[i]].style.background=colors[arr1[i]];
}
    }

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1