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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

ui-sref怎么传递参数，设置了没用不跳转

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

下面简单介绍下ui-sref参数的传递

页面写法如下





?

1
 
<a ui-sref="man({id:1,name:2})" >按钮</a>
 

路由里面配置：





?

1
2
3
4
 
$stateProvider.state('man', { 
  url: '/man.html?id&name',     //参数必须先在这边声明 
  templateUrl: '../man.html', 
})
 

点击连接后，浏览器的地址则会变为：/man.html/id=1&name=2

 .state("list.article", {
            url: "/article.html?id&name",
            views: {
                'list': {
                    templateUrl: "tpls/article.html",
                    controller: "articleController"
                }
            }
        })

 <ul class="nav">
                <a class="link" ui-sref="article({id:1,name:2})">
                    管理员
                </a>

该问题已被官方收录

vue 使用路由history模式，訪問頁面404

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML5 History 模式

这个设置和angular踩过的坑一样，angular没有官方文档说明。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

    const router = new VueRouter({
      mode: 'history',
      routes: [...]
    })

当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！

不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。

所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。

后端配置例子

 nginx
location / {
  try_files $uri $uri/ /index.html;
}

该问题已被官方收录

使用localStorage传递数组到第二个页面怎么恢复成正常的数组？

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

如何实现页面跳转传输变量

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  function generate() {
        var oneday = JSON.parse(sessionStorage.getItem('onedaykill'));
        if (oneday == null) {
            return
        } else {
            for (let i = 0; i < oneday.length; i++) {
                if (oneday[i].state == 'die') {
                    killResult.innerHTML = oneday[i].id + '号玩家被杀死，真实身份是好人';
                    window.sessionStorage.setItem('onedayvote', JSON.stringify(oneday));
                    sun.style.top = '6.4rem';
                    kill.style.backgroundColor = '#ccc';
                    trianglea.style.borderRight = '.7rem solid #ccc';
                    return

                } else {
                    killResult.innerHTML = '杀手没有杀人'
                }

该问题已被官方收录

如何使用AngularJS的内置过滤器 orderBy？

1

1

angular model angular内置指令和方法

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

{{ childrenArray | orderBy : orderFunc }}

该问题已被官方收录

在任务二的时候，在页面的人数输入完成然后分配下去以后，跳转到下个页面如何去识别

1

1

js随机数

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>Document</title>
    <link rel="stylesheet" type="text/css" href="./js2-2.css">
   
</head>

<body>

    <!-- 头部部分  -->
    <header>
        <a href="./../js2-1/js2-1.html" class="return"></a>
    </header>
    <main>
        <!-- 玩家配比部分 -->
        <h2>玩家配比</h2>
        <!-- 几个人数 -->
        <div class="number">
            <Div class="box1">
                <Div class="werwolf">
                </Div>
                <p id="killer">杀手<span></span>人</p>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <p id="people">平民<span></span>人</p>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder="" maxlength="2">
            <span>玩家数量为4-18</span>                     
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</html>
/* 全局字体样式设置 */
html{
    font-size: 62.5%;
}

body{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    background-color: #F0F0F0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
header{
    display: flex;
    align-items: center;
    background-color: #29BDE0;
    width: 100%;
    height: 4.25rem;
}
.return{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid white;
    border-right: 0;
    border-bottom: 0;
    margin-left: 5%;
    transform: rotate(-45deg);
}
main h2{
    height: 3.3rem;
    width: 90%;
    margin: auto;
    margin-top: .4rem;
    text-align: center;
    line-height: 3.1rem;
    background-color: white;
    box-shadow: 0px 3px 13px #888888;
}
.number{
    width: 90%;
    background-color: white;
    height: 30rem;
    margin: auto;
    margin-top: .5rem;
    box-shadow: 0px 3px 13px #888888;

}
.box1{
    display: inline-flex;
    align-items: center;  
    width: 40%;
    margin-left: 2rem;
    margin-top: 1rem;
}
.box2{
    display: inline-flex;
    align-items: center;
     width:41%;
}
.werwolf{
    display: inline-block;
	width: 40px;
    height: 36px;
    border-radius: 50%;
    background: url(./css_sprites.png) no-repeat 90% 19.608%;
}
.civilian{
    display: inline-block;
    width: 60px;
	height: 51px;;
    background: url(./css_sprites.png) no-repeat 12.5% 50%;
    border-radius: 50%;
    zoom: .7;
}
input{
    width: 16px;
    background-color: #F0F0F0;
    border: 0;
    margin-left: 10px;
    text-align: center;
    color: orange;
}
.quantity{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: .5rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0px 3px 13px #888888;
}
input+span{
    display: inline-block;
    font-size: 12px;
    margin-left: 11px;
    color: orange;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4rem;
    background-color: #FAB344;
    margin-left: 5%;
    margin-top: 4rem;
    margin-bottom: 2.9rem;
    border: 0;
    outline: none;
     color: white;
    font-size: 2rem;
}
// 获取inout的值
var G = document.getElementById('value');

function huoqu() {
    if (G.value < 4 || G.value > 18) {
        alert("请输入正确的玩家数量");
    } else {
        console.log(1);
        location.href = "./../js2-3/js2-3.html"
    }
}
// 获取杀手玩家DOM
var K = document.getElementById("killer");
var P = document.getElementById("people");

// 实时监听输入的值
G.oninput = function () {
    console.log(G)

    var killerNumber;
    var peopleNumber;

    // 分配杀人平民人数
    if (G.value < 4 || G.value > 18) {
        K.innerHTML = '杀手人'
        P.innerHTML = '平民人'
    } else if (G.value == 15 || G.value == 18) {
        killerNumber = Math.floor(G.value / 3 - 1)
        peopleNumber = G.value - killerNumber;

        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'

    } else if (G.value > 4 || G.value < 18) {
        killerNumber = Math.floor(G.value / 3)
        peopleNumber = G.value - killerNumber;
        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'
    }

}
// 禁止输入汉字
G.onkeyup = function () {
    if (!/^\d+$/.test(this.value)) {
        alert('禁止输入汉字');
        this.value = '';
    }
}
// 只能输入数字
G.onkeyup = function () {
    if (/[^\d]/g.test(this.value)) {
        alert('只能整数');
        this.value = '';
    }
}

该问题已被官方收录

在angularJs中，$rootScope.on是什么方法，如何使用？

1

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
            if(!localStorage.userDetail && $location.path() === "/user"){
                $state.go('login',{reload:true});
            }

        });

该问题已被官方收录

富文本编辑器插件是定宽的，怎么自适应

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-controller="newArticle">
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>{{pageTitle}}</strong>
        </div>
        <div class="panel-body table-responsive">
            <form class="form-horizontal" name="myForm" novalidate>
                <div class="form-group">
                    <label class="col-md-2 ">标题名称</label>
                    <div class="col-md-8">
                        <input type="text" ng-model="newTitle" class="form-control" name="title" required/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">类 型</label>
                    <div class="col-md-2">
                        <select class="select" ng-model="newType" name="status" required>
                            <option ng-repeat="x in reType" value="{{x.value}}" ng-selected="x.value == newType" >{{x.name}}</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <select class="select" ng-model="newIndustry" name="industry" ng-show="newType == 3" ng-required="newType == 3">
                            <option ng-repeat="y in industry" value="{{y.value}}" ng-selected="y.value == newIndustry">{{y.name}}</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">说 明</label>
                    <div class="col-md-8">
                        <div class="ueditor" ng-model="content"></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2">跳转链接</label>
                    <div class="col-md-8">
                        <input type="text" ng-model="newLink" class="form-control" name="link" required/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 word-spacing-25">配 图</label>
                    <div upload-file></div>
                </div>
                <div class="form-group">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <button ng-click="online()" ng-disabled="myForm.$invalid || srcImg ==  undefined" type="submit" class="btn btn-success">立即上线</button>
                        <button ng-click="draft()" ng-disabled="myForm.$invalid || srcImg ==  undefined" type="submit" class="btn btn-success">存为草稿</button>
                        <button ui-sref="home.articleList" type="button" class="btn btn-default pull-right">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

该问题已被官方收录

angular 自定义指令，分页指令

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .directive("myTabs", function () {
        return {
            restrict: 'AE',
            replace: true,
            scope: {
                page: "=",
            },
            template: " <li ng-repeat='item in pagenum' ><a ng-click='skip(item.num,size)' class='ahref' ng-class={'ahrefturn':isa(item.num)}>{{item.title}}</a></li> ",
            // compile: function (scope) {
            // }
            link: function (scope) {
                scope.$watch('page', function (newValue, oldValue) {
                    scope.pagenum = paging()
                }, true)


                // function run(){
                //   return  [paging(),isa()]
                // }
                function paging() { //分页函数
                    if (scope.page.allpage > 6) {
                        scope.pagenum = []
                        for (let i = 0; i < 7; i++) {
                            if (scope.page.page) { //循环填入数据
                                let w = {
                                    title: scope.page.page + i,
                                    num: scope.page.page + i
                                }
                                scope.pagenum.push(w);
                            } else { //z第一次加载防止没有数据
                                let w = {
                                    title: 1 + i,
                                    num: 1 + i
                                };
                                scope.pagenum.push(w);
                            }
                        }
                        if (scope.pagenum[0].num > 1) { //如果页数大于1，则填入上一页
                            let lastpage = {
                                title: "<",
                                num: scope.page.page - 1
                            }
                            scope.pagenum.unshift(lastpage)
                        }
                        if (scope.pagenum[6].num < scope.page.allpage) { //如果数组的最后一项数组大于总页数
                            let omit = {
                                title: '...',
                                num: ''
                            }
                            scope.pagenum.push(omit)
                            let next = {
                                title: '>',
                                num: scope.page.page + 1,
                            }
                            scope.pagenum.push(next)
                        }
                     
                        return scope.pagenum;

                    } else {
                        scope.pagenum = []
                        for (let i = 0; i < scope.page.allpage; i++) {
                            if (scope.page.page) { //循环填入数据
                                let w = {
                                    title: scope.page.page + i,
                                    num: scope.page.page + i
                                }
                                scope.pagenum.push(w);
                            } else { //z第一次加载防止没有数据
                                let w = {
                                    title: 1 + i,
                                    num: 1 + i
                                };
                                scope.pagenum.push(w);
                            }
                        }
                        return scope.pagenum;
                    }
                }
            }
        }
    })

该问题已被官方收录

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

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