✿✿--前端面试题

前端面试题（初级版）

HTMLDoctype作用？标准模式与兼容模式各有什么区别?（1）、声明位于位于HTML文档中的第一行，处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。HTML5为什么只需要
JustForZR·2020-08-17 20:36

前端面试题（一）

面试题1：==和===的区别是什么？答：==表示相等即仅仅比较两边变量的数值是否相等；===表示恒等，首先比较两边的变量数据类型是否相等，其次比较两边的变量的数值是否相等。1、运算符“==”：如果两个操作数不是同一类型，那么相等运算符会尝试一些类型转换，然后进行比较。（1）如果一个值是null，另一个是undefined，则它们相等。（2）如果一个值是数字，另一个是字符串，先将字符串转换为数字，然
DreamJie123·2020-08-17 19:20

Web前端面试题 HTML 部分问题与解答

1.Q:是正确的HTML5标签吗？A:是。标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。是HTML5标签。2.Q:标签是否可以改变文本方向？A:可以。标签覆盖默认的文本方向。Hereissometext3.Q:下列HTML代码是否正确？Thisismyselfportrait.A:正确标签规定独立的流内容（图像、图表、照片、代码等等）。figure元素的内容应
xyphf_和派孔明·2020-08-17 19:43

前端面试题

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB网页
weixin_30485799·2020-08-17 19:50

前端面试题目：谈谈对CSS盒模型的理解

CSS盒模型是CSS的基石，面试一定会问道；基本概念：标准模型+IE模型；（content，padding，border，margin）标准模型和IE模型的区别：CSS如何设置这两种模型：box-sizing:content-box;(标准模型，默认)box-sizing:border-box;(IE模型)JS如何设置获取盒模型对应的宽和高：dom.style.width/height：只能取到内
美林林·2020-08-17 16:51

Web前端面试题（前端开发人员必备）

本人也在学习前端方面的技术，为以后转行前端做好准备：HTML:1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和h
独家记忆0408·2020-08-17 15:12

前端面试题系列

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB网页
进击的web酱·2020-08-17 15:39

前端面试题大全

记住88条精简前端面试题，让面试成为享受前言浏览器HTML&CSSJavaScriptVUE微信小程序uniapp网络性能相关项目相关其它前言背的最少、说的最好。
星空之火@田兴·2020-08-17 11:18

前端面试题——HTTP 常见状态码

HTTP常见状态码100-199用于指定客户端应相应的某些动作。100Continue继续，一般在发送post请求时，已发送了httpheader之后服务端将返回此信息，表示确认，之后发送具体参数信息200-299用于表示请求成功。200OK正常返回信息201Created请求成功并且服务器创建了新的资源202Accepted服务器已接受请求，但尚未处理300-399用于已经移动的文件并且常被包含
Echo___Echo·2020-08-17 11:44

Web前端面试题——浅谈盒子模型

CSS盒子模型引用官方的话，所有html元素可以看作盒子，CSS盒模型本质是一个盒子，封装周围的HTML元素，包括外边距，边框，内边距和内容W3C盒子模型(标准盒子模型)一般来讲我们在CSS中定义的width和height都是设置content的宽高盒子的总宽高=content宽高+2*margin+2*padding+2*borderIE盒子模型(怪异盒子模型)相对于标准盒子模型，css中设置的
Echo___Echo·2020-08-17 10:42

前端面试题:vue中常用的指令

1.v-bind绑定语法糖是:冒号常用于绑定一些标签属性等//注意加冒号里面解析的是js语法不加解析的是字符串如果想要解析成数字最好还是加冒号2.v-if//v-show都可以用于元素的显示和隐藏v-if是利用元素的创建和删除导致元素隐藏的v-show是利用display:none//block使元素显示隐藏面试经常问道3.v-model表单元素双向绑定4.v-html/v-textv-text只
yunchong_zhao·2020-08-17 04:24

最新初中级前端面试题总结

一、HTML让一个div垂直居中的方式h5新标签谈谈iframe的优缺点二、CSS3.Bootstrap响应式布局原理CSS盒模型(BoxModel)，box-sizingrem与em的区别CSS选择器css常用选择器css选择器权重position定位属性详解link与@import区别与选择用css或js实现多行文本溢出省略效果，考虑兼容性三、JavaScriptJS执行机制代码提升（为了编译
青颜的天空·2020-08-17 00:19

