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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

AngularJS自定义指令标签中绑定父级方法--报错

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive('zPage',function(){
    return {
        priority:0,
        restrict:'E',
        replace:true,//(boolean/string)默认为false
        //template:(string/function)
        templateUrl:'directive/pagination.html',
        scope:{
            pageid:'=',
            totalpages:'=',
            page_num:'=paging',
            statego:'&'
        },
        link: function(scope,element,attrs){
            element.bind('mouseover',function(){
                angular.element('a').css('cursor','pointer')
            });
            //初始加载分页 
            scope.paging = [];
            if(scope.page_num <= 5 || !scope.page_num){
                for(let i=1;
                    i <= 5;
                    i++){
                    scope.paging.push(i);
                } 
            };
            //start paging logic
            scope.selected = function(pageid,reload){ 
                scope.pageid = pageid;
                if ( scope.totalpages > 5){
                    if(pageid > scope.totalpages-3){
                        scope.paging = [
                            scope.totalpages-4,
                            scope.totalpages-3,
                            scope.totalpages-2,
                            scope.totalpages-1,
                            scope.totalpages
                        ]
                    }else if(pageid < 3){
                        scope.paging = [1,2,3,4,5]; 
                    }else {
                        scope.paging = [
                            pageid - 2,
                            pageid - 1,
                            pageid,
                            pageid + 1,
                            pageid + 2
                        ]
                    }   
                }else {
                    for(let i = 0;
                        i < scope.totalpages;
                        i++
                        ){
                        scope.paging[i] = i+1;
                    }
                }
                scope.statego(pageid,reload);
                console.log(scope.statego(pageid,reload));
            } 
        
        //end paging logic

        //first page
        scope.firstPage = function(){
            scope.selected(1,false)
        }

        //previous page
        scope.lastPage = function(pageid){
            if(pageid > 0){
                scope.selected(pageid,false)
            }
        }

        //next page
        scope.nextPage = function(pageid){

            if(pageid <= scope.totalpages){
                scope.selected(pageid,false)
            }
        }
        //last page
        scope.endPage = function(){
            scope.selected(scope.totalpages,false)
        }
        //跳转页码&每页数量
        scope.goPage = function(pageid){
            if((pageid <= scope.totalpages && pageid > 0 ) || scope.size){
                scope.selected(pageid,true)
            }
        }
        }
    }
})

该问题已被官方收录

日期插件点击消失的功能实现问题

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<input class="form-control" type="text" ng-focus="dateCollapse1 = true" ng-blur="dateCollapse1 = false" ng-model="dt1" uib-datepicker-popup="yyyy-MM-dd">
                <div class="datePicker">
                    <div uib-datepicker ng-model="dt1" class="well well-sm" uib-collapse="!dateCollapse1"></div>
                </div>

该问题已被官方收录

怎么使用懒加载

