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

该问题已被官方收录

url页面传参

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码在图中

该问题已被官方收录

使用自定义指令对父子作用域进通信

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

指令的js代码：
angular.module('admin').directive('protocol', function ($state) {
    return {
        restrict: 'EA',
        templateUrl: 'js/directive/protocol/protocol.html',
        replace: true,
        scope: {
            confirm:'='
        },
        link: function (scope, element, attrs) {
            scope.ok=function () {
                scope.confirm=false;
                console.log(scope.confirm);
            }
        }
    }
});
HTML代码：
<protocol ng-if="confirm" confirm="{{confirm}}"></protocol>

该问题已被官方收录

怎么写侧边栏手风琴

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="logo"><i class="fa fa-align-justify"></i>
    <div>Pure CSS Accordion Nav</div>
  </div>
  <div class="accordion">
    <div class="section">
      <input type="radio" name="accordion-1" id="section-1" checked="checked"/>
      <label for="section-1"><span>Messages</span></label>
      <div class="content">
        <ul>
          <li><i class="fa fa-inbox"></i><span>Inbox</span></li>
          <li><i class="fa fa-share"></i><span>Sent    </span></li>
          <li><i class="fa fa-archive"></i><span>Archive</span></li>
        </ul>
      </div>
    </div>
    <div class="section">
      <input type="radio" name="accordion-1" id="section-2" value="toggle"/>
      <label for="section-2"><span>Usage</span></label>
      <div class="content">
        <ul>
          <li><i class="fa fa-cog"></i><span>System</span></li>
          <li><i class="fa fa-group"></i><span>Users    </span></li>
          <li><i class="fa fa-sitemap"></i><span>Visitation</span></li>
        </ul>
      </div>
    </div>
    <div class="section">
      <input type="radio" name="accordion-1" id="section-3" value="toggle"/>
      <label for="section-3"><span>Scroller</span></label>
      <div class="content">
        <ul>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee    </span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee    </span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee    </span></li>
          <li><i class="fa fa-coffee"></i><span>Need Coffee</span></li>
        </ul>
      </div>
    </div>
    <div class="section">
      <input type="radio" name="accordion-1" id="section-4" value="toggle"/>
      <label for="section-4"><span>Section 4</span></label>
      <div class="content"></div>
    </div>
  </div>
</div>

该问题已被官方收录

关于洗牌算法如何获取加入数组并获取其中得数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//洗牌
function Shuffle(a) {
    var length = a.length;
    for(var i = length - 1, rand;i >= 0; i--){
        rand = Math.floor(Math.random()*(i+1))
        var p = a[i];
        a[i] = a[rand];
        a[rand] = p ;  
    }
}
//设置从0到8的数组a
a = [0,1,2,3,4,5,6,7,8];
//页面加载运行函数，Shuffle（a）
Shuffle(a);

//重置颜色，并随机抽取三个数，赋予其颜色
function clear(){
    var units = document.getElementsByClassName("grid");
    for(var i = 0; i < units.length;i++){
        units[i].style.backgroundColor = "#ff8c00";
    }
    units[a.slice(0,3)[0]].style.backgroundColor = randomlyColor();
    units[a.slice(0,3)[1]].style.backgroundColor = randomlyColor();
    units[a.slice(0,3)[2]].style.backgroundColor = randomlyColor();
    console.log(a.slice(0,3)[0],a.slice(0,3)[1],a.slice(0,3)[2])
}

该问题已被官方收录

vue-router搭建

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: Index
    },{
      path: '/content/:1',
      name: 'content',
      component: Content
    }
  ]
})

该问题已被官方收录

ui-router1.0 和 angularjs1.7 配合报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ui-router1.0 不支持.state 链式写法，需要重新按照新文档改写。

该问题已被官方收录

怎样使游戏流程的已变色步骤，在法官查看或杀人（投票）页面跳转后保持背景不变色

2

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<header>
    <span id="return" class="fa fa-angle-left"></span>
    <span>法官日记</span>
    <span id="close" class="fa fa-times"></span>
</header>
<main>
    <div class="oneDayCopy">
        <div class="dayCopy">
            <div class="dateCopy">
                <span class="text-center btn-block">第1天</span>
            </div>
        </div>
        <div class="happeningCopy">
            <div class="asideCopy"></div>
            <div class="incidentsCopy">
                <div id="kill" class="incidentCopy">
                    <img class="moon" src="../img/night.png" alt="">
                    <a class="kill"><span class="triangle-leftCopy"></span>杀手杀人</a>
                </div>
                <div class="killMsgCopy">
                    <span id="beKilledCopy"></span>
                    号被杀手杀死，真实身份是
                    <span id="beKilledRoleCopy"></span>
                </div>
                <div id="deadSpeakCopy" class="incidentCopy">
                    <img class="sun" src="../img/day.png" alt="">
                    <a class="death"><span class="triangle-leftCopy"></span>亡灵发言</a>
                </div>
                <div id="aliveSpeakCopy" class="incidentCopy">
                    <a class="aliveSpeak"><span class="triangle-leftCopy"></span>玩家依次发言</a>
                </div>
                <div id="voteCopy" class="incidentCopy">
                    <a class="vote"><span class="triangle-leftCopy"></span>玩家投票</a>
                </div>
                <div class="voteMsgCopy">
                    <span id="beVoted"></span>
                    号被投票杀死，真实身份是
                    <span id="beVotedRole"></span>
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <a class="over">结束游戏</a>
    <a class="watch">法官查看</a>