前端面试题（3）现代技术

什么是单页面应用(SPA)？单页面应用(SPA)是指用户在浏览器加载单一的HTML页面，后续请求都无需再离开此页目标：旨在用为用户提供了更接近本地移动APP或桌面应用程序的体验。流程：第一次请求时，将导航页传输到客户端，其余请求通过RESTAPI获取JSON数据实现：数据的传输通过WebSocketAPI或RPC(远程过程调用)。优点：用户体验流畅，服务器压力小，前后端职责分离缺点：关键词布局难度
weixin_34273046·2020-08-16 16:07

前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node

喜欢的小伙伴关注我哦，欢迎大家的交流学习文章目录前端面试题全面整理css相关1.万能居中2.BFC优化3.盒模型哪两种模式？什么区别？如何设置4.常用清除浮动的方法，如不清除浮动会怎样？
妙趣前端·2020-08-16 14:22

web前端面试题总结

HTML+CSS什么是web标准，起到些什么作用，如何理解W3C组织制定的标准（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。---SEO（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容。（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、内容能被更广泛的设
小亚美美·2020-08-16 10:38

前端面试题汇总---session、localstorage、sessionstorage

**浏览器本地存储**-在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage-html5中的WebStorage包括了两种存储方式：sessionStorage和localStorage-sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会
年轻即出发·2020-08-16 09:21

2017前端面试题总结

1：为何选择前端这个方向和对前端的理解为什么：第一的话就是对前端很感兴趣，之前也接触过其他的语言，但是直到接触到前端才发现真的有兴趣做下去，兴趣是一个人最好的老师，第二的话前端很有前途，像现在nodejs，rn，微信小程序这类工具和框架可以让前端进行后端和移动开发，所以我觉得前端的前途会更多一点。理解：首先前端工程师最核心的技能还是：Html、CSS、JS。前端负责的是用户可以看到的部分，所以也是
weixin_30436101·2020-08-16 09:42

2020前端面试题--这样准备，拿不到offer算我输！

前言为了吸引大家点进来，起了一个刚（sao）气的标题。其实我觉得我这个文章挺值得看看的，看看又不长肉呀?。我是上周开始投简历，一周结束面试，在家等offer啦。坐标杭州，杭州的公司其实投来投去都是那几家，小厂不想去，大厂进不去[抠鼻ing]，加上互联网寒冬，其实找工作确实不好找啊。面试其实是实力和运气并存的事情，所以一方面我们要做好知识的准备，另一方面也要抓住时机，该出手就出手，毕竟现在好多公司h
爱前端也爱恋爱·2020-08-16 06:20

前端面试题(一)