1

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('app')
        .config(function ($urlRouterProvider,$locationProvider,$stateProvider) {
            //-----------------------------------------------基础
            $urlRouterProvider.when('','login');//默认路由页面
            $locationProvider.hashPrefix('');
            //-----------------------------------------------基础
            //懶加載
            function fileLoad(pathArray) {
                return function ($ocLazyLoad) {
                    return $ocLazyLoad.load(pathArray);
                }
            }
            //routes
            $stateProvider
                .state('login',{
                    url:'/login',
                    templateUrl:'./page/login/login.html',
                    controllerAs:'vm',
                    controller:'test',
                    // controller:'test as vm',
                    //路由进入前，可以进行异步处理
                    resolve:{
                        fileLoad:fileLoad(['page/login/login.js','page/login/login.css'])
                    },

该问题已被官方收录

if……else……else if……语句的内嵌

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//分配杀手和平民的数量
    function distribution(){
        getInput();
        if(players > 18 || players <4){
            killer = " ";
            civilian = " ";
            return;
        }
        if(players >= 4 && players <6){
            killer = 1;
            civilian = players - killer;
        }
        else if(players >=6 && players <9){
            killer = 2;
            civilian = players - killer;
        }
        else if(players >= 9 && players <12){
            killer = 3;
            civilian = players - killer;
        }
        else if(players >= 12 && players < 16){
            killer = 4;
            civilian = players - killer;
        }
        else{
            killer = 5;
            civilian = players - killer;
        }
    }

该问题已被官方收录

怎么实现隐藏游戏数据，使玩家可以查看前一天的游戏情况而且不会清空数据

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

...

该问题已被官方收录

在进行页面跳转的时候，使用的elm插件，要如何去给那个插件的一个属性去传数值

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

------------------------------HTML部分-------------------------------
import Axios from 'axios';
<template>
    <!-- 右边查询页面 -->
    <div class="inquire-background">
      <div class="inquire">
        <div class="date-type ">
          <span>发布时间</span>
          <!-- 发布时间进行搜索 -->
          <input v-model="found" class="begin" type="date" @change="kssj">
          <span style="margin-left: 5%;">一</span>
          <!-- 结束时间进行搜索 -->             
          <input v-model="update" class="finish" type="date" @change="jssj" >
          <span style="margin-left: 5%;">类       型</span>
          <select class="status1" v-model="listParams.type" @click="qb" >
            <option value="">全部</option>
            <option value="0">首页Banner</option>
            <option value="1">找职位Banner</option>                
            <option value="2" >找精英Banner</option>
            <option value="3">行业大图</option>
          </select>
        </div>
        <div style="margin-top: 20px;">
          <span style=" margin-left: 5%;">状       态</span>
          <select class="status1" v-model="listParams.status" @click="zt">
            <option value="">全部</option>
            <option value="2">上线</option>
            <option value="1">草稿</option>
          </select>
        </div>
        <div class="button-box">
          <el-button type="success" @click="empty" class="empty">清空</el-button>
          <el-button type="danger"  @click="search" class="seek">搜索</el-button>
        </div>
      </div>
      <div class="box">
        <p class="Article-list">Article列表</p>
        <el-button  type="success" @click="Thenewpage" class="newly">+新增</el-button>
      </div>
      <div style="margin-left: 20px;margin-right: 1.3%; box-shadow: -1px 0px 7px #888888;">
          <table class="table-one">
            <tr class="tr-one">
              <th>ID</th>
              <th>图片</th>
              <th>名称</th>
              <th>类型</th>    
              <th>发布时间</th>     
              <th>修改时间</th>    
              <th>状态</th>   
              <th>发布者</th>  
              <th style="display: inline-block;margin-right: -500%;">操作</th>
            </tr>
            <!-- 渲染整个列表 -->
            <tr class="tr-two" v-for="(item,index) in listt" :key='index'>
              <td>{{index+1}}</td>
              <td>
                <img style="width: 120px;height: 120px;" :src="item.img">
              </td>
              <td>{{item.title}}</td>
              <td>
                <div v-if="item.type===0">首页banner</div>
                <div v-else-if="item.type===1">找职位banner </div>
                <div v-else-if="item.type===2">找精英banner</div>
                <div v-else>行业大图</div>
              </td>
              <td>{{item.createAt|timeFilter}}</td>
              <td>{{item.updateAt|timeFilter}}</td>
              <td>
                <div v-if="item.status===1">草稿</div>
                <div v-if="item.status===2">上线</div>
              </td>
              <td>{{item.author}}</td>
              <td>{{item.promulgator}}</td>
              <td>
                <button class="operation" @click="up(item.id,item.status)" v-if="item.status===1">上线</button>
                <button class="operation" @click="up(item.id,item.status)" v-if="item.status===2">下线</button>
              </td>
              <td>
                <button class="operation" @click="edit(item.id)" >编辑</button>
              </td>
              <td>
                <button class="operation" @click="cancel(item.id)">删除</button>
              </td>
            </tr>
          </table>
        </div>
        <el-pagination
        background
      @current-change="handleCurrentChange"
      :current="current"
      layout="total,prev, pager, next, jumper"
      :total="zonggeshu">
    </el-pagination>
    </div>
</template>
---------------------------------JS部分-------------------------------------------
<script>
import axios from "axios";
import qs from 'qs';
export default {
 data(){
   return{
     zonggeshu: '',
     current: localStorage.current?localStorage.current:'',
     background: false,
     CompanyLocation:false,
     Article:false,
     listt:[],
     pages:'',
     total:'',//总页数
     pageArray:Array(),
     skip:'',//去第几页的空数值
     found:localStorage.found ? localStorage.found:'',//时间开始的空
     update:localStorage.update ? localStorage.update:'',//时间结束的空

     listParams:{
       current:'',//当前页数
       page:localStorage.page?localStorage.page:'',
       size:'10',
       startAt:'',
       endAt:'',
       type:localStorage.type?localStorage.type:'',
       status:localStorage.status?localStorage.status:''
     }
   }
 },
//  created:{

//  },
 mounted(){
   let sss = +localStorage.getItem('sss');
   console.log(sss)
   if(sss != ''){
     this.listParams.page = sss;
     this.listParams.current=sss;
   }
   this.getList()
 },
 filters:{
   timeFilter(value){
    let date = new Date(value);
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
    MM = MM < 10 ? "0" + MM : MM;
    let d = date.getDate();
    d = d < 10 ? "0" + d : d;
    let h = date.getHours();
    h = h < 10 ? "0" + h : h;
    let m = date.getMinutes();
    m = m < 10 ? "0" + m : m;
    let s = date.getSeconds();
    s = s < 10 ? "0" + s : s;
    return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
}
 },
 methods: {
   qb(val){
    console.log(val,this.listParams.type)
    localStorage.setItem('type', this.listParams.type);
   },
   zt(val){
    console.log(val,this.listParams.status)
    localStorage.setItem('status', this.listParams.status);
   },
   kssj(val){
    console.log(val,this.found)
    localStorage.setItem('found', this.found);
   },
   jssj(val){
    console.log(val,this.update)
    localStorage.setItem('update', this.update);
   },
   handleSizeChange(val){
    console.log(`每页 ${val} 条`);
   },
   handleCurrentChange(val){
     console.log(`当前页: ${val}`);
     localStorage.setItem('sss',val);
     this.listParams.page = val;
     this.listParams.current=val;
     this.getList();

   },
  //  删除
   cancel(id){
      if(!confirm("确认删除？不可恢复的操作")){
        return false;
      }
      axios.delete('/carrots-admin-ajax/a/u/article/' + id).then(res => {    
      console.log(res.data.code);
      this.getList()
   });
   },
   //编辑
   edit(id){
     sessionStorage.clear(); //清除所有数据
        this.$router.push({
        path: "Thenewpage",
        query: {
          status: "edit",
          id: id
        }
      }) 
   },
  //  上线
   up(id,status){
     status = (status == 1) ? 2 : 1
     if(!confirm('上线后该图片将在轮播banner中展示,是否执行上线操作？')){
       return false;
     }
     axios.put('/carrots-admin-ajax/a/u/article/status',qs.stringify({
       id,
       status
     })).then(res =>{
       console.log(res)
       this.getList()
     })
   },
   getList(){
     //分页的按钮传输数据
      console.log(this.listParams)
      if(this.found != ''){
      let b =new Date(this.found);
      this.listParams.startAt= b.getTime(b);
      console.log( this.listParams.startAt)
     }
     if(this.update !=''){
       let b =new Date(this.update);
       b.setDate(b.getDate()+1)
       this.listParams.endAt=b.getTime(b);
     }
     axios.get(`/carrots-admin-ajax/a/article/search`,{ params:this.listParams})
     .then(res => {
      this.listt=res.data.data.articleList
      console.log(res)
      //获取总页数的部分
      this.zonggeshu = res.data.data.total;
      console.log(this.zonggeshu)
      this.total=Math.ceil(res.data.data.total/10)
      console.log(this.total)
      // 获取分页数部分
      this.pageArray=Array(Math.ceil(res.data.data.total/10));
   })},
  //  点击事件
   oo(val){
     console.log(val)
     this.listParams.page = val
     this.getList()
   },
   show() {
     console.log(this.background)
     this.background = this.background ? false : true;//三元表达式，如果为false的时候赋值true反之相反
   },
    information(){
    this.CompanyLocation = this.CompanyLocation ? false :true;
   },
   content(){
    this.Article = this.Article ? false :true;
   },
   page(){
      this.$router.push({path:'./page'})
   },
   ooo(){
     this.listParams.page= this.skip
     this.getList()
   },
   Thenewpage(){
      this.$router.push({path:'./Thenewpage'})
   },
  //  搜索框的点击事件
   search(){
      if(this.found != ''){
      let b =new Date(this.found);
      this.listParams.startAt= b.getTime(b);
      console.log( this.listParams.startAt)
     }
     if(this.update !=''){
       let b =new Date(this.update);
       b.setDate(b.getDate()+1)
       this.listParams.endAt=b.getTime(b);
     }
     this.getList()
   },
 empty() {
   sessionStorage.clear();
   localStorage.clear();
   this.listParams = {
       page:'1',
       size:'10',
       startAt:'',
       endAt:'',
       type:'',
       status:''
     };
     this.found = '';
     this.update ='';
     this.getList();
 }
 },
}


</script>
------------------------------CSS部分-------------------------------
<style lang="scss" scoped>
// 默认CSS样式部分
button{
  border: 0;
  outline: none;
}
p{
  margin-top: 0;
}
// 头部样式部分
  header {
    display: flex;
    justify-content: space-between;
    // 后台管理样式
    .back-stage-management{
      width: 16.69%;
      height: 45px;
      text-align: center;
      background-color: salmon;

    }
      // 后台管理字体样式
    .back-stage-management-font{
      font-weight: 1000;
      font-family: "微软雅黑";
      color: white;
      padding-top: 10px;
    }
    // 头部右边样式
    .header-operation{
      width: 180px;
      background-color: white;
      display: flex;
    }
    // 管理员字体样式
    .status{
      color: blue;
      margin-top: auto;
    }
    // 账号样式
    .ID{
      color: blue;
      border-left: 1px solid bisque;
      padding-left: 10px;
      padding-right: 10px;
      border-right: 1px solid;
    }
    // 关闭按钮样式
    .shut{
      margin: auto;
      width: 38px;
      margin-bottom: 12px;
      margin-left: 15px;
      // 关闭按钮图片样式
      .shut-img{
        width: 20px;
        height: 20px;
      }
    }
}
// 中间的部分
main{
  display: flex;
  .option-button{
    display: inline-block;
    width: 20%;
    padding-bottom: 1500px;
    // background-color: coral;
    // 左边菜单栏折叠部分
    .background-system{
      display: block;
      width: 100%;
      height: 40px;
      border: 0;
      color: white;
      outline: none;
      text-align: center;
      background-color: coral;
    } 
    // 折叠部分菜单栏效果
    .background-system:hover{
      background-color: orange;
      font-size: x-large;
    }
  }
  // 后台管理样式
  .back-stage-management:hover{
    background-color: white;
  }
  .back-stage-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    border: 0;
    outline: none;
    .back-stage-management-font{
      margin: 0;
    }
  }
  // 信息管理样式
  .information-management:hover{
    background-color: white;
  }
  .information-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    .information-management-font{
    margin: 0;
    }
  }
  // 内容管理样式
  .content-management:hover{
    background-color: white;
  }
  .content-management{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    .content-management-font{
    margin: 0;
    }
  }
  .inquire-background{
    width: 100%;
   background-color: darkgray;
    .inquire{
    height: 127px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 1.3%;
    border-radius: 7px;
    box-shadow: -1px 0px 7px #888888;
    background-color: white;
    .date-type{
    display: flex;
    margin-left: 5%;
    padding-top: 10px;
    .begin{
      margin-left: 5%;
    }
    .finish{
      margin-left: 5%;
    }
    .profession{
      margin-left: 5%;
    }
    }
    .status{
      margin-left: 5%;
    }
    .status1{
      width: 200px;
      padding-left: 10px;
      margin-left: 4.6%;
    }
    .button-box{
      display: flex;
      justify-content: flex-end;
      margin-top: 4px;
    .seek{
      margin-right: 2%;
      margin-left: 1%;
    }}
    }
  }
  .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color:#f3f3f3;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 1.3%;
    box-shadow: -1px 0px 7px #888888;
    border-right: 1px solid #bab0b0;
    .Article-list{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 3%;
  
  }
  .newly{
    padding: 5px;
    border: 0;
    outline: none;
    background-color: green;
    color: white;
    margin-right: 2%;
  }
  }
  .ys{
    display: flex;
    justify-content: flex-end;
    padding-right: 1%;
    margin-top: 20px;
    .Previous{
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid black;
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0;
    }
    .next{
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid black;
    transform: rotate(224deg);
    border-top: 0;
    border-right: 0;
    }
  }
  .table-one{
    width: 100%;
    text-align: center;
    background-color: white;
    border-collapse: collapse;
  }
 table tr {
    background: #fff;
    border-right: 1px solid #bab0b0;
    .operation{
    color: blue;
    background-color: white;
}
}
table tr:nth-child(even) {
    background: #f3f3f3;
      border-top: 1px solid #bab0b0;
    border-right: 1px solid #bab0b0;
    .operation{
    color: blue;
    background-color: #f5f5f5;
}
}

}
</style>

该问题已被官方收录

ui-router怎么默认显示二级路由

2

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function ($urlRouterProvider,$stateProvider) {
    $urlRouterProvider.otherwise('/home');
    $stateProvider
       .state('navPage',{
            url: '/',
            templateUrl: 'view/navPage.html',
            controller: 'navPageCtrl'
        })
        .state('navPage.home',{
            url: '/home',
            templateUrl: 'view/home.html',
            controller: 'homeCtrl'
        })

该问题已被官方收录

页面不能正常的显示，插件功能显示错误。

0

1

angular router

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

console.log("asdasd")
var myApp = angular.module("myApp", ["ui.router"])

// var app = angular.module("myApp", []);
// myApp.controller("siteCtrl", function ($scope) {

// });


//路由搭建
myApp.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/pageTab');

    // $urlRouterProvider.when("", "/pageTab");
    $stateProvider
        .state("pageTab", {
            url: "/pageTab",
            templateUrl: "pageTab.html?page&size",
           
        })
        .state("pageTab.page1", {
            url: "/page1",
            templateUrl: "page1.html?page&size",
       
            
            
            
            
        })
        .state("pageTab.page2", {
            url: "/page2",
            templateUrl: "page2.html?page&size",
           
            
        })
        .state("pageTab.page3", {
            url: "/page3",
            templateUrl: "page3.html?page&size",
          
            
        })

});
//风琴页面
$(".panel-body").hide();
$('.collapse').collapse({
    toggle: true,
    parent: '#accordion'
})
$('.panel-heading').on('click', function () {
    var self = this;
    $(self).nextAll().eq(0).collapse("show");

})

