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

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

怎么使杀手杀人，全名投票，法官查看都用同一个页面

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

如何理解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'
  });
});

该问题已被官方收录

自定义指令的link方法可有有4个参数，具体这4个参数各有什么用处？

1

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('myApp')
    //分页指令api接口
    // $scope.option = {
    //     curr: 1,
    //     count: 10,
    //     all: 20,
    //     listSize: 10,
    //     click: function (page, size) {
    //         //page 当前页数
    //         //size 每页显示条数
    //         console.log('页数' + page)
    //         console.log('显示' + size)
    //     }
    // }
    .directive('myPage', function () {
        return {
            restrict: 'AE',
            priority: 0,
            scope: {
                option: '='
            },
            templateUrl: 'js/directive/mypage/my-page.html',

            link: function (scope, element, attrs) {

                var option = scope.option
                
                //监听option对象变化 更新page模型
                scope.$watch('option', function (newValue, oldValue) {
                    scope.page = getRange(option.curr, option.all, option.count)
                    if (option.curr == undefined) {
                        option.curr = 1
                    }
                }, true)

                //直接点击页数进行页数变化功能
                scope.click = function () {
                    var item = this.item
                    //如果点击相同页数返回
                    if (item == option.curr) {
                        return
                    }
                    switch (true) {
                        case item == '首页':
                            option.curr = 1
                            break
                        case item == '末页':
                            option.curr = option.all
                            break
                        case item == '<': //上一页
                            if (option.curr > 1) {
                                --option.curr
                            }
                            break
                        case item == '>': //下一页
                            if (option.curr < option.all) {
                                ++option.curr
                            }
                            break;
                        case (typeof item) == 'number':
                            option.curr = item
                            break
                    }
                    //回调函数 传递当前点击页数
                    option.click(option.curr, option.listSize)
                }

                //确定按钮逻辑  首先进行表单验证  成功执行回掉函数
                scope.confirm = function () {
                    if (scope.form.goTo.$error.number || scope.form.goTo.$error.pattern) {
                        alert('请输入正确的页数')
                        return
                    }
                    if (scope.goTo > option.all) {
                        scope.goTo = option.all
                        alert('超过最大页数')
                        return
                    }
                    if (scope.form.listSize.$error.number || scope.form.listSize.$error.pattern) {
                        alert('请输入正确的每页显示数量')
                        return
                    }
                    option.curr = scope.goTo
                    //回调函数 传递当前点击页数和每页显示条数
                    option.click(option.curr, option.listSize)
                }


                function getRange(curr, all, count) {
                    var arr = []
                    //计算显示的页数
                    curr = parseInt(curr)
                    all = parseInt(all)
                    count = parseInt(count)
                    var from = curr - parseInt(count / 2)
                    var to = curr + parseInt(count / 2) + (count % 2) - 1
                    //显示的页数容处理
                    if (from <= 0) {
                        from = 1
                        to = from + count - 1;
                        if (to > all) {
                            to = all
                        }
                    }
                    if (to > all) {
                        to = all
                        from = to - count + 1;
                        if (from <= 0) {
                            from = 1
                        }
                    }
                    arr.push('首页')
                    arr.push('<')
                    for (var i = from; i <= to; i++) {
                        arr.push(i)
                    }
                    arr.push('>')
                    arr.push('末页')
                    return arr
                }

            }
        }
    })

该问题已被官方收录

富文本编辑器为空时的表单验证怎么实现？

0

1

表单验证

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

目前用的是wangeditor

该问题已被官方收录

var 的变量声明

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!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="../scss/journal.css">
</head>

<body>
    <header>
        <a class="return" href="./see.html"></a>
        <h5>法官日记</h5>
        <a id="close" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="player" id="role1">
            <div class="game_box">
                <p class="name">平民</p>
                <p class="number">1号</p>
            </div>
        </div>
    </main>
    <footer>
        <button>开始游戏</button>
    </footer>
    <script>
        var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
        console.log(playersArray)
        var sourceNode = document.getElementById("role1"); // 获得被克隆的节点对象 
            // console.log(sourceNode);
            var name = document.getElementsByClassName("name"); //获取角色名称节点
            var number = document.getElementsByClassName("number"); //获取数字节点
            var a = 0;

        window.onload = function () {
            
            for (var i = 2; i < playersArray.length + 1; i++) {
                var clonedNode = sourceNode.cloneNode(true); // 克隆节点 
                clonedNode.setAttribute("id", "role" + i); // 修改一下id 值，避免id 重复 
                sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 
                console.log(sourceNode.parentNode.nodeName);
            }
            for (var i = 0; i < playersArray.length; i++) {
                if (playersArray[a] == 0) {
                    name[i].innerHTML = "平民";
                    a = a + 1;
                } else if (playersArray[a] == 1) {
                    name[i].innerHTML = "杀手";
                    a = a + 1;
                }
                number[i].innerText = i + 1 + "号";
            }
            // console.log(name.length);
        }
        document.getElementsByTagName("button")[0].onclick = function () {
            location.href = ('version.html');
        }
    </script>
