-
inline、inline-block和block区别
与 display: inline 相比, 主要区别在于 display: inline-block 允许在元素上设置宽度和高度。 display: block ,会进行换行操作。 -
异步
与其他函数并行运行的函数称为异步(setTimeout) 例: function myDisplayer(some) { document.getElementById("demo").innerHTML = some; } function getFile(myCallback) { let re -
Js获取当前日期 和 50天前日期 (字符串补全)
1.获取当前时间 // console.log(new Date().getTime()); 获取当前时间的毫秒数 // console.log(new Date()); 获取当前的时间 let date = new Date(); let year = date.getFullYear(); le -
JavaScript箭头函数的使用以及和普通函数之间的使用
箭头函数的使用以及和普通函数之间的转换 // 第一种不带参数 // var one = function(){ // return 'I am one' // } var one = ()=> 'I am one' console.log(one()) // 第二种 带一个参数 // var two -
Css布局实例 box-sizing使用
width: 33.33%; /* 三个框(四框使用 25%,两框使用 50%,以此类推) */width:50%; 等宽度的两个框。 box-sizing(100% 100%);宽高充满整个区域 !(手机端自适应很适合) 自适应,就不要设置宽度了。让他随着变化,若一行有多个元素,可以让其他元素进行 -
浮动和清除
float浮动元素: left - 元素浮动到其容器的左侧 right - 元素浮动在其容器的右侧 none - 元素不会浮动(将显示在文本中刚出现的位置)。默认值。 inherit - 元素继承其父级的 float 值 会在本身定位的位置基础上进行浮动。 清除浮动clear: none - 允许两 -
css布局溢出 overflow
overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。 overflow 属性可设置以下值: visible - 默认。溢出没有被剪裁。内容在元素框外渲染(内容仍然会显示,但是会在边框外显示) hidden - 溢出被剪裁,其余内容将不可见 溢出部分会被裁剪掉,看不 -
position定位
position定位有五个值: (1)static 静态(默认值) position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位: (2)relative 相对定位 position:relatove;的元素相对于其正常位置进行定位。 设置相对定位的元素的 top -
width和max-width区别
https://www.w3school.com.cn/css/css_max-width.asp 使用 max-width 可以改善浏览器对小窗口的处理。 例如div宽度是500px,当宽度小于500时,max-width对应的窗口显示的内容会自动调节,便于小窗口的浏览! -
display:none和visibility:hidden区别
二者都是将元素属性隐藏, 但不同的是,display:none隐藏后,不占位置;而visibility:hidden隐藏后,原位置仍然存在 display:none; visibility:hidden;