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

设置x=0；函数内设置x=x++； x为什么一直为0，而x=++x；x自增

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var x = 0;
var a = 0;
function myButton1(){
    x = x++;
    a = ++a;
    console.log(x);
    console.log(a);
}

要怎么设置才能让九宫格变色后恢复原样？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   clearInterval(startButton);

    startButton = setInterval("changeColor()", 1000);

    document.getElementsByTagName("button")[0].disabled=true;

如何将随机获取的三个数与小格子链接起来？

0

1

操作DOM

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var box=document.getElementsByClassName("box")//获取九宫格DOM

//获取三个随机数
function boxnum() {
    var box = [0, 1, 2, 3, 4, 5, 6, 7, 8];//定义box数组
    var newbox = [];//定义新数组
    var runnam = 3;
    for (k = 0; k < runnam; k++) {
        var ran = Math.round(Math.random() * (box.length - 1));//获取1-8内的随机数并取整
        newbox.push(box[ran]);//将获取的数放入新数组
        box.splice(ran, 1);//删除原数组里的随机数
    }
    console.log(newbox);
    return newbox;
}

二级菜单多选与深拷贝的问题

0

1

js基础 vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="search-list-first">
            <span>职位类别：</span>
            <div class="search-list-second pointer"
                 v-for="(item, index) in jobtypes"
                 @click="changeType(index)"
                 :class="{selected:item.btn}"
            >
              {{item.type}}
            </div>
          </div>
          <div class="search-list-third" v-if="on">
            <span class="list-third-text pointer"
                  v-for="(item, index) in joblevel"
                  @click="changeLevel(index)"
            >
              {{item.name}}
            </span>
          </div>

