随笔分类 - 前端面试
应对面试
摘要:本文章写的内容比较有意思,里面说到的知识点值得去研究。所以分享出来。 HTML/CSS3 以及工具部分: vscode开发工具使用、markdown文档工具使用、浏览器平台环境、标签基础、DTD与META 语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则、SEO前端技巧、定位
阅读全文
摘要:JS是单线程的语言,它的异步同步是通过 Event Loop实现的,分为三个栈,调用栈、消息队列(宏任务)、微任务。 js执行的时候调用DOM遇到第一个函数的时候会把函数压入栈。 function fn2(){ console.log(2) } fn2() fu2()会压入栈 执行function
阅读全文
摘要:语法: new Promise((resolve, reject)=>{}) new Promise(function(){}) Promise也是异步的结果,promise有三个阶段 pending、fulfilled、rejected。promise只有两种结果pending变为fulfille
阅读全文
摘要:使用事件代理能减少点击事件的使用,减少事件的性能消耗,使用构造函数事件调用事件监听减少点击事件 <ul id="list"> <li>这是第一项</li> <li>这是第二项</li> <li>这是第三项</li> <button type="button" id="btn">按钮</button>
阅读全文
摘要:一、position: relative; 相对定位 相对与原来的位置,进行指定的偏移,相对定位的话,它仍然在标准文档流中,原来的位置会被保留 二、position:absolute; 绝对定位 1、相对于父级定位,相对于浏览器定位 2、在父级元素范围内活动 3、假设父级元素存在定位,我们通常会相对
阅读全文
摘要:一、 在div使用display:inline-block时,HTML代码中的回车换行键会被转化为一个空白符 如图 <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; border
阅读全文
摘要:首先要搞明白深拷贝和钱拷贝的区别要先搞明白 栈和堆的区别 一、栈 栈存储基础数据类型,如: String、Number、Boolean、Null、Underined,这些简单的基础数据类型能够直接存储在栈中。栈如果没有被使用就会被回收 二、堆 堆存储引用数据类型的是 Function、Array、O
阅读全文
摘要:CSS的三大特性 1.层叠性 代码由上向下执行,相同选择器设置到同一元素上,样式冲突的,会执行比较靠近html的样式,样式不冲突的情况下不影响 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </he
阅读全文
摘要:恢复内容开始 1.display: none和 visibility: hidden 代码 <style type="text/css"> *{ margin: 0; padding: 0; } #box{ background-color: #ffbbff; height: 300px; widt
阅读全文
摘要:恢复内容开始 webkit 代表浏览器 Safari chrome android手机默认的浏览器 塞班手机浏览器 Trident 代表浏览器 IE 搜狗浏览器 Gecko 代表浏览器 mozilla firefox Presto 代表浏览器Opera浏览器 例外 搜狗、遨游、QQ浏览器内核:Tri
阅读全文