三千劫-CSDN博客

三千劫

码龄3年

个人简介：一部正在充电的程序员

IP 属地：湖北省

查看详细资料

个人成就

获得3次点赞
内容获得4次评论
获得10次收藏

TA的专栏

前端
1篇

兴趣领域设置

前端

html5javascriptajaxcss3vue.js前端前端框架

创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

搜TA的内容

关于谷歌手机模拟器调试白屏的问题

发布问题 2022.09.07 ·

为什么中间的盒子不设置flex：1会压缩两边的盒子

如果想让两边的盒子不被压缩，中间盒子的文字自动换行，可以给不想被压缩的盒子加上flex-shrink: 0; 属性

回答问题 2022.08.11

为什么使用npm安装vue时，在vue/dist目录下没有产生vue.js文件呢

因为你没有指定版本，现在vue3是默认版本，你得下vue2

回答问题 2022.04.05

hr标签拐弯和form标签中的input文字域对齐

没接触到div标签能写成这样已经很不错了，等学会div你就知道那些问题该怎么解决了，包括布局的对齐问题，还有button标签样式不好设置的问题，都可以用div解决

回答问题 2022.03.22

父盒子和子盒子都是绝对定位，怎么让子盒子在中间


.div3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

回答问题 2022.02.23

json的数据处理问题


    const arr = JSON.parse(json数据)
    const stnmList = []
    for (let i = 0; i < arr.length; i++) {
      stnmList.push(arr[i].stnm)
    }

回答问题 2022.02.23

js修改一处，html多张图片更换目录

可以设置事件修改img标签的src属性，可以达到切换图片的效果

回答问题 2022.02.22

vue代码无法运行，提示Unused constant app，如何解决？

没有导包

回答问题 2022.02.12

鼠标悬停的时候出现二级菜单，二级菜单的盒子和功能都能实现，但是它里面的字是错版的。

你的那几个a标签继承了 .nav-bar 的 line-height: 100px; 所以往下跑了

回答问题 2022.02.11

关于#html的问题

放在你class=“w”的盒子中，可以用img标签也可以当背景图片
subnav和course浮动之后脱标，图片就会被压在下面

回答问题 2022.02.10

html侧边导航不显示，请问是什么原因啊

你给 .daohang加上定位了只会，应该会覆盖在ul之上吧

回答问题 2022.01.29

网页设计音频播放问题

因为你上传的音频路径是本地的。。。别人本地路径里没有这个音频当然看不到
你可以将html文件和音频一起打包发给别人，

回答问题 2022.01.29

如何实现单击一个div让这个div的背景颜色从粉色切换成蓝色再次单击div切换回粉色？希望主要通过js来实现

通过点击事件切换类名，来修改元素对应样式


<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>单击切换颜色</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
        }
 
        .qiehuan {
            height: 5rem;
            width: 5rem;
            margin: 0 auto;
            margin-top: 10rem;
            text-align: center;
            line-height: 5rem;
            
        }
        .pink{
          background-color: pink;
        }
        .blue {
          background-color: blue;
        }
    </style>
</head>
<body>
    <div class="qiehuan pink">
        芜湖~
    </div>
    <script>
      let box = document.querySelector('.qiehuan')
      box.onclick = function(){
        box.classList.toggle('pink')
        box.classList.toggle('blue')
      }
    </script>
</body>
</html>

回答问题 2022.01.29

对象怎么删除等于0的的值


batchRule = {
      "gmtOne": 0,
      "gmtTwo": 0,
      "gmtThree": 0,
      "gmtFour": 0,
      "extendOne": 1,
      "extendTwo": 1,
      "extendThree": 1,
      "extendFour": 1,
      "extendFive": 1,
      "extendSix": 1,
    }
    let obj = {}
    for(let key in batchRule){
      if(batchRule[key]!=0){
        obj[key] = batchRule[key]
      }
    }

回答问题 2022.01.25

这个return false为何不能阻止页面的跳转

form表单里的submit按钮会有默认提交，得清除默认事件

$("#sub_btn").click(function (e){
e.preventDefault()
}

回答问题 2022.01.24

表单验证，阻止post请求

那大概是你的if判断出现了问题，不通过判断不会执行ajax

回答问题 2022.01.23

判断空数组，为什么是false

两个等号也是false，数组是引用类型，做全等判断比较的是栈里的地址，两个中括号相当于在堆里开辟了两次空间，地址是不一样的

var a = [1,2,3]
    var b = [1,2,3]
    console.log(a==b)//false

回答问题 2022.01.23

用jQuery监听页面滚动时页面宽度变小


<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>固定导航栏</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .top{
            height: 300px;
            width: 100%;
            background-color: #aff;
        }
        .nav {
            height: 160px;
            width: 100%;
            background-color: #faf;
            text-align: center;
            font-size: 30px;
        }
        .main {
            height: 3000px;
            width: 100%;
            background-color: #ffa;
        }
    </style>

</head>

<body>
    <div class="top">
    </div>
    <div class="nav">
        导航栏
    </div>
    <div class="main">
    </div>

    <script src="jquery-1.12.4.js"></script>
    <script>
        $(window).on('scroll',function(){

           if( $(window).scrollTop() > $('.top').height() ){
               $('.nav').css({
                   position:'fixed',
                   top:0
               })
           }else{
                $('.nav').css('position','static')
           }
       })
    </script>
</body>

</html>

根据window滚动距离，来调整导航栏的定位方式，静态定位和固定定位的切换就行了
不过导航栏固定定位脱标会影响布局，一般还得下面盒子加一个margin-top防止顿闪

回答问题 2022.01.22

开发前端css怎么快速取图片的十六进制

纯色图片的图片颜色么？有很多截图软件都带有取色功能的，比如：Snipaste

回答问题 2022.01.22

json格式还原成对象


JSON.parse( json数据 )

回答问题 2022.01.21