// var ap = angular.module('myApp', []);

// //发送请求
myApp.controller('siteCtrl', function ($scope, $http,$log,$state) {
    $http({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search'

    }).then(function successCallback(response) {
        console.log(response);

        $scope.names = response.data.data.articleList;
    }, function errorCallback(response) {
        // 请求失败执行代码
    });
    //selec下拉菜单
    $scope.sites = [{
            site: "例子一",
            url: "www.baidu.com"
        },
        {
            site: "例子二",
            url: "www.gogle.com"
        },
        {
            site: "例子三",
            url: "www.sougou.com"
        }


    ];
    $scope.types = [{
            type: "例子一",
            url: "www.baidu.com"
        },
        {
            type: "例子二",
            url: "www.gogle.com"
        },
        {
            type: "例子三",
            url: "www.sougou.com"
        }


    ];
    $state.go("pageTab.page1",{
        page:$scope.currentPage
  
    },{
        // reload:true
    }) 




//分页功能
    $scope.totalItems = 64;
    $scope.currentPage = 4;

    $scope.setPage = function (pageNo) {
        $scope.currentPage = pageNo;
    };

    $scope.pageChanged = function () {
        $log.log('Page changed to: ' + $scope.currentPage);
    };

    $scope.maxSize = 5;
    $scope.bigTotalItems = 175;
    $scope.bigCurrentPage = 1;
    // console.log("sdasdasdasda")
    // console.log($scope.currentPage)


});

