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

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

点击“赞”或“踩”的链接，就会看到该页面发生了预料之外的刷新。 

在默认情况下，JavaScript会把click事件冒泡到所有父级组件中。因为 click 事件被冒泡到了

父级，浏览器就会尝试导航到这个空白链接，于是浏览器就重新刷新了。 

解决办法：让 click 的事件处理器返回 false 。这能确保浏览器不会尝试刷新页面。修改代码，以便让每一个 voteUp() 和 voteDown() 函数都返回一个布尔值 false （告诉浏览器不要向上冒泡） ： 

voteDown(): boolean { 

  this.votes -= 1; 

  return false; 

}

该问题已被官方收录

如何实现侧边栏刷新保持展开以及高亮状态？

1

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

在用户管理页保持高亮的代码如上面截图，但是跳转到用户详情页时如何也能保持高亮呢？

该问题已被官方收录

sidebar如何封装？能不能隔离scope提高复用性

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

        <div class="leftSideBar">
            <ul id="accordion" class="collapse collapse-close margin-0">
                <li class="first-level" ng-repeat="x in sidebar">
                    <a ng-click="toggleList($index)" ng-class="{current: first == $index}" >
                        <i class="fa fa-pencil"></i>
                        {{x.firstLevel}}
                        <span class="fa fa-angle-left fa-lg" ng-class="(first == $index)? 'fa-angle-down' : 'fa-angle-left'"></span>
                    </a>
                    <ul class="second-level" ng-show="first == $index" >
                        <li ng-repeat="y in x.secondLevel ">
                            <a ui-sref="{{y.url}}"
                               ng-class="{active:second == y.title}"
                               ng-click="currentList(y.title, $parent.$index)">{{y.title}}</a>
                        </li>
                    </ul>
                </li>
            </ul>

该问题已被官方收录

没有赋值变量，变量却变了

0

1

变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function shuffle(arr) {
    var _arr=arr,
        r;

    for (i=0;i<arr.length;i++){
        r = ~~(Math.random() * arr.length);
        _arr[i]=arr[r];

    }
    return arr;

}
console.log(shuffle([1,2,3,4,5,6]));

该问题已被官方收录

url页面传参

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码在图中

该问题已被官方收录

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
    }
  ]
})

该问题已被官方收录

有限状态机的状态state改变到底是自动得还是每次都得自己手动改变呢？

0

1

有限状态机

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   $(".step1").click(function () {
        fsm.timetokill();
    });
    $(".step2").click(function () {
        fsm.timetospeak();
    });
    $(".step3").click(function () {
        fsm.timetotalk();
    });
    $(".step4").click(function () {
        fsm.timetovote();
    });

该问题已被官方收录

图片拖动上传

0

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-show="uploader.isHTML5"  ng-if="!order">
                            <!-- 3. nv-file-over uploader="link" over-class="className" -->
                            <div class="well my-drop-zone" nv-file-drop uploader="uploader">
                                <label for="upload-file">上传效果图<span style="font-weight: lighter;">(上传图片在5M以内)</span></label>
                                <input type='file' id="upload-file" nv-file-select uploader="uploader">
                            </div>
                        </div>

该问题已被官方收录

如何获取三个随机格子

0

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>

该问题已被官方收录

复盘项目中第三方登录怎么实现？

0

1

其他

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

去第页

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