</body>

</html>

该问题已被官方收录

& 局部 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>

该问题已被官方收录

随机数去重复的问题？

1

1

数据类型函数操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box = $(".box");
var time;


function suiji() {
    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 + ")";
}


function org() {
    box[0].style.backgroundColor = "orange";
    box[1].style.backgroundColor = "orange";
    box[2].style.backgroundColor = "orange";
    box[3].style.backgroundColor = "orange";
    box[4].style.backgroundColor = "orange";
    box[5].style.backgroundColor = "orange";
    box[6].style.backgroundColor = "orange";
    box[7].style.backgroundColor = "orange";
    box[8].style.backgroundColor = "orange";
}
// (box1!=box2&&box1!=box3&&box2!=box3)
// (box1!=box2 || box1,box2!=box3 || box2,box1!=box3 || box3)
function df() {
    org();
    var box1 = Math.floor(Math.random() * box.length);
    var box2 = Math.floor(Math.random() * box.length);
    var box3 = Math.floor(Math.random() * box.length);
    if {

        box[box1].style.backgroundColor = suiji();
        box[box2].style.backgroundColor = suiji();
        box[box3].style.backgroundColor = suiji();
    }
    else {
        df()
    }
}

$("#btn1").click(function dfd() {
    clearInterval(time);
    time = setInterval(df, 1000);
});
$("#btn2").click(function () {
    org();
    clearInterval(time);
});

该问题已被官方收录

AngularJS自定义指令标签中绑定父级方法--报错

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive('zPage',function(){
    return {
        priority:0,
        restrict:'E',
        replace:true,//(boolean/string)默认为false
        //template:(string/function)
        templateUrl:'directive/pagination.html',
        scope:{
            pageid:'=',
            totalpages:'=',
            page_num:'=paging',
            statego:'&'
        },
        link: function(scope,element,attrs){
            element.bind('mouseover',function(){
                angular.element('a').css('cursor','pointer')
            });
            //初始加载分页 
            scope.paging = [];
            if(scope.page_num <= 5 || !scope.page_num){
                for(let i=1;
                    i <= 5;
                    i++){
                    scope.paging.push(i);
                } 
            };
            //start paging logic
            scope.selected = function(pageid,reload){ 
                scope.pageid = pageid;
                if ( scope.totalpages > 5){
                    if(pageid > scope.totalpages-3){
                        scope.paging = [
                            scope.totalpages-4,
                            scope.totalpages-3,
                            scope.totalpages-2,
                            scope.totalpages-1,
                            scope.totalpages
                        ]
                    }else if(pageid < 3){
                        scope.paging = [1,2,3,4,5]; 
                    }else {
                        scope.paging = [
                            pageid - 2,
                            pageid - 1,
                            pageid,
                            pageid + 1,
                            pageid + 2
                        ]
                    }   
                }else {
                    for(let i = 0;
                        i < scope.totalpages;
                        i++
                        ){
                        scope.paging[i] = i+1;
                    }
                }
                scope.statego(pageid,reload);
                console.log(scope.statego(pageid,reload));
            } 
        
        //end paging logic

        //first page
        scope.firstPage = function(){
            scope.selected(1,false)
        }

        //previous page
        scope.lastPage = function(pageid){
            if(pageid > 0){
                scope.selected(pageid,false)
            }
        }

        //next page
        scope.nextPage = function(pageid){

            if(pageid <= scope.totalpages){
                scope.selected(pageid,false)
            }
        }
        //last page
        scope.endPage = function(){
            scope.selected(scope.totalpages,false)
        }
        //跳转页码&每页数量
        scope.goPage = function(pageid){
            if((pageid <= scope.totalpages && pageid > 0 ) || scope.size){
                scope.selected(pageid,true)
            }
        }
        }
    }
})

该问题已被官方收录

如何将随机出来的数字应用到格子当中

0

1

事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

document.write(parseInt(1+9*Math.random()))

该问题已被官方收录

首次进入页面input框是只读模式，不能输入文本

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="col-md-4 p-bottom">
                    <div class="form-group">
                        <label class="col-md-3 control-label v-center-l">标  题</label>
                        <div class="col-md-9">
                            <input type="text" class="form-control" ng-model="param.title">
                        </div>
                    </div>
                </div>

    //获取列表
    ArticleService.getArticleList($stateParams)
    .then(function(res){
        console.log(res);
        $scope.list=res.data.data;
        $scope.totalItems=res.data.total;
        $scope.param=$stateParams;
    });
//重置搜索条件
    $scope.clear=function(){
        $scope.param={};   
    };
    //搜索列表
    $scope.select=function(param){
        $state.go('backstage.articleList',$scope.param);
    };

去第页

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

loading