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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

& 局部 scope 属性执行函数不起作用

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('myApp')
    .directive("askAlert", function () {
        return {
            restrict: 'EAC',
            replace: true,
            templateUrl: 'views/ask.html',
            scope: {
                action: "&"
            },
        }
    })

<div class="ask" ng-show="askShow">
    <div class="ask-box">
        <p>提示</p>
        <p ng-bind="askText"></p>
        <div>
            <button class="bg-orange" ng-click="action()" ng-show="cancleButton">取消</button>
            <button class="bg-blue" ng-click="confirm()">确定</button>
        </div>
    </div>
</div>

该问题已被官方收录

如何控制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>

该问题已被官方收录

写ui路由跳转时，用了ui-view，但视图显示不出来

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body ng-app="myApp">
<div class="main" ui-view="">
</div>
</body>


var myApp = angular.module("myApp", ['ui.router', 'ngMessages', 'ngAnimate', 'ngSanitize', 'ui.bootstrap', 'ngFileUpload', 'textAngular']);

myApp.config(function ($stateProvider, $urlRouterProvider, $provide) {
  
    $urlRouterProvider.when("", "/signin");
  
    $stateProvider
      
        .state("backstage", {
            url: "/backstage",
            templateUrl: "backstage.html",
            controller: "backstage"
        })
});

该问题已被官方收录

怎么配置Nginx，并通过Nginx访问页面

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

手风琴页面如何实现

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="home">
    <nav class="navbar navbar-default container-fluid" role="navigation">
        <!--上面部分-->
        <div class="row">
            <!--上面左边部分-->
            <div class="navbar-header col-md-3 col-sm-4 col-lg-2 col-xs-12">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#example-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <p class="nav-left-p">萝卜多后台管理系统</p>
            </div>
            <!--上面右边部分-->
            <div class="nav-right col-md-9 col-sm-8 col-lg-10 col-xs-12">
                <a href="#" class="nav-right-a">管理员</a>
                <span>|</span>
                <a href="#" class="nav-right-a">admin</a>
                <span>|</span>
                <div class="nav-shut">
                    <i class="glyphicon glyphicon-off"></i>
                </div>
            </div>
        </div>
        <!--下面部分-->
        <div class="row below">
            <!--左侧导航栏-->
            <div class="collapse collapse-a col-md-3 col-sm-4 col-lg-2 col-xs-12" id="example-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li ui-sref=".page1"><a href="#">iOS</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                    <li ui-sref=".page1"><a href="#">SVN</a></li>
                </ul>
            </div>
            <div class="home-content col-md-9 col-sm-8 col-lg-10 col-xs-12">
                <div class="ui-view">
                    <h1>Welcome!</h1>
                </div>
            </div>
        </div>
    </nav>
</div>

该问题已被官方收录

$httpProvider.defaults怎么用？

1

1

$http

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$httpProvider.defaults.headers.common['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    $httpProvider.defaults.headers.patch['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    $httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';

该问题已被官方收录

在点击登陆的时候，遇到了好多不懂得东西，比如说接口的问题，还不是很能理解关于接口

1

1

Ajax

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}

该问题已被官方收录

如何理解angular路由配置中otherwise和when的区别

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var approuter = angular.module('app', ["ui.router"]);
approuter.config(function ($stateProvider,$urlRouterProvider){
  $urlRouterProvider.otherwise('/index');
  // $urlRouterProvider
  // .when("", "/dashboard")
  // .when("/", "/dashboard");
  $stateProvider
  // .state('login',{
  //   url:'/login',
  //   templateUrl:'./login/login.html'
  // })
  .state('index',{
    url:'/index',
    templateUrl:'../login.html'
  })
  .state('index.dashboard',{
    url:'/dashboard',
    templateUrl:'../dashboard.html'
  })
  .state('dashboard.list',{
    url:'/list',
    templateUrl:'../list.html'
  })
  .state('dashboard.detail',{
    url:'/detail',
    templateUrl:'../detail.html'
  });
});

该问题已被官方收录

在使用测试的时候，会遇到崩溃的问题，就是无法测试出来。不知道为什么

1

1

postman

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    // 发送了请求，使用POST的形式进行发送
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return f

该问题已被官方收录

搜索按钮如何根据获取到的数据类型去搜索？

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 params: {
            page: $stateParams.page,
            type: $stateParams.type,
            status: $stateParams.status,
            startAt: $stateParams.startAt,
            endAt: $stateParams.endAt,
        },

去第页

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