</footer>

JS代码（部分）
var playerStatus=JSON.parse(sessionStorage.getItem('playerStatus')),
    days=JSON.parse(sessionStorage.getItem('days')),
    beKillNum=JSON.parse(sessionStorage.getItem('beKillNum')),
    beVoteNum=JSON.parse(sessionStorage.getItem('beVoteNum')),
    step=sessionStorage.getItem('step');
//为法官查看页面准备
sessionStorage.setItem('playerStatus',JSON.stringify(playerStatus));
sessionStorage.setItem('beKillNum',JSON.stringify(beKillNum));
sessionStorage.setItem('beVoteNum',JSON.stringify(beVoteNum));
sessionStorage.setItem('days',JSON.stringify(days));

switch(step){
        case "dead":
            var i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            break;
        case "speak":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            break;
        case "vote":
            i=days-1;
            changeColor($('.kill'),$('.kill .triangle-leftCopy'));
            $('.killMsgCopy').text(beKillNum[beKillNum.length-(1+i)].number+"号被杀死，真实身份是"+beKillNum[beKillNum.length-(1+i)].role).show();
            changeColor($('.death'),$('.death .triangle-leftCopy'));
            changeColor($('.aliveSpeak'),$('.aliveSpeak .triangle-leftCopy'));
            break;
    }
    //变色函数
    function changeColor(a,b){
        a.css({
            'backgroundColor':'#83b09a',
            'borderColor':'#83b09a'
        });
        b.css('borderRightColor','#83b09a');
    }

该问题已被官方收录

关于prompt

1

变量函数事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("输入你的成绩");
	if(score>=90)
	{
	   document.write("大佬，惹不起!");
	}
	else if(score>=75)
    {
	   document.write("哎呦，不错吆!");
	}
	else if(score>=60)
    {
	   document.write("60分万岁!");
    }
    else if(score>=0)
	{
       document.write("你个渣渣!");
	}
	else if(score===null)
	{
	    document.write("坦白从宽!")
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

该问题已被官方收录

微信小程序传参有几种方式？

0

1

小程序界面构建小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

请求大佬讲解一波有几种传参方式，哪一种比较好

该问题已被官方收录

ui路由使用懒加载,登录成功跳转页面的时候不加载index,html引入的库

0

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en" ng-app="App">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>JS-Task6</title>
</head>
<body>
<div ui-view></div>


<script src="component/angular.min-1.6.3/angular.min.js"></script>
<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>
<script src="component/angular-ui-router-0.4.3/angular-ui-router.js"></script>
<script src="component/jquery.min-1.11.0/jquery-1.11.0.min.js"></script>
<script src="component/angular-messages-1.5.3/angular-messages.js"></script>
<!--<script src="component/ocLazyLoad.min-1.0.4/ocLazyLoad.min.js"></script>-->
<script src="app.js"></script>
</body>
</html>

//入口模块
angular.module("App", ['ui.router', 'ngMessages', 'oc.lazyLoad'])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider, $ocLazyLoadProvider) {
        //封装懒加载
        var _lazyLoad = function (loaded) {
            return function ($ocLazyLoad) {
                return $ocLazyLoad.load(loaded, {serie: true})
            }
        };

$ocLazyLoadProvider.config({
            debug: false,
            events: true
        });
        //默认打开页面
        $urlRouterProvider.otherwise('/login');
        //配置路由页面
        $stateProvider
            //登录页面
            .state('login', {
                url: '/login',
                controller: 'logCtrl',
                templateUrl: 'html/login.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/login.css',
                        'controller/login.js'
                    ])
                }
            })
            //后台页面
            .state('list', {
                url: '/list',
                controller: 'listCtrl',
                templateUrl: 'html/list.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/menu/htmleaf-demo.css',
                        'component/menu/nav.css',
                        'component/menu/iconfont.css',
                        'css/list.css',
                        'controller/list.js'
                    ])
                }
            })
            //后台欢迎页面
            .state('list.welcome', {
                url: '/welcome',
                controller: 'welCtrl',
                templateUrl: 'html/welcome.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'css/welcome.css'
                    ])
                }
            })
            //article列表页面
            .state('list.article', {
                url: '/article',
                controller: 'artCtrl',
                templateUrl: 'html/article.html',
                resolve: {
                    loadMyFile: _lazyLoad([
                        'component/bootstrap/bootstrap.min.css',
                        'css/article.css',
                        'component/bootstrap/bootstrap.min.js',
                        'controller/article.js'
                    ])
                }
            })
    });