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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

angular风琴菜单状态保存

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="accordion" class="accordion">
    
    
    
    
    <div class="fex">
        <div class="title"><b>后台首页</b> </div>
        <div style="display: block"  class="ck" ng-repeat="x in sidebar" >
            <button style="display: block" type="button" class="btn btn-default ck" ng-click="Turn($index)">{{x.firstLevel}}</button>
            <div uib-collapse="collapse[$index]"  >
                <div class="well well-lg" ng-repeat="set in x.secondLevel"  ui-sref="{{set.url}}">{{set.title}}</div>
            </div>
            
            
        </div>
    </div>
    

$scope.isCollapsed = true;
    $scope.isCollapsedHorizontal = false;
    $scope.isColl =true;


    let open = JSON.parse(sessionStorage.getItem('open'));
        if (open === null) { 
            $scope.collapse = function () {
                let arr = [];
                for (let i = 0; i < $scope.sidebar.length; i++) {
                    arr[i] = 1;
                }
                return arr;
            }();
        } else {
            $scope.collapse = JSON.parse(sessionStorage.getItem('open'));
        }
    


    $scope.Turn = function (index) {


        console.log("你好")
        

        $scope.collapse[index] ? $scope.collapse[index] = 0 : $scope.collapse[index] = 1; 
        sessionStorage.setItem('open', JSON.stringify($scope.collapse));

该问题已被官方收录

如何达到密码输入框的删除x号的隐藏跟显示

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

求大神出解决方案

该问题已被官方收录

怎么用http请求发送相关参数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$http({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search',
        params: {
            page: $stateParams.page,
            type: $stateParams.type,
            status: $stateParams.status,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
            size: $stateParams.size,
            title: $stateParams.title,
            author: $stateParams.author,
        },
    }).then(function (response) {
        $scope.myObj = response.data.data.articleList;
        $scope.arr = response.data.data.total;
        $scope.arrId = response.data.data.articleList;
        $scope.total = response.data.data.total;
        $scope.size = response.data.data.size;
        $scope.bigCurrentPage = $stateParams.page;
        $scope.admin = $stateParams.author;
        // $scope.bigTotalItems = $scope.total;
        // $scope.dddd = Math.ceil($scope.total / size);
        // console.log(response)
    })

该问题已被官方收录

萝卜多后台页面风琴菜单状态保存

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="panel-group" id="accordion" ng-controller="my">
    <div class="title glyphicon " ng-click="luobo()" >萝卜多后台系统</div>
    <div class="panel panel-default" ng-click="luobo()">
        <div class="panel-heading" >
            <a  href="#panel1" class="panel-toggle " data-toggle="collapse" data-parent="#accordion">
                <div class="panel-title glyphicon-pencil ">
                    
                    信息管理
                    <span class="glyphicon glyphicon-chevron-left" ng-show="left"></span>
                    
                    <!-- <span class="glyphicon glyphicon-chevron-down" ng-show="down"></span> -->
                </div>

            </a>

        </div>
        <div id="panel1" class="accordion-body collapse hello" style="height: 0px; ">
            <div class="accordion-inner" ng-click="on1()" ng-class="{ 'btn-danger': aa}">
                公司列表
            </div>
            <div class="accordion-inner" ng-click="on2()" ng-class="{ 'btn-danger': bb}">
                职位列表
            </div>

        </div>

    </div>

    <div class="panel panel-default" ng-click="luobo1()">
        <div class="panel-heading">

            <a href="#panel2" class="panel-toggle" data-toggle="collapse" data-parent="#accordion">
                <div class="panel-title glyphicon-pencil">
                    Article管理
                    <span class="glyphicon glyphicon-chevron-left" ng-show="left1"></span>
                    
                    <!-- <span class="glyphicon glyphicon-chevron-down" ng-show="down1"></span> -->
                    
                </div>
            </a>

        </div>
        <div id="panel2" class="accordion-body collapse hello" style="height: 0px; ">

            <span style="width: 100px" ui-sref="pageTab.page1">
                <a class="deleut" href="">
                    <div class="accordion-inner" ng-click="on3()" ng-class="{ 'btn-danger': cc}">
                        Article列表
                    </div>
                </a>

            </span>



            <span style="width: 100px" ui-sref="pageTab.page2">
                <a class="deleut" href="">
                    <div class="accordion-inner" ng-click="on4()" ng-class="{ 'btn-danger': dd}">
                        文章管理1
                    </div>
                </a>
            </span>


            <div class="accordion-inner" ng-click="on5()" ng-class="{ 'btn-danger': ee}">
                文章管理2
            </div>
        </div>
    </div>

该问题已被官方收录

如何在vue组件中写sass

0

1

其他插件

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

如何使用js实现随机数？

0

1

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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function ner(){
				var a=[];
				var sum1=Math.floor(Math.random()*9);
				var sum2=Math.floor(Math.random()*9);
				var sum3=Math.floor(Math.random()*9);
//				console.log(Math.floor)
//				console.log(Math.random())
//				console.log(Math.floor(Math.random()*9))
				while(sum2==sum1){
					sum2=Math.floor(Math.random()*9);
				}
				while(sum3==sum2||sum3==sum1){
					sum3=Math.floor(Math.random()*9);
				}
				a.push(sum1,sum2 ,sum3);
				return a
			}

该问题已被官方收录

如何控制button在点击后禁用，无法重复点击

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

js代码
//获取事件源
var sudoku = document.getElementsByClassName("box");
//获取颜色
function color() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    //return "rgb("+r+","+g+","+b+")";
    return `rgb(${r},${g},${b})`; //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
//获取随机格子
function getRandom() {
    var list = Array.from(sudoku); //将集合转化为数组
    var result = [];
    for (var i = 0; i < 3; i++) {
        var x = Math.floor(Math.random() * list.length);
        result.push(list.splice(x, 1)[0]); //将随机选择的对象删除，且返回添加给空数组
    }
    return result;
}
//改变颜色
function changeColor() {
    //重置颜色
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.backgroundColor = "orange";
    }
    var result = getRandom();
    for (var i = 0; i < result.length; i++) {
        result[i].style.backgroundColor = color();
    }
}


