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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

0

1

事件操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

angular6路由卫士如何设置？

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular6路由卫士设置方法：

新增卫士服务


// src/app/serve/auth-guard.service.ts
import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';

@Injectable()
export class AuthGuardService implements CanActivate {
  constructor(public router: Router) {}
  canActivate(): boolean {
    if (localStorage.getItem('username') === null) {      // 验证登录状态
      this.router.navigate(['/login']);                   // 重定向
      return false;
    }
    return true;
  }
}
导入路由模块


// src/app/app.routing.module.ts
import { Routes, CanActivate } from '@angular/router'; // 导入依赖

import { 
  AuthGuardService as AuthGuard 
} from '../app/serve/auth-guard.service';             // 导入服务
const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login', component: AdminLoginComponent },
  {
    path: 'global',
    component: GlobalComponent,
    children: childRoutes,
    canActivate: [AuthGuard]          // 添加验证服务
  }
];
@NgModule({
...
  providers: [ AuthGuard ],        // 添加提供者
})

登录时：


... 
 if (this.data.code === 0) {                //  用户名密码验证成功
      localStorage.setItem('username', 'admin');  
      this.router.navigate([`../global`]);          
        }
...
退出时：


logout() {
    localStorage.removeItem('username');
    this.router.navigate(['/login']);
  }

该问题已被官方收录

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"> 代码

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

该问题已被官方收录

时间点的选择有没有合适的插件，在网上没有找到

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

任务三，翻盘页点击最后的法官查看，会先闪过一张翻盘页面再跳转到游戏开始

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  if ($('#look').text() == "法官查看") {
            window.location.href = 'task3-2.html';
        } else {

该问题已被官方收录

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

去第页

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