文章目录一、this与作用域相关1、下面程序的输出结果是？2、try..catch程序的输出结果3、下面程序的输出二、那些不易注意的知识1、运算符考点：下面程序输出是什么?2、typeof，下面输出结果是什么3、typeofundefined==typeofNULL输出结果是什么一、this与作用域相关1、下面程序的输出结果是？varlength=10;functionfn(){console.l
super-CodeCake·2020-08-16 05:25

前端面试题总结（三）

1、AMD和CMD是什么？他们的区别是什么？答：AMD和CMD都是模块定义规范，AMD是RequireJS在推广过程中对模块定义的规范化产，CMD是SeaJS在推广过程中对模块定义的规范化产出。两者的区别：1.对于依赖的模块，AMD是提前执行，CMD是延迟执行。不过RequireJS从2.0开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD推崇aslazyaspossible.2.CM
wp1119·2020-08-16 03:49

十道前端面试题（1）

callapplybind的区别数组去重http状态码css弹性布局position属性有哪些值，分别有什么含义const和let的区别，可以改变const定义对象某个属性吗this的理解，如何改变this的指向let和var的区别，let的产生背景var的变量提升底层原理是什么箭头函数，箭头函数的特点点击了解更多ES6知识>>1.callapplybind的区别？相同点:都可以改变函数调用的th
小馋猫s·2020-08-16 03:07

十道前端面试题（3）

手写一下深拷贝==和===的区别写一个方法提取一下search里面的参数写一下不知道宽高元素垂直水平居中方法301和302的区别git命令JS基本数据类型css选择器的优先级行内元素，块级元素区别css伪元素有哪些1.手写一下深拷贝浅拷贝：只是复制了对像的引用地址，两个对象指向同一个地址，其中一个改变，另一个也跟着改变。深拷贝：指改变一个对象的属性，另一个对象不会改变实现深拷贝：创建一个新的对对象
小馋猫s·2020-08-16 03:07

十道前端面试题（5）

行内元素和块级元素有哪些，img属于什么元素写一下DOM节点的增删改讲讲304如何让一个元素消失事件监听数组常用的方法有哪些遍历数组处理用for循环还有什么方法吗给你一个乱序数组，你怎么样排序介绍一下盒子模型讲讲JS的语言特性1.行内元素和块级元素有哪些，img属于什么元素行内元素又叫内联元素，有：标签可定义锚表示一个缩写形式定义只取首字母缩写字体加粗可覆盖默认的文本方向大号字体加粗换行引用进行定
小馋猫s·2020-08-16 03:07

2017前端面试题及答案总结|掘金技术征文

作者：YeaseonBlog：yeaseonzhang.github.io原文链接"金三银四，金九银十"，用来形容求职最好的几个月。但是随着行业的饱和，初中级前端er就业形势不容乐观。行业状态不可控，我们能做的当然只是让自己变得更加具有竞争力。今年自己也用了几个月的时间来准备笔记面试，巩固基础知识。特此将自己在这个过程总结的题目分享出来，希望对于求职和准备求职的同学有所帮助。CSS列举不同的清除浮
weixin_33958366·2020-08-16 02:34

h5-面试题

看这些文章就够了（2019年6月更新版）前端面试：这50个经典前端面试题面试者必看！
weixin_30739595·2020-08-16 02:02

前端面试题（数组中求和）

//求数组中的固定任意两个数的和//前提已经升序排列好的vararr3=[1,2,4,6,9,10,12,15,17];//i         j//定义任意两个数相加的和为19；varsum=19;//双向循环遍历，从两头向中间走for(vari=0,j=arr3.length-1;isum)  //则j往前走一位  j--;  //否则如果i+j的值等于sum  else{    consol
没有名字随便喊·2020-08-15 17:57

web前端面试题（数组一大一小排列）

//思路：先用给定好的降序数组，先了解清楚排序输出结果的规律：一大一小；//然后设置空数组保存结果，通过循环双向遍历数组中的值，分别将j和i//放进数组中，因为是一大一小排列所以要先放j再放i，//最后当i=j时就把当前循环的值arr[i或者j]直接放进数组机即可；//给定降序排列好的数组：排序成一大一小的样子vararr=[7,6,5,4,3,2,1];//ij.//[1,7,2,6,3,5,4
没有名字随便喊·2020-08-15 17:57

前端面试题之数组去重 多种方法

编写一个方法去掉数组里面重复的内容vararr=[1,2,3,4,5,1,2,3]vararr=[1,2,3,4,5,1,2,3]//定义方法//方法一通过filter过滤//arr.filter三个参数每一项下标原数组//原理由于indexOf检索数组只能检索相同的数据只能检索第一个//所以如果和下标相等就可以做到去重的效果functionRemover(arr){returnarr.filte
無事別登三寶殿·2020-08-15 17:49

前端面试题 冒泡排序(有详细讲解)

Document/*冒泡排序找到最大的数据放在数组的最后面【1】相邻的两个数据进行比较【2】如果前面的数据比后面的数据大，这两个数据就交换*///varnum1=10;//varnum2=20;//num1=20num2=10//varnum3=num1;//num1=num2;//num2=num3;//console.log(num1,num2);vararr=[10,2,34,66,5,90
Rangvis·2020-08-15 17:24

前端面试题总结(js部分)|上

二、JS基础1、javascript的typeof返回哪些数据类型2、例举3种强制类型转换和2种隐式类型转换?3、split()join()的区别4、数组方法pop()push()unshift()shift()5、事件绑定和普通事件有什么区别6、IE和DOM事件流的区别7、IE和标准下有哪些兼容性的写法8、call和apply的区别9、b继承a的方法10、JavaScriptthis指针、闭包、
一只特立独行的鱼儿·2020-08-15 17:20

【前端面试题】手写bind、call、apply

函数的重要性不多说了，经常使用函数肯定会用到this这个关键字。this指针是面向对象设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用，JavaScript中的this指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的。平时开发，改变函数this指向，会用到bind、call、apply这三种函数对象自带的方法，
敲代码的篮球·2020-08-15 17:41

【前端面试题】防抖&节流

前端的小伙伴对于防抖、节流肯定不会陌生，日常开发中的一些业务场景很多会用到他们，而且这也是面试时常遇到的手写题目。不是很了解的小伙伴可以认真的看一看哦，很简单的。letnum=0;btn.addEventListener('click',debounce(handle,2000,['点赞','分享']))//两秒后,box元素的内容变为num;functionhandle(a,b){num++;b
敲代码的篮球·2020-08-15 17:41

前端面试题：算法-选择排序

重写选择排序/***重写选择排序*选择排序，从outer=0;开始一直到arr.length-1;进行arr.length-1躺排序；*每趟排序都将确定一个最小值；*内层循环，从arr[outer]开始比较，一直到arr[arr.length-1];*arr[outer]=min;**/Array.prototype.selectSort=function(){letarr=this,len=ar
weixin_34360651·2020-08-15 16:19

前端面试题-数组去重和排序

首先，不好意思，我昨天偷懒了，没有更新面试题，今日补上昨日的锅。基于上次的对象转化题目，不少同学指出对象种的数组如果长度不一样，不能满足功能，所以针对这个进行优化，代码如下所示：letobj={0:[44,67],1:[90,43,56],2:[56,67,33],3:[80,96,45]};functiongetArr(obj){if(typeofobj!="object"){console.w
weixin_34087301·2020-08-15 16:24

一道关于数组的前端面试题

前两天看到了一道前端面试题，《第11题：将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组》，题目倒是没有多难，但是看了其中一个答案，感觉思路满满啊。
weixin_30773135·2020-08-15 16:10

前端面试题-JS数组去重

大家好，今天给大家分享两种最简单的数组去重方法，因为数组去重，不管是前端后端，基本都会出现在面试题了，所以就最简单的两种方法分享给大家，当然，还有很多方法，一般不会问那么多，掌握一两种就行，理解一下思路。废话不多说，上代码：(1)//定义数组vara=[1,1,3,5,6,3];//打印测试console.log(show(a));functionshow(array){varnum=[];//定
侯志杰·2020-08-15 15:57

前端面试题 数组去重

方式一setfunctionunique(arr){return[...newSet(arr)]};方式二indexoffunctionunique(arr){letres=[];arr.forEach(item=>{if(res.indexOf(item)===-1){res.push(item);}});returnres;}方式三includesfunctionunique(arr){let
平常心_c·2020-08-15 15:38

关于数组的前端面试题

关于数组的前端面试题1、如何判断一个变量是否为数组？（1）为什么不用typeof？
weixin_45368324·2020-08-15 12:08

【前端面试题】冒泡排序&选择排序

冒泡排序、选择排序，作为前端面试题出场率还是挺高的。趁着工作不是很忙，就写了写。还顺带了解到了插入排序，也顺带写了下。
敲代码的篮球·2020-08-15 12:06

前端面试题：算法-冒泡排序

数组排序之冒泡排序：重写冒泡排序/*****外层循环outer:控制比较躺数;控制条件arr.length>=2;*内层循环inner:进行冒泡，每次冒泡，都将当前比较趟中的最大值，沉淀到最后:arr[outer-1]；*内层循环每次从arr[0]，开始向后比较，每一趟排序要比较次数outer-1;*如果arr[inner]>arr[inner+1];则进行交换位置；使用ES6中的解构赋值：交换位
weixin_34162695·2020-08-15 12:58

前端面试题 查询数组 使用冒泡查询

生成一个长度为100的数组，其中数字的取值范围为1~100，在控制台打印出数组中第二大的数。直接上代码//申明一个空数组vararr=[]//添加100个整数到arr数组中for(vari=0;iarr[i+1]){varnum=arr[i+1]arr[i+1]=arr[i]arr[i]=num}}}//得到了一个全新的数组console.log(arr);//找到arr倒数第二个数console
可？·2020-08-15 12:29

前端面试题 - 如何居中一个float:left的元素

听起来很高端大气上档次的样子但是其实试了一下还是很简单第一种方法.box{float:left;width:100px;height:100px;background:lightcoral;}现在它所处的位置在页面的最左边我们都知道在浮动的情况下添加margin:0auto;是没有任何效果的。那么我们在box的外面再套一个div就是给他一个爸爸让他的爸爸处于页面的正中央.con{position:
你看起来很好玩·2020-08-15 12:49

web前端面试题-css方面

web前端面试题-css1.display:none;与visibility:hidden;的区别2link与@import的区别3display,float,position的关系4外边距折叠(collapsingmargins
圣京都·2020-08-15 10:28

2019前端面试题目

今天去面了一家上市公司，坐标广州，做了一份笔试题。如下文，仅供参考。对于答案，大家可自行搜索，我也会尽快新开一篇文章，去整理回答这些题目。大家先自行思考，查缺补漏下哈。【一】页面布局题【1】请说明HTML布局元素的分类有哪些？并描述每种布局元素的应用场景？【2】列举出在浏览器中，页面加载过程触发了哪些事件？并画出这些时间的执行顺序【3】请描述一下为什么页面需要做优化？并写出常用的页面优化实现方案【
Linda小东东·2020-08-15 08:34

前端面试题（2）

来源：https://www.zhihu.com/question/41466747/answer/1325627251.HTTP请求和响应1.用户输入URL到浏览器显现给用户页面经过了什么过程用户输入URL，2.浏览器获取到URL浏览器(应用层)进行DNS解析（直接输入IP地址既跳过该步骤）3.根据解析出的IP地址+端口，浏览器（应用层）发起HTTP请求，请求中携带（请求头header（也可细分
Cacra·2020-08-15 03:25

-- 前端面试题整理

一、HTML/CSS简述对Web语义化的理解？就是让浏览器更好的读懂你写的代码，在进行HTML结构、表现、行为设计时，尽量使用语义化的标签，使程序代码简介明了，易于进行Web操作和网站SEO,方便团队协作的一种标准，以图实现一种“无障碍”的Web开发。①去掉或者丢失样式的时候能够让页面呈现出清晰的结构；②有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文
落日飛船·2020-08-15 01:53

前端面试题 ES5-ES6 function-class实现类的区别记录详解

在ES5中，我们是通过function来实现类和类的继承，而在ES6中，我们多了class这个语法糖，除了看起来更像一个类外，在很多方面class做到了比function更加严格1.写法上在ES5中，我们是通过prototype和Object.create()来实现类和继承functionPerson(){}functionStudent(){}Student.prototype=newPerso
前端小黑·2020-08-15 01:00

CSS常见的几种布局方式

在看前端面试题的时候经常会看到css的布局方式，今天整理一下分享给大家。
阿虚-·2020-08-15 00:41

2020最新前端面试题（一）

1.下面代码执行后dvarc=1,d=1;for(;c0，的x的和vara=[{x:1,y:0},{x:2,y:1},{x:3,y:2},{x:4}];sum=0;for(vari=0;i0){sum+=a[i].y}};console.log(sum);6.输入框输入数字12345678.6519转化成RMB形式：12,345,678.65functionmoneyFormat(inputval
hui_life·2020-08-14 23:01

2020年前端面试题（二）之VUE篇

1.常用的vue指令有哪些:v-ifv-elsev-onv-bindv-showv-model2.浏览器页面之前如何传参1、queryurl?a=xxx&b=yyyquery+pathquery+name2、params注册:url/:id请求:url/123params+name3、props布尔值对象函数4、meta路由元信息3.父子组件互相调用方法父组件主动获取子组件的数据和方法：1.调用子
hui_life·2020-08-14 23:01
上一页 35 36 37 38 39 40 41 42 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他