badpear

2022年10月29日

摘要： #利用Set（） return Array.from(new Set(array)) //return [...new Set(array)] #filter+indexOf实现 return arr.filter(function(item, index, array) { return arra 阅读全文

posted @ 2022-10-29 12:09 badpear 阅读(18) 评论(0) 推荐(0)

js-关于dom的一些记录

摘要： DOM0，2，3 dom0 onclick dom2 addEventListener()和removeEventListener() 第一个参数是事件名（如click）；第二个参数是事件处理程序函数（不能是匿名函数，因为移除时会用到）；第三个参数如果是true则表示在捕获阶段调用，为fals 阅读全文

posted @ 2022-10-29 11:16 badpear 阅读(27) 评论(0) 推荐(0)

2022年10月24日

css-垂直居中

摘要：前言水平居中可以简单使用以下两种方式： margin:0 auto； text-align:center；故重点讨论垂直居中 1.（一行文字）设置行高等于父元素高度 line-height: 200px; //设置行高等于父元素高度 2.（多行文字）verticle-align:middle + 阅读全文

posted @ 2022-10-24 22:43 badpear 阅读(103) 评论(0) 推荐(0)

css-常用布局-圣杯&双飞翼

摘要： #圣杯布局 ##float实现 body <body> <div class="header">header</div> <div class="container"> <div class="middle">middle</div> <div class="left">left</div> <di 阅读全文

posted @ 2022-10-24 20:47 badpear 阅读(54) 评论(0) 推荐(0)

css-常用布局-基础的五种

摘要：三栏布局：如果不考虑高度，即用内容填充高度的话，是可以用inline-block和calc（）实现布局的。但适用性差。 float和position的兼容性好，但float会用到calc属性影响兼容性。 calc和flex的兼容性都有一定问题。 grid是未来的发展趋势~~所以兼容性拉跨也很合理吧阅读全文

posted @ 2022-10-24 19:22 badpear 阅读(75) 评论(0) 推荐(0)

css-关于兼容性 | 转载

摘要： ps.图片来源CSDN用户sq-web的博客，感谢 CAN I USE 兼容性查询阅读全文

posted @ 2022-10-24 17:34 badpear 阅读(8) 评论(0) 推荐(0)

css - 关于<body>和<html>

摘要：为什么<body>设置的背景色能传递到整个<html>？浏览器会默认取根元素，即<html>的背景作为背景。但当<html>未设置背景色时，body若设置了背景色会被传递到外部。高度的初始化？块元素的宽度的宽度默认为父元素的宽度。<html>的宽度默认为100%。但高度不同，默认的高度是由阅读全文

posted @ 2022-10-24 16:19 badpear 阅读(74) 评论(0) 推荐(0)

2022年10月21日

css-速览-自用

摘要： CSS 样式引入样式种类外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style> 内联样式表: style="" 优先级: 通用选择器（*）标签选择器类选择器属性选择器伪类 ID 选择器阅读全文

posted @ 2022-10-21 21:27 badpear 阅读(41) 评论(0) 推荐(0)

公告