面试
爱焰
这个作者很懒,什么都没留下…
展开
-
【前端面试必读】js设计模式
1.工厂模式function createPerson(name, age, job){var o = new Object();o.name = name;o.age = age;o.job = job;o.sayName = function(){alert(this.name);};return o;}var person1 = createPerson("Nicholas", 29, "Software Engineer");var person2 = createPerso原创 2022-02-07 16:43:16 · 303 阅读 · 0 评论 -
【前端面试必读】js排序的几种方法
1.冒泡排序比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。function bSort(arr) { var len = arr.length; for (var i = 0; i < len-1; i++) { for (var j = 0; j <原创 2022-02-07 15:03:06 · 2292 阅读 · 0 评论 -
【前端面试必读】在js中为什么0.1+0.2不等于0.3
原因在于在JS中采用的IEEE 754的双精度标准,计算机内部存储数据的编码的时候,0.1在计算机内部根本就不是精确的0.1,而是一个有舍入误差的0.1。当代码被编译或解释后,0.1已经被四舍五入成一个与之很接近的计算机内部数字,以至于计算还没开始,一个很小的舍入错误就已经产生了。这也就是 0.1 + 0.2 不等于0.3 的原因。通常的解决办法 就是 把计算数字 提升 10 的N次方 倍 再 除以 10的N次方。一般都用 1000 就行了。(0.1*1000+0.2*1000)/1000==0.3/原创 2022-02-07 14:22:39 · 1486 阅读 · 0 评论 -
【前端面试必读】js 数组循环的几种方法及返回值
1.for简单的遍历操作,没有返回值 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; for (let i = 0; i < arr.length - 1; i++) { console.log('i: ', i); // 1, 2, 3, 4, 5, 6, 7, 8, 9 }2.forEach简单的遍历操作,没有返回值 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.forEach(item原创 2022-02-07 14:15:06 · 2625 阅读 · 0 评论 -
【前端面试必读】js与jq操作dom的一些方法
1.创建节点js新的标签(元素节点) = document.createElement("标签名");var a1 = document.createElement("li"); //创建一个li标签jqvar $li = $('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');2.插入节点js插入节点有两种方式,它们的含义是不同的。方式1:父节点.appendChild(新的子节点);原创 2022-02-07 11:08:49 · 400 阅读 · 0 评论 -
【前端面试必读】setTimeout 、 promise、async await 的执行顺序?宏任务、微任务,分别包含哪些?
JS 分为同步任务和异步任务同步任务在主线程上执行异步任务放在主线程之外的一个任务队列主线程执行完毕后,读取任务队列的内容宏任务(macro)task:当前主线程上执行的就是一个宏任务。例: script 的代码、setTimeout、setInterval、postMessage等。微任务:microtask。例:Promise.then、await后面的代码。在执行当前宏任务时(同步执行时),遇到 setTimeout 会把它放到宏任务队列。遇到Promise.then会放到微任务队列。当原创 2022-02-07 10:57:31 · 440 阅读 · 0 评论 -
【前端面试必读】css基础面试
1.CSS选择器有哪些?选择符类型例子例子描述类别选择器(.class).intro选择class=”intro”的所有元素ID选择器(#id)#first选择id=”first”的所有元素标签选择器(element)div选择所有标签后代选择器(element element)div p选择元素内部的所有元素子选择器(element>element)div>p选择父元素为的所有元素群组选择器(element,elemen原创 2022-01-24 16:18:28 · 210 阅读 · 0 评论 -
【前端面试必读】BFC (Block formatting context) “块级格式化上下文”
怎样触发:满足下列条件之一就可触发BFC 【1】根元素,即HTML元素 【2】float的值不为none 【3】overflow的值不为visible 【4】display的值为inline-block、table-cell、table-caption 【5】position的值为absolute或fixed有何特性:1、阻止垂直外边距(margin-top、margin-bottom)折叠2、清除浮动,解决文字环绕,高度塌陷...原创 2022-01-24 15:54:17 · 214 阅读 · 0 评论 -
【前端面试必读】实现三列两边固定宽度,中间自适应布局
calc实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .wrap{ width: 1原创 2022-01-22 16:57:06 · 189 阅读 · 0 评论 -
【前端面试必读】实现三列中间固定,两边自适应布局
利用calc实现.area_left { float: left; width: calc(50% - 75px); height: 100%; background-color: bisque;}.area_center { float: left; width: 150px; height: 100%; background-color: black;}.area_right { float: left; wi原创 2022-01-22 16:55:05 · 288 阅读 · 0 评论 -
【前端面试必读】实现图片16:9
<div class="img_wap"> <img src=""/> </div>.img_wap{ padding-bottom: 56%; width: 100%; position: relative; } .img_wap img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }原创 2022-01-22 16:52:30 · 920 阅读 · 0 评论 -
【前端面试必读】flex简介及‘麻将三饼’布局的实现
flex容器属性:1.flex-direction:决定项目的排列方向。取值:row(默认) | row-reverse | column | column-reverse2.flex-wrap:即一条轴线排不下时如何换行。取值:nowrap(默认) | wrap | wrap-reverse3.flex-flow:是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。4.justify-content:定义了项目在主轴上的对齐方式。(justify原创 2022-01-22 16:47:26 · 429 阅读 · 0 评论 -
【前端面试必读】w3c标准是什么?
web标准简单来说可以分为结构、表现和行为结构 主要是有HTML标签组成表现 即指css样式表行为 主要是有js、dom组成web标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰。2、W3C对于WEB标准提出了规范化的要求1)标签和属性名字母要小写2)标签要闭合3)标签不允许随意嵌套4)尽量使用外链css样式表和js脚本。让结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。5)样式尽量少用行间原创 2022-01-22 16:27:42 · 7568 阅读 · 0 评论 -
【前端面试必读】网站的页面是怎样变成灰色的?
每当遇到重大的需要全民祭奠的节日,好多大平台的网页就会变灰,你知道是怎么做到的吗?实现的方法很简单,一般都会使用css的filter去实现。代码如下:html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); fil原创 2022-01-22 16:36:24 · 801 阅读 · 0 评论