data () {
      return {
        on: false,
        jobtypes: [
          {type: '不限', btn: true},
          {id:0, type: '产品', btn: false},
          {id:1, type: 'UI', btn: false},
          {id:2, type: 'QA', btn: false},
          {id:3, type: 'Android', btn: false},
          {id:4, type: 'IOS', btn: false},
          {id:5, type: 'WEB', btn: false},
          {id:6, type: 'OP', btn: false},
          {id:7, type: 'Java', btn: false},
          {id:8, type: 'NLP', btn: false},
          {id:9, type: 'DM', btn: false},
          {id:10, type: 'DL', btn: false}
        ],
        joblevel: [
          {
            name: "产品",
            data: [
              {name: "不限", choose: true},
              {id: 1, name: "助理", choose: false},
              {id: 2, name: "初级", choose: false},
              {id: 3, name: "中级", choose: false},
              {id: 4, name: "高级", choose: false},
              {id: 5, name: "总监", choose: false}
            ]
          },
          {
            name: "UI",
            data: [
              {name: "不限", choose: true},
              {id: 1, name: "初级", choose: false},
              {id: 2, name: "中级", choose: false},
              {id: 3, name: "高级", choose: false},
              {id: 4, name: "总监", choose: false}
            ]
          },

methods: {
      //职业类别多选
      changeType (index) {
        //选项开关
        this.jobtypes[index].btn = !this.jobtypes[index].btn
        //遍历取出不限选项外的btn布尔值
        let arr = []
        for (let i=1; i<this.jobtypes.length; i++) {
          arr.push(this.jobtypes[i].btn)
        }
        //多选数量
        let num = 0
        for (let i=1; i<this.jobtypes.length; i++) {
          if (index !== 0 && this.jobtypes[i].btn === true) {
            num++
          }
        }
        console.log(num)
        //joblevel深拷贝
        // console.log(this.joblevel)
        for (let i=0; i<this.joblevel.length; i++) {
          this.arrlevel.push({name:this.joblevel[i].name,data:this.joblevel[i].data})
        }
        console.log(this.arrlevel)
        console.log(this.joblevel)
        //除不限外的选项都未选
        function check(btn) {
          return btn === false
        }
        let checkBtn = arr.every(check)
        //选项状态变化
        //状态1，不限外的选项都未选
        if (checkBtn === true) {
          this.on = false
          this.jobtypes[0].btn = true
        }
        //状态2，不限外的选项有选
        else if (index !== 0 ) {
          this.jobtypes[0].btn = false
          if (num === 1) {
            this.on = true
            this.joblevel = this.joblevel[index].data
          } else if (num > 1) {
            this.on = false
            this.joblevel = this.arrlevel
          }
        }
        //状态4，选中不限
        else if (index === 0) {
          this.on = false
          this.joblevel = this.arrlevel
          for (let i=1; i<this.jobtypes.length; i++) {
            this.jobtypes[i].btn = false
          }
        }
      },

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

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

如何在不同的按钮中使用同一个点击事件并且能实现不同的效果

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
                <button class="btn btn-warning" ng-click="online(x=1)">立即上线</button>
                <button class="btn btn-info" ng-click="online(x=2)">保存为草稿</button>
js:
$scope.online = function (x) {
        console.log(x);
        var Status;
        if(x == 1){
            Status = 2;
        }else{
            Status = 1;
        }
$http({
            method: "post",
            url: "/carrots-admin-ajax/a/u/article",
            params: {
                title: $scope.AddTitle,
                type: $scope.type,
                status: Status,
                industry: $scope.industry,
                content: editor.txt.text(),
                img:$scope.imgUrl,
                url: $scope.Addurl
            }
        }).then(function (res) {
            console.log(res);
            if (res.data.code == 0) {
                $state.go('backstagpe.list');
            }else if(res.data.code !=0){
                alert(res.data.message);
            }
        })

在使用日期过滤器的时候出现了问题，列表显示的时间是12小时制，而不是24小时？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="list" ng-controller="ListCtrl">
    <div class="title">
        <form class="form-inline">
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">标题</label>
                <input type="text" class="form-control" ng-model="title" id="exampleInputName2">
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputEmail2">创建者</label>
                <input type="text" class="form-control" ng-model="author" id="exampleInputEmail2">
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">修改时间</label>
                <input type="text" ng-click="open1()" ng-model="startAt" class="form-control" uib-datepicker-popup
                    is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" clear-text="清空"
                    current-text="今天" close-text="关闭" />
            </div>
            <div class="liner"></div>
            <div class="form-group form-ctrl">
                <input type="text" ng-click="open2()" ng-model="endAt" class="form-control" uib-datepicker-popup
                    is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true" clear-text="清空"
                    current-text="今天" close-text="关闭" />
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">状态</label>
                <select class="form-control" ng-model="status" ng-options="v.id as v.name for v in a_data" ng-change="a_change(a)">
                    <option value="">全部</option>
                </select>
            </div>
            <div class="form-group form-ctrl">
                <label for="exampleInputName2">类型</label>
                <select class="form-control" ng-model="type" ng-options="v.id as v.name for v in b_data" ng-change="b_change(b)">
                    <option value="">全部</option>
                </select>
                <button type="button" class="btn btn-success" ng-click="search()">搜索</button>
                <button type="button" class="btn btn-danger" ng-click="empty()">清空</button>
            </div>
        </form>
    </div>
    <div class="article">
        <div class="top">
            <span>Article列表</span>
            <button type="button" class="btn btn-success btn-xs" ng-click="added()">+新增</button>
        </div>
        <table class="table table-hover">
            <tbody>
                <tr class="thead">
                    <th>序号</th>
                    <th>图片</th>
                    <th>标题</th>
                    <th>类型</th>
                    <th>创建者</th>
                    <th>创建时间</th>
                    <th>修改时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                <tr class="thead" ng-repeat="tab in tabs">
                    <th ng-bind="$index + 1"></th>
                    <th><img src="{{tab.img}}" width="50px"></th>
                    <th>{{tab.title}}</th>
                    <th>{{tab.type | typeFilter}}</th>
                    <th>{{tab.author}}</th>
                    <th>{{tab.createAt | date:"yyyy/MM/dd      hh:mm:ss"}}</th>
                    <th>{{tab.updateAt | date:"yyyy/MM/dd      hh:mm:ss"}}</th>
                    <th>{{tab.status | statusFilter}}</th>
                    <th>
                        <button type="button" class="btn btn-success btn-xs" ng-click="online()">{{btnStatus()}}</button>
                        <button type="button" class="btn btn-info btn-xs" ng-click="edit()">编辑</button>
                        <button type="button" class="btn btn-danger btn-xs" ng-click="delete()">删除</button>
                    </th>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="pages">
        <div>
            <span>每页显示</span>
            <input class="form-control input-sm" ng-model="size" type="text">
            <span>条</span>
        </div>
        <ul uib-pagination ng-change="pageChange()" total-items="bigTotalItems" ng-model="bigCurrentPage"
            boundary-link-numbers="false" items-per-page="size" first-text="第一页" previous-text="上一页" next-text="下一页"
            last-text="最后页" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false"></ul>
        <div>
            <span>去第</span>
            <input class="form-control input-sm" ng-model="page" type="text">
            <span>页</span>
        </div>
        <button type="button" class="btn btn-default" ng-click="sizeGo()">确认</button>
    </div>
</div>

点击查看身份，再点击隐藏身份，再点击查看下一个身份，而且图片和序号也对应的在变

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var num=1;
$('#circle').text(num);
$('#num').text(num);

$(document).ready(function () {
    $('#deliver').click(function () {
        $('#icon').text(player[num])
     if($('#image').attr('src')=='../img/myking.png'){
         $('#image').attr('src',"../img/headicon.png")
     }else{
         $('#image').attr('src','../img/myking.png')
     }

    })
});

萝卜多复盘项目如何添加模态框点击切换城市

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

vm.choiceCity = function () {
            var modalInstance = $uibModal.open({
                animation: true,
                ariaDescribedBy: 'modal-body',
                templateUrl: 'myModalContent.html',
                controller: 'ModalInstanceCtrl',
                controllerAs: 'vm',
                size: 'sm',
                resolve: {
                    items: function () {
                        return vm.city;
                    }
                }
            });
            modalInstance.result.then(function(itemCity) {
                sessionStorage.setItem("city", JSON.stringify(itemCity));
                $state.go('.', {}, {reload: true});
            });
        };

组件和指令数据加载出错

0

1

angular 指令

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 scope: {
                conf: '='
            },

<pagination ng-if='$ctrl.paginationConf' conf="$ctrl.paginationConf"></pagination>

loading