摘要:
因为文档流中父元素的高度由子元素撑开提供的,当子元素浮动时,父元素的内部高度就会为0,所以要清除浮动。 方法1:新添加一个标签,并给其设置clear:both;缺点是添加额外标签,语义化比较差。 方法2:父级元素添加overflow属性,overflow:hidden;原理是通过触发BFC,形成独立 阅读全文
摘要:
方法一:在已知宽度的情况下,对div改变外边距进行偏移达到效果。 .container { width: 500px; height: 500px; background-color: orange; position: relative; margin: 0 auto; } .content { 阅读全文
摘要:
防抖 事件触发时,不要马上执行动作,而是设定一个延迟时间(这个时间很短,比如 500ms),在延迟时间内,再次触发事件,则重新计时。 典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 function debounce(func, delay) { let ti 阅读全文
摘要:
JavaScript是单线程的编程语言,只能同一时间内做一件事。但是在遇到异步事件的时候,js线程并没有阻塞,还会继续执行,这就是因为JS有事件循环机制。 事件循环流程总结 主线程开始执行一段代码, 假设开始执行一个 script 标签内的代码,将代码放入执行栈中执行,同步代码优先执行,执行过程中, 阅读全文
摘要:
对于JavaScript来说,在ES6之前没有引入类的概念,所以创建实例是通过构造函数实现的。 在学习原型和原型链之前我们先要明白构造函数: 一、构造函数 1、什么是构造函数? 所谓构造函数,就是提供一个生成对象的模版,并描述对象的基本结构的函数。一个构造函数,可以生成多个对象,每个对象都有相同的结 阅读全文