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

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML
   <uib-pagination
                    total-items="totalItems"
                    ng-model="currentPage"
                    max-size="5"
                    first-text="首页"
                    previous-text="<"
                    next-text=">"
                    last-text="末页"
                    boundary-links="true"
                    boundary-link-numbers="true"
                    class="ft-c"
                    items-per-page="paramsSize1"
                    ng-click="listBt()">
            </uib-pagination>

JS
 $http({
        method: 'get',
        url: '/carrots-admin-ajax/a/article/search',
        params: $scope.params,
        responseType: "json"
    }).then(function successCallback(listUrl){
        if(listUrl.data.code === 0){
            //获取的后台数据
            //ng-repeat渲染数据
            $scope.records = listUrl.data.data.articleList;
            $scope.totalItems = listUrl.data.data.total;//总条目数
            $scope.paramsSize1 = listUrl.data.data.size;//每页显示条目数
            $scope.currentPage = $scope.params.page;//实现页数数据和页面显示联动，让点击的页数等于后台返回的页数
            //总页数
            $scope.pageAll = Math.ceil( $scope.totalItems/$scope.paramsSize1);
            console.log($scope.pageAll);
        }else{
            alert('请求失败');
        }

    });
 //分页按钮
    $scope.listBt = function(){
        console.log($scope.currentPage);
        $state.go('backstage.list',{
            page: $scope.currentPage//当前点击的按钮
        },{reload:true});
    };



    //分页中的确定按钮
    $scope.confirm = function(){
        $scope.currentPage = $scope.toPage;
        $state.go('backstage.list',{
            page: $scope.currentPage,//去第几页
            size: $scope.paramsSize1//每页有多少条目
        },{reload:true});
    };

该问题已被官方收录

ng-route单页面跳转本地打开文件报错

1

1

angular基础

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>
</head>
<body ng-app="app">
    <div ng-view></div>
    
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="index.js"></script>
</body>
</html>

var app=angular.module("app",['ngRoute']);
app.config(['$routeProvider',function($routeProvider){
    $routeProvider
    .when('/',{
        templateUrl:'login1.html'
    })
    .when('/backstage',{
        templateUrl:'ttt.html'
    })
    .otherwise({resizeTo:'/'});
}]);

该问题已被官方收录

如何使滑轨左右轨颜色不同？

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; /*清除系统默认样式*/
    height: 22px; /*拖动块高度*/
    width: 34px; /*拖动块宽度*/
    background: #fff url("image/rangeimg.png") no-repeat 9px;
    background-size: 40% 50%;
    /*background: url("");*/
    /*background: #fff; !*拖动块背景*!*/
    border-radius: 5px; /*外观设置为圆形*/
    border: solid 2px #fab344; /*设置边框*/
}