//声明变量作为定时器开关。
var startButton;
//开始
function start() {
    //重置定时器
    clearInterval(startButton);
    startButton = setInterval("changeColor()", 1000);
}
//停止
function stop() {
    for (var i = 0; i < sudoku.length; i++) {
        sudoku[i].style.background = "orange";
    }
    clearInterval(startButton);
}
css代码
.html{
    font-size: 312.5%;
}

body {
    margin: 0;
}

.box {
    float: left;
    margin: 1%;
    border-radius: 10%;
    padding-left: 31.33%;
    padding-bottom: 31.33%;
    background-color: orange;
}

button {
    width: 100%;
    padding: 5% 0;
    margin-bottom: .5rem;
    border: 1px solid orange;
    border-radius: .5rem;
    font-size: 1rem;
    outline-style: none;
    color: orange;
    background: white;
}

button:hover {
    color: white;
    background: orange;
}

html代码
<!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">
    <title>九宫格</title>
    <link rel="stylesheet" type="text/css" href="task1.css"></link>
</head>

<body>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <button onclick="start()">开始闪</button>
    <button onclick="stop()">结束闪</button>
    <script type="text/javascript" src="task1.js"></script>
</body>

</html>

该问题已被官方收录

如何使用JS实现随机变色的效果？

1

1

数据类型操作DOM 函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取随机色的函数-rgb(方法一：利用document.querySelector方法接受一个CSS选择器作为参数)

function getRandomColor() {
    var rgb = 'rgb(' + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ')';
    return rgb;
}
//    获取按钮点击事件
var btn_one = document.querySelector("#btn-one");//获取开始按钮节点
var box = document.querySelectorAll(".bg-one");//获取九宫格小盒子节点
btn_one.onclick = function () {
    for (var i = 0; i < box.length; i++) {
        box[i].style.backgroundColor = getRandomColor();
    }
}


//获取对象（(方法二：利用document.getElementById和getElementsByClassName方法来设置参数）
var bigbox = document.getElementById("box"); //获取大盒子
var smallbox = document.getElementsByClassName("bg-one"); //获取小盒子
var startbtn = document.getElementById("btn-one"); //获取开始按钮
var stopbtn = document.getElementById("btn-two"); //获取结束按钮

//获取随机色的函数-rgb
function getRandomColor() {
    var rgb = 'rgb(' + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ','
        + Math.floor(Math.random() * 255) + ')';
    return rgb;
}

//获取点击按钮事件
startbtn.onclick=function startClick () {
    for (var i = 0; i < smallbox.length; i++) {
        smallbox[i].style.backgroundColor = getRandomColor();
    }
}

该问题已被官方收录

在手机上访问时发现点击input标签，软键盘就会把底部的微信登录给顶上去。

1

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

如何随机取得小格子中的3个格子

1

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name ="viewport" content ="width=device-width,initial-scale=1.0">
    <title>九宫格</title>
    <link href="task1.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <button id="start" onclick="start()">开始闪</button>
    <button id="end" onclick="end()">结束闪</button>
    <script src="task1.js"></script>
</body>
</html>

去第页

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