2023年4月28日
摘要: var lemonadeChange = function(bills) { let fiveCount = 0 let tenCount = 0 bills.forEach(element =>{ if(element 5){ fiveCount += 1 }else if(element 10) 阅读全文
posted @ 2023-04-28 11:47 Zyatoer 阅读(298) 评论(0) 推荐(0) 编辑
  2023年4月13日
摘要: <div> <a href="">www</a> </div> div{ color: red; } 从结构上来说肯定期望a标签能够继承div的color属性将文字的颜色设置为红色 但实际的网页表现为 看上去并没有继承color 打开开发者工具查看后发现 这里a标签继承的color被划掉了,因为继承 阅读全文
posted @ 2023-04-13 11:51 Zyatoer 阅读(34) 评论(0) 推荐(0) 编辑
摘要: Math.floor虽然为js的内置函数库,但还是会存在调用函数库的问题,但parseInt为javascript的内置函数,并不会存在调用函数库这种操作,所以就结果而言使用parseInt向下取整会比Math.floor占用更少的内存以及更快的运行时间。 使用parseInt 使用Math.flo 阅读全文
posted @ 2023-04-13 09:38 Zyatoer 阅读(15) 评论(0) 推荐(0) 编辑
  2023年4月10日
摘要: 通过绝对定位与:hover实现的下拉框效果;一开始没什么大问题,效果也都实现了;但观察对应的项目发现其中的文字其实是超连接所以后续添加了超连接标签后就无法通过:hover进行展示了。 源代码 <div class="header-bottom"> <ul> <a href=""> <li>首页</l 阅读全文
posted @ 2023-04-10 19:58 Zyatoer 阅读(50) 评论(0) 推荐(0) 编辑
  2023年4月6日
摘要: 初次接触:nth-child时感觉不是很清楚,网络上的描述主要的内容为: :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 但只看文字描述其实还是很难知道其中的作用逻辑,所以还是通过代码来进行演示更加简单。 <body> <ol> 阅读全文
posted @ 2023-04-06 11:05 Zyatoer 阅读(43) 评论(0) 推荐(0) 编辑
  2023年3月31日
摘要: 有些时候登录页面需要设置一个图片有这个屏幕的大小 但因为块级元素是根据自己内部的内容来撑起高度的 当一开始没有内容或内容完全不足一页的时候就无法占据整个屏幕 解决方法:将body,html,对应div的高度全部设置成为100%这样就可以让div撑满整个屏幕了。 <body> <div class=" 阅读全文
posted @ 2023-03-31 09:48 Zyatoer 阅读(286) 评论(0) 推荐(0) 编辑
  2023年3月29日
摘要: input搜索框选择时会出现黑色的边框 原因:只是因为input选择框有默认的值 解决方法:通过修改input的css属性即可;因为是所有样式都会存在的问题所以放在了一个公共的css文件中去解决所有input标签的问题。 input{ outline:none; } 添加后点击就不会再出现对应的问题 阅读全文
posted @ 2023-03-29 18:47 Zyatoer 阅读(1147) 评论(0) 推荐(0) 编辑
摘要: <div class="header-top"> <div class="header-top-logo"> </div> .header .header-top .header-top-logo{ width: 170px; height: 60px; background-image: url( 阅读全文
posted @ 2023-03-29 11:12 Zyatoer 阅读(177) 评论(0) 推荐(0) 编辑