.rolerange input[type="range"] {
    /*margin-top: 8px;*/
    outline: none;
    -webkit-appearance: none; /*清除系统默认样式*/
    width: 68% !important;
    background: -webkit-linear-gradient(#fcc671, #fcc671) no-repeat, #ffe6be;
    background-size: 50% 100%; /*设置左右宽度比例*/
    height: 3px;
    /*color: #ffa600;*/
}

该问题已被官方收录

关于使用富文本编辑器

0

1

富文本编辑器

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

--------------------------------------------------------------------------------HTML部分------------------------------------------------------
<template>
    <el-row>
        <!-- 右边新增列表 -->
      <div style="margin-left: 2%;margin-top: 2%;width: 73.7%;box-shadow: -1px 0px 7px #888888;">
        <p class="newArticle">新增Article</p>
        <!-- 新增下面盒子 -->
        <div class="parameter">
          <div style="margin-left: 12%;margin-bottom: 2%;padding-top: 3%;">
            <span>标题名称</span>
            <input style="width: 80%;margin-left: 3%;" type="text" v-model="xd.title">
          </div>
          <div style="margin-left: 12%;margin-bottom: 2%;">
            <span>类       型</span>
            <select style="margin-left: 3%;" v-model="xd.type">
              <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-left: 12%;margin-bottom: 2%;">
            <span>说       明</span>
             <quill-editor style="width: 80%;float: right;margin-right: 11%;"  v-model="content"
               :options="editorOption"
               @blur="onEditorBlur($event)"
               @focus="onEditorFocus($event)"
               @change="onEditorChange($event)">
            </quill-editor>
          </div>
          <div style="margin-left: 12%;margin-bottom: 2%;margin-top: 14%;">
            <span>跳转链接</span>
            <input v-model="xd.url" style="width: 80%;margin-left: 3%;" type="text">
          </div> 
          <div style="margin-left: 12%;margin-bottom: 2%;">
            <span>配       图</span>
            <label class="uupfile" for="upfile">选择文件</label>
            <input id="upfile"  style="margin-left: 3%;width: 70px;display: none;" type="file" @change="upfileFile">
            <img ref="nam" :src="xd.imgurl" alt="配图预览" style="display: block;margin-left: 9.5%;margin-bottom: 2%;width: 42vw;">
            <table class="image">
              <thead>
                <tr>
                  <th>图片名</th>
                  <th>文件大小</th>
                  <th>进度</th>
                  <th>操作</th>
                  <th>操作</th>
                </tr>
                <tr v-if="imgData">
                  <td>{{imgName}}</td>
                  <td>{{imgSize}}</td>
                  <td class="con">
                    <span class="bar" :style="{width:proBar+'%'}">{{proBar}}%</span>
                  </td>
                  <td>{{imgStatus}}</td>
                  <td>
                    <button @click="upload" style="margin-left: 10%;">上传</button>
                    <button @click="deletee" style="margin-left: 10%;">删除</button>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
          <div style="padding-bottom: 3%;">
            <el-row>
            <el-button type="success" :disabled="btn" @click="goOnline(2)" class="online">立即上线</el-button>
            <el-button type="success" :disabled="btn" @click="goOnline(1)" class="draft">存为草稿</el-button>
            <el-button @click="cancell" class="cancel">取消 </el-button>
            </el-row>
          </div>
        </div>
      </div>
      </el-row>
</template>
-------------------------------------------------------------------------JS部分------------------------------------------------------------
<script>
  import axios from "axios";
  import {
    article
  } from "@/http/article.js";
  import qs from 'qs';
  export default {
    data() {
      return {
        files: null,
        jobShow: false,
        job: "",
        proBar: 0,
        titleee: "", //新增或编辑
        imgName: "", //图片预览名称
        imgSize: "", //图片预览大小
        imgData: false, //未上传图片隐藏图片属性
        imgStatus: "", //图片预览状态
        url: '',
        uurl: '',
        newUrl: '',
        xd: {
          title: "",
          type: "",
          url: "",
          imgurl: ""
        },
        background: false,
        CompanyLocation: false,
        Article: false,
        listt: [],
        reader: {},
        contentt: '',
        btn: true
      }
    },
    methods: {
      // 图片上床东西
      clear() {
        this.imgName = "",
          this.imgSize = "",
          this.imgStatus = "",
          this.proBar = 0,
          this.imgStatus = "未选择图片"
      },
      //上线 草稿确认按钮
      goOnline(status) {
        if (this.newUrl == "") {
          this.uurl = this.oldUrl;
        } else if (this.newUrl != "") {
          this.uurl = this.newUrl;
        }
        console.log(this.uurl)
        if (this.uurl === "") {
          alert("请上传图片");
          return;
        }
        let params = {
          content: this.content,
          title: this.xd.title,
          status: status,
          img: this.uurl,
          url: this.xd.url,
          createAt: this.createAt,
          type: this.xd.type,
        }
        let paramss = {
          content: this.content,
          title: this.xd.title,
          status: status,
          img: this.uurl,
          url: this.xd.url,
          type: this.xd.type,
        }
          console.log(paramss)
          article.addArticle(paramss)
            .then(res => {
              console.log(res)
              this.$router.push({
                path: "personal"
              });
              // alert("新增成功")
            })
          console.log(this.btn)
        // }
      },
      cancell() {
        this.$router.push({
          path: "personal"
        });
      },
      //上传
      upload() {
        this.imgStatus = "上传中";
        let that = this;
        let config = {
          //动态改变上传进度条
          onUploadProgress(progressEvent) {
            //    console.log(onUploadProgress)
            console.log(this)
            that.proBar =
              ((progressEvent.loaded / progressEvent.total) * 100) | 0;
            console.log(this.proBar)
          }
        };
        console.log(this.proBar)
        article.uploadImg(this.fileDataa, config)
          .then(res => {
            this.imgStatus = "上传成功";
            let url = res.data.data.url;
            this.newUrl = url;
          })
          .catch(error => {
            this.imgStatus = "上传失败";
          })
        console.log('成功否')
      },

该问题已被官方收录

1

1

事件变量函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prompt</title>
  <script type="text/javascript">
  function rec(){
	var score; //score变量，用来存储用户输入的成绩值。
	score = prompt("输入你的成绩");
	if(score>=90)
	{
	   document.write("大佬，惹不起!");
	}
	else if(score>=75)
    {
	   document.write("哎呦，不错吆!");
	}
	else if(score>=60)
    {
	   document.write("60分万岁!");
    }
    else if(score>=0)
	{
       document.write("你个渣渣!");
	}
	else if(score===null)
	{
	    document.write("坦白从宽!")
	}
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
</body>
</html>

该问题已被官方收录

ng-messages不显示提示

1

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<form class="myForm" name="myForm">
    <div class="list">
      <label class="item item-input">
        <img src="../../img/iphone.png">
        <input type="text"
               placeholder="请输入手机号"
               name="mobile"
               ng-model="mobile"
               maxlength="11"
               ng-maxlength="11"
               ng-pattern="/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/"
               >
      </label>
      <label class="item item-input">
        <img src="../../img/lock.png">
        <input type="password"
               placeholder="请输入登录密码"
               name="password"
               ng-model="pwd"
               ng-pattern="/(?!.*[\u4E00-\u9FA5\s])(?!^[a-zA-Z]+$)(?!^[\d]+$)(?!^[^a-zA-Z\d]+$)^.{6,16}$/"
               >
      </label>
    </div>
    <div class="btn">
      <button class="button button-block"
              ng-disabled="myForm.mobile.$error.required || myForm.password.$error.required">登录
      </button>
      <a ui-sref="register">立即注册</a>
      <a class="right" ui-sref="1">忘记密码?</a>
    </div>
    <div ng-messages="myForm.mobile.$error"
         class="error"
         ng-if="myForm.mobile.$invalid">
      <div ng-message="maxlength">不能大于3位</div>
      <div ng-message="pattern">账号格式错误</div>
    </div>
    <div ng-messages="myForm.password.$error"
         class="error"
         ng-if="myForm.password.$invalid">
      <div ng-message="pattern">密码格式错误</div>
    </div>
  </form>

该问题已被官方收录

怎么用angular实现用户验证

1

1

angular基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var n = document.getElementById("name");
var p = document.getElementById("name-pwd");
var error = document.getElementById("error");
console.log(n.value);

function user() {
    if (n.value==="admin" ||n.length===0 || n.value==="") {
        $("#error").empty();
        console.log(error);
    }else {
        error.innerHTML = "无此用户";
        console.log(error);
    }
}
function login() {
    console.log(n.value);
    console.log(p.value);


    xmlhttp.open("Post","/carrots-admin-ajax/a/login",true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send("name=" + n.value + "&pwd=" + p.value);

    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState === 4) {
            if (xmlhttp.status === 200) {
                var jsons = JSON.parse(xmlhttp.responseText);
                console.log(jsons);
                if (jsons.code === 0) {
                    window.location.href = "https://www.jnshu.com/"
                } else {
                    alert("账号或密码错误")
                }
            }
        }
    };
}

该问题已被官方收录

vue引入vux组件库时，有部分组件疯狂报错

0

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div>
    <div style="padding:15px;">
      <check-icon :value.sync="demo1"> {{ $t('Do you agree?') }} ({{ demo1 }})</check-icon>
      <br>
      <br>
      <check-icon :value.sync="demo2" type="plain"> {{ $t('Do you agree?') }} ({{ demo2 }})</check-icon>
    </div>
  </div>
</template>

该问题已被官方收录

如何用js改变滑动条的样式？

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input type="range" value="4" min="4" max="18" step="1" id="Range"/>

该问题已被官方收录

控制台查看都选中了同一个元素，确判断为false

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(var i = 0;i<$(".block--true").length;i++){//点击后返回当前元素在集合内的下标
   var a =$(".block--true").eq(i)
var b =this
   if (a == b){
console.log(i)
}else {
console.log("没有执行")
console.log($(this))
console.log($(".block--true").eq(i))
}
}

去第页

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