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

关于this的指向问题

0

2

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());


var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

如何配置反向代理以及可以获取到接口的数据

0

1

url传参

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

如何使用正则表达式验证密码是否有，字母，数字，符号，至少两种以上组成？

0

1

正则表达式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<script>
		var app = angular.module('myApp', []);
		app.controller('myCtrl', function($scope) {
			$scope.to = function checkNumber() {
				var a = $scope.firstName;
				console.log(a);
				var reg = /^[0-9]+$/;
				var res = /^[a-zA-Z]+$/;
				var ret = /^[`~!@#$%^&*()_+<>?？，；【】、。:"{},.\/;'[\]]+$/;
				if (reg.test($scope.firstName) || res.test($scope.firstName )|| ret.test($scope.firstName)) {
					$scope.test="请输入数字，字母，字符两种组合以上";
				}else{
					$scope.test="输入正确";
				}
				
			};
  
		});
	</script>

vue-awesome-swiper中的左右切换导航怎么移出来

2

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <div class="swiperBox banner-h">
            <swiper :options="swiperOption" ref="mySwiper" v-if="bannerImgs.length">
                <swiper-slide v-for="(n,index) in bannerImgs" :key="index"><a :href="n.url"><img :src="n.img" alt="" class="img-w"></a></swiper-slide>
                <!-- 分页器 -->
                <div class="swiper-pagination" slot="pagination"></div>
            </swiper>
        </div>

 <swiper :options="swiperOption1" ref="mySwiper" v-if="jobNews">
                            <swiper-slide v-for="(items,index) in jobNews" :key="index">
                                <div class="imgBox" @click="searchPost (items.companyId, items.id)">
                                    <div class="img">
                                        <img :src="items.logo" alt="">
                                    </div>
                                    <div class="info">
                                        <p class="job">{{items.name}}</p>
                                        <span class="redLine"></span>
                                        <p class="netName">{{items.companyName}}</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <!-- 左右切换按钮 -->

                        </swiper>
                        <div class="swiper-button-next mySwiperBtn" slot="button-next"></div>
                    </div>

求学大作战，视频播放时，向下滚动时，视频播放窗口会保持不动，内容会随着下拉而展示

1

vue相关

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  // handleScroll为页面滚动的监听回调
    window.addEventListener(
      "scroll",
        this.handleScroll);
    // 监听dom渲染完成
    this.$nextTick(function() {
      // 这里fixedHeaderRoot是吸顶元素的ID
      let header = document.getElementById("fixedHeaderRoot");
      // fixHead是固定头部的id
      let mtHeader = document.getElementById("fixHead");
      // 获取固定头部的高度
      this.mtoffsetHeight = mtHeader.offsetHeight;
      // 这里要得到吸顶元素的距离和元素自身的高度
      this.offsetTop = header.offsetTop;
      this.offsetHeight = header.offsetHeight;
      console.log(
        "offsetTop:" +
          this.offsetTop +
          "," +
          this.offsetHeight +
          "," +
          this.mtoffsetHeight
      );
 handleScroll() {
      // 得到页面滚动的距离
      let scrollTop = this.$refs.viewBox.scrollTop;
      console.log(scrollTop);
      // 判断页面滚动的距离是否大于吸顶元素的位置
      if (scrollTop > this.offsetTop - this.mtoffsetHeight) {
        this.headerFixed = true;
        this.topHeight = this.offsetHeight + this.mtoffsetHeight;
      } else {
        this.headerFixed = false;
        this.topHeight = 0;
      }
    }

什么是HTTP协议

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

Ajax的POST请求

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var userPassword = document.getElementsByClassName("bl_number");
var xhr = new XMLHttpRequest();
document.querySelector("button").onclick = function() {
    var user = userPassword[0].value;
    var password = userPassword[1].value;
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var checking = JSON.parse(xhr.responseText);
            console.log(checking. message);
            if (checking.code == 0) {
                location.href = "http://dev.admin.carrots.ptteng.com/";
            }
            else if (checking.code == -5003) {
                alert("用户不存在，请重新输入");
            }
            else if (checking.code == -5004) {
                alert("密码错误,请重新输入");
            }
        }
    }
    xhr.open("POST","/carrots-admin-ajax/a/login",true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xhr.send(`name = ${user} + &pwd = ${password}`);
}

如何取到数组前几位的值?

1

操作DOM 数据类型

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

success: function (res) {
					let resd = res.data.data;
					console.log(resd.review.list);
					let lists = resd.review.list;
					console.log(lists.slice(0, 2));
					let xinlist = lists.slice(0, 2);

					that.setData({
						total: resd.review.total,
						total_percent: resd.review.total_percent,
						list: resd.review.list,
						xinlist: xinlist
					})

获取不到第二页page

1

angular内置指令和方法 angular router angular model angular view $http js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

listModul: any = {
    title: '',
    author: '',
    startAt: 0,
    endAtr: 0,
    type: 0,
    status: 0,
    page: 0,
    size: 0,
    total: 0,
    list: [],
  };

angularjs 路由中怎样为每个视图指定css文件。

0

1

angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

app.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.when('/navBar');
    $stateProvider
        .state("navBar",{
            url:"/navBar",
            templateUrl:"../html/nav-bar.html"
        })
        .state("navBar.page1",{
            url:"/page1",
            templateUrl:"../html/article列表页.html",
            controller: 'myCtrl'
        })
        .state("navBar.page2",{
            url:"/page2",
            templateUrl:"../html/article详情页.html"
        })
        .state('navBar.welcome', {
            url: '/welcome',
            templateUrl: '../html/welcome.html',
        })
        .state('login', {
            url: '/login',
            templateUrl:"../html/登录页.html",
            controller: 'loginCtrl'
        })
});