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

$state.go传参需要哪些东西配合

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.controller('articleListCtrl',function ($scope,$http,$state,$stateParams) {
    $http({
        method:'GET',
        url: '/carrots-admin-ajax/a/article/search',
        params: $stateParams
    }).then(function successCallback(response) {
        console.log(response);
        console.log($stateParams);
        $scope.articleList = response.data.data.articleList;
        $scope.size= response.data.data.size;
        $scope.total = response.data.data.total;
        $("#page").initPage($scope.total,1,GG.kk);
        // $state.go('frameState.articleList',{
        //     page: 1,
        //     size: $scope.size,
        //     endAt: undefined,
        //     startAt:undefined,
        //     type: undefined,
        // },{reload:true})

另一段

 .state('frameState.articleList',{
            url:'/articleList?page?size?endAt?startAt?type?status?',
            templateUrl:'pages/articlePage.html',
            controller:'articleListCtrl'
        })

angular写router无法跳转或者说url改变了但是页面没变。

1

路由器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<main class="bg-img">
    <div class="input-wrap">
        <div class="top-img"></div>
        <div class="input-box">
            <div class="user-img"></div>
            <input class="name" type="text" placeholder="输入账号" ngModel="name" />
        </div>
        <div class="input-box">
            <div class="password-img"></div>
            <input class="password" type="password" placeholder="输入密码" ng-model="pass" />
            <p>{{name}}{{pass}}</p>
        </div>
        <button class="btn" [routerLink]="['listpage']">
            登录
<app-popout>
</app-popout>

            <!-- <span *ngIf="name=='user'&&pass=='password'" [routerLink]="['/assa']" routerLinkActive="router-link-active" ></span>
            <span *ngIf="name!='user'||pass!='password'" 弹框错></span> -->
          </button>
    </div>

</main>

for的作用、用处

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
var ranNum = 5;
for (var i = 0; i < ranNum; i++) {
var ran = Math.floor(Math.random() * arr.length);

今天测试vue的基本模板语法时出现了一个结构问题

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="app">
    <table>
      <item></item>
      <item></item>
      <item></item>
      <item></item>
    </table>
  </div>
  <script>
    Vue.component('item', {
      template: '<tr><td> {{content}}</td></tr>',
      data: function () {
        return {
          content: "测试"
        }
      }
    })
    var vm = new Vue({
      el: '#app',
      data: {

      }
    })
  </script>

将数组中的数值删除。

0

1

数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

         for (i = 0; i < ki.length; i++) {
                if (ki[i] == q) {
                    ki.splice(i, 1);

                }
            }
            for (i = 0; i < hu.length; i++) {
                if (hu[i] == q) {
                    hu.splice(i, 1);
                }
                console.log(i)
            }

面向对象

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
		integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<style type="text/css">

	</style>
</head>

<body>
	<p title="qqqWWWSS">this a test</p>
	<script>
		var paras = document.getElementsByTagName("p");
		for (var i = 0; i < paras.length; i++) {
			var title_test = paras[0].getAttribute("title");
			if (title_test != null) {
				alert(title_test);
			}
		}
	</script>

	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
		integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
		crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
		crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
		crossorigin="anonymous"></script>
</body>

</html>
<!-- test vs code git git git -->

vuex vue axios

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

vue怎么使用插件使得手机端调用拍照功能

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

如何保存杀人状态

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr = localStorage.getItem("newArr").split(",");//获取排序数组

九宫格颜色不能正常显示

1

操作DOM 表达式和运算符变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var t;

function start() {
    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8];
    for (i = 0; i < 3; i++) {
        var a = Math.floor(Math.random() * arr.length);
        var b = Math.floor(Math.random() * arr.length);
        var c = Math.floor(Math.random() * arr.length);
        if (a !== b && a !== c && b !== c) {
            break;
        }
    }

    var square = document.getElementsByClassName("square");
    for (j = 0; j < square.length; j++) {
        square[j].style.background = "orange";
    }

    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 + ')";
    }

    square[a].style.background=color();
    square[b].style.background=color();
    square[c].style.background=color();


    t = setTimeout("start()", 500);

}



function stop() {
    console.log(t)
    clearInterval(t);
    var square = document.getElementsByClassName("square");
    for (h = 0; h <square.length; h++) {
        square[h].style.background = "orange";
    }

}