该问题已被官方收录

单独获取一个数组里面特定的内容

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

，

该问题已被官方收录

如何用angular file upload 插件中加入上传进度条

1

1

file-upload

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html ng-app="my-app">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.bootcss.com/angular.js/1.6.9/angular.js"></script>
    <script src="https://cdn.bootcss.com/angular-file-upload/2.5.0/angular-file-upload.js"></script>
</head>

<body ng-controller="AppController">
    <!--文件上传指令-->
    <input type="file" nv-file-select="" uploader="uploader" />
    <!--图片预览-->
    <img id="img-preview" ng-src="{{iconUrl}}">
</body>
<script>
    var app = angular.module('my-app', [ 'angularFileUpload' ]);
    app.controller('AppController', ['$scope', 'FileUploader', function($scope, FileUploader) {
    var uploader = $scope.uploader = new FileUploader({
      url: 'upload.php' //换成自己的上传地址，本地演示不换也行
    });
    uploader.onAfterAddingFile = function(fileItem) {
      var reader = new FileReader();
      reader.addEventListener("load", function (e) {
        //文件加载完之后，更新angular绑定
        $scope.$apply(function(){
          $scope.iconUrl = e.target.result;
        });
      }, false);
      reader.readAsDataURL(fileItem._file);
    };
}]);
</script>

</html>

去第页

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