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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

sass占位符、混合宏、继承优缺点是什么，适用哪些场景？

1

1

Sass

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@charset "UTF-8";
/*
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
*/
html {
  font-size: 62.5%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* 去掉 table cell 的边距并让其边重合*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去掉列表前的标识，li 会继承 */
ol, ul {
  list-style: none;
}

/* 让链接在 hover 状态下显示下划线 */
a {
  text-decoration: none;
  color: #000000;
}

该问题已被官方收录

wangEditor富文本编辑器，无法获取和存储输入框里边的内容。

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if ($stateParams.id) {
            $scope.theme = "编辑Article";
            $http({
                method: "GET",
                url: "/carrots-admin-ajax/a/article/" + $stateParams.id
            }).then(function (res) {
                //console.log(res);
                $scope.param = res.data.data.article;
                $scope.title = res.data.data.article.title;
                $scope.img = res.data.data.article.img;
                $scope.param.content = editor.txt.html($scope.param.content);
                $scope.url = res.data.data.article.url;
                $scope.createAt = res.data.data.article.createAt;
            }, function (res) {
                alert(res.data.message);
            });
            //立即上线
            $scope.onLine = function () {
                if ($stateParams.id) {
                    $http({
                        method: "PUT",
                        url: "/carrots-admin-ajax/a/u/article/" + $stateParams.id,
                        params: {
                            status: 2,
                            title: $scope.title,
                            type: $scope.param.type,
                            industry: $scope.param.industry,
                            img: $scope.img,
                            content: editor.txt.html(),
                            url: $scope.url,
                            createAt: $scope.createAt
                        }
                    }).then(function (res) {
                        console.log(res);

该问题已被官方收录

rgba和opacity有什么区别

1

1

透明度

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 position: fixed;
    right: -25.5rem;
    opacity: 0;

height: 6.45rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1;
    background:rgba(153,223,240,.4);
    padding: 1.2rem 0.9rem 0.95rem 0rem;
    text-align: center;

该问题已被官方收录

bootstrap如何引用cdn

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

这里需要下载吗，下载了都是些什么东西

该问题已被官方收录

轮播图如何用css完美实现

1

1

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html部分
<!--轮播图-->
        <div class="loop-wrap">
            <div class="loop-images-container">
                <img src="./img14/cover3.png" alt="" class="loop-image">
                <img src="./img14/cover3.png" alt="" class="loop-image">
                <img src="./img14/cover3.png" alt="" class="loop-image">

            </div>
            <div class="focus-container">
                <ul class="focus-box">
                    <li>
                        <div class="focus-item focus-item1"></div>
                    </li>
                    <li>
                        <div class="focus-item focus-item2"></div>
                    </li>
                    <li>
                        <div class="focus-item focus-item3"></div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>

        </div>
css部分
.loop-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.loop-wrap .loop-images-container {
  width: 300vw;
  /* 横向排列 3张图片 宽度应为主容器3倍 */
  font-size: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  /* 初始位置位移 */
  -webkit-animation: loop 10s linear infinite;
          animation: loop 10s linear infinite;
}

.loop-wrap .loop-images-container .loop-image {
  width: 100vw;
}

.loop-wrap .focus-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
}

.loop-wrap .focus-container li {
  float: left;
  width: .1rem;
  height: .1rem;
  border-radius: 50%;
  margin: 0 .05rem;
  border: 1px solid #fff;
}

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  /* 停留1500ms */
  35% {
    -webkit-transform: translate(-33.3%, 0);
            transform: translate(-33.3%, 0);
  }
  /* 切换500ms 位移-20% */
  60% {
    -webkit-transform: translate(-33.3%, 0);
            transform: translate(-33.3%, 0);
  }
  65% {
    -webkit-transform: translate(-66.6%, 0);
            transform: translate(-66.6%, 0);
  }
  95% {
    -webkit-transform: translate(-66.6%, 0);
            transform: translate(-66.6%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  /* 复位到第一张图片 */
}

@keyframes loop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  /* 停留1500ms */
  35% {
    -webkit-transform: translate(-33.3%, 0);
            transform: translate(-33.3%, 0);
  }
  /* 切换500ms 位移-20% */
  60% {
    -webkit-transform: translate(-33.3%, 0);
            transform: translate(-33.3%, 0);
  }
  65% {
    -webkit-transform: translate(-66.6%, 0);
            transform: translate(-66.6%, 0);
  }
  95% {
    -webkit-transform: translate(-66.6%, 0);
            transform: translate(-66.6%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  /* 复位到第一张图片 */
}

该问题已被官方收录

mybatis中使用大于号或小于号报错

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

tee.F_EndDay <= dateadd(DAY,0,CONVERT (VARCHAR(100), GETDATE(), 23))

该问题已被官方收录

对某一元素同时设置了 hover 和a 有时会出现两条下滑线有时只出现一条

1

1

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<a href="task8-2.html" ><div>合作企业</div></a>
<a href="task8-1.html"><div class="titlle1">首页</div></a>

该问题已被官方收录

数组打印出来是空的，但是里面确实有对象？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

Page({
 data:{
   currentTab: 0,
   navbarTitle: ['职业门槛', '难易程度', '成长周期', '求贤企业', '入学基础', '薪资待遇'],
 },
 changeId:function(e){//点击实现切换
this.setData({
  currentTab: e.currentTarget.dataset.id
})
},
 onLoad:function(e){
   //将上个页面传过来的数据取出来
   var finallyRank = JSON.parse(e.finallyRank);
   var that=this;//存一下全局对象
   var jobDetails=[];//声明空数组用来放数据
   wx.request({//向葡萄藤官网发出数据请求,需要先设置不校验合法域名才能成功请求
     url:'http://www.jnshu.com/a/occupation/list',
     header: {'content-type': 'application/json'},//json请求头
     success:function(response){
       if(response.data.code===0){
         //用一个遍历将上个页面选出来的三个序号对应的职业抽出来，并用数组保存相应的信息
         for (var i = 0; i < finallyRank.length;i++){
           jobDetails.push(response.data.data.occupations[finallyRank[i] - 1]);//因为finallyRank数组是从1开始的所以要减1
           jobDetails[i].salary = JSON.parse(jobDetails[i].salary);//将jobDetails里的salary从字符串变回数组，不然后面没法用
         };
         that.setData({//将数据存到data里才能拿来渲染视图
           jobDetails
         });
         //如果用this.setData在外面存将会使data里的jobDetails变成空数组
       }
     }
   });
   console.log(jobDetails);
 }
})

该问题已被官方收录

在设置媒体查询的时候,没有层级的观念，随意摆放，想要达成的效果不一

0

1

响应式

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

@media (max-width: 768px) {
	.nav-1 {        
		width: 100%;
	}
	.contact  {
		width: 100%;
	}
	.picture span {
		margin-left: 8rem;
		font-size: 2rem;
	}
	.picture a {
		font-size: 5rem;
	}
	.picture p {
		font-size: 2.2rem;
		padding-left: 1rem;
	}
	.contact a {
		display: none;
	}
	.nav ul {
		margin-right: 0;
		margin-bottom: 0;
		width: max-content;
	}
	
	.piece {
		width: 100%;
		text-align: center;
	}
	.weap {
		width: 100%;
	}
	.top-method {
		position: relative;
	}
	.method img {
		margin-right: 1rem;
		position: absolute;
		right: 1rem;
		top: 1.2rem;
	}
	.method span {
		width: 100%;
	}
	.stud {
		height: 40rem;
		text-align: center;
	}
	.stud .blue {
		width: 27rem;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.company img {
		height: initial;
		text-align: -webkit-center;
	}
	.company .logo {
		height: initial;
	}
	.fa {
		width: 100%;
	}
	.fa li {
		font-size: 1rem;
	}
	.fa span {
		width: 1.4rem;
	}
	.company .logo {
		width: 100%;
	}
	.fa li {
		width: 4rem;
	}
	.left-ending p {
		margin-bottom: 0;
	}
	.ending-1 {
		width: 100%;
		height: 30rem;
	}
	.centre-ending p {
		margin-bottom: 0;
	}
	.right-ending {
		text-align: -webkit-auto;
		margin-top: 1rem;
	}
	.look {
	width: 100%;
	height: 30rem;
	text-align: center;
}
.typeface {
    margin-top: 10rem;
}
.typeface ul {
	margin-top: 0;
}
.contact img {
	display: none;
}
.good{
	position: absolute;
	top: 30%;
}
}

该问题已被官方收录

用css怎么实现不用图片实现定制箱下拉框中一样的

2

1

表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.pulldown{
	background: url(../img/dbx.png)no-repeat 97%;
	-webkit-appearance:none;
	background-color: #fff;
	border: 1px solid #E8E8E8;	
	line-height: 20px;
	padding-left: 6px;
	width: 110px;
	height: 38px;
	margin-top: 26px;
	margin-left: 68px;
}

去第页

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