WEB前端面试题

web前端面试题第二道—简述盒模型

盒子模型简述W3C组织建议把所有网页上的对象都放在一个盒子（box）中，就是所说的盒子模型，CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：实际内容(content)、填充(padding)、边框(border)，边界(margin)。一个div就是一个盒子。下面的图片说明了盒子模型(BoxModel)：不同部分的说明与属性：Content(内容)-盒子的内容，显示文本和图像。Pad
樱桃小丸子儿·2019-12-29 01:57

2016年Web前端面试题目汇总

作者：Lyzh原文地址：http://blog.linjiajun.com/2016/03/15/2016年Web前端面试题目汇总/以下是收集一些面试中经常会遇到的经典面试题，以及自己面试过程中无法解决的问题
IT程序狮·2019-12-24 03:35

Web前端面试题目及答案汇总（html部分）

1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内
与时光流浪·2019-12-21 10:55

2019 3月web前端面试题

最近在找工作，面试了好多家公司，结果都不怎么理想。要么公司环境氛围不行，要么工资达不到理想的薪资。大部分公司对程序员的面试流程几乎都一样，来了先填一份登记表，写一套面试题，然后技术面，人事面。至于有的大牛说，四面web前端，拿到10K+的工资，反正我这个渣渣程序员是没有碰到。现在来整理一下这几天我所碰到的面试题。html、css相关如何垂直居中一个浮动元素父盒子有宽高父元素相对定位，子元素绝对定位
隔壁老樊啊·2019-12-19 02:37

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

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

web前端面试题@十（cookie、session、token的关系）

浏览器中cookie、session、token存在意义http协议是无状态协议，请求之间是没有联系的，cookie、session、token可以帮助服务器区分到底是谁在访问原理是什么？cookie工作原理：客户端第一次访问服务器,服务器端保存客户的信息并且给客户端一个Cookie,客户端携带Cookie去访问服务端,服务端通过携带的Cookie找出该用户信息.服务端就能够知道是谁访问了。保存方
王芃皓·2019-12-08 23:00

Web前端面试题一写出几种IE6 BUG的解决方法

在当今的互联网大军中，不少人顺应时代潮流，选择了Web前端开发作为自己的发展方向，那么企业招聘时，企业一般都会出哪些问题呢?今天小编就来跟大家聊一聊Web前端中的IE6BUG的解决方法。1.双边距BUGfloat引起的使用display：inline;2.3像素问题使用float引起的使用dislpay:inline-3px或者margin-right:-3px3.超链接hover点击后失效使用正
强哥科技兴·2019-12-07 08:30

web前端面试题@十六（函数柯里化，js EventLoop 和 宏任务、微任务）

一、什么是柯里化柯里化，是函数式编程的一个重要概念。它既能减少代码冗余，也能增加可读性。另外，附带着还能用来装逼。先给出柯里化的定义：在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。柯里化的定义，理解起来有点费劲。为了更好地理解，先看下面这个例子：毫无疑问，sum是个简单的累加函数，接受3个参数，输出累加的结果。假设有这样的需求，sum的前2个参数保
王芃皓·2019-12-03 17:31

web前端面试题(一)

最近面试了几家公司,作为一个菜鸟很多都没有考虑到,总结了一下最近的面试题,记录一下:1.浏览器的缓存机制?2.es6的promise?3.vue-router的模式?4.axios与ajax的区别?或者是axios与jQuery封装的ajax的区别?5.阻止冒泡的方法?经常被问到的:1.h5/c3的新特性?多记几个再稍微描述一下2.cookielocalStoragesessionStorage的
小番茄1009·2019-12-01 19:50

2019年底前的web前端面试题初级-web标准应付HR大多面试问题

file作者|Jeskson来源|达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联元素，3，内联块状元素块级元素：就是每个块级元素都是从新的一行开始的，并且后面的元素也是另起一行的。元素的高度，宽度，行高，顶和底边距是可以设置的。元素宽度在不设置的情况，它的本身父容器是100%。~行内元素：就是和其他的元素都在同一行上。元素的高度
达达前端小酒馆·2019-11-29 10:46

2019年底前的web前端面试题初级-web标准应付HR大多面试问题

作者|Jeskson来源|达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联元素，3，内联块状元素块级元素：就是每个块级元素都是从新的一行开始的，并且后面的元素也是另起一行的。元素的高度，宽度，行高，顶和底边距是可以设置的。元素宽度在不设置的情况，它的本身父容器是100%。~行内元素：就是和其他的元素都在同一行上。元素的高度，宽度，
达达前端小酒馆·2019-11-25 21:00

2019年底前的web前端面试题初级-web标准应付HR大多面试问题

作者|Jeskson来源|达达前端小酒馆问：你知道在css中，html的标签元素分多少中不同的类型吗？答：大体可分三种：1，块状元素，2，内联元素，3，内联块状元素块级元素：就是每个块级元素都是从新的一行开始的，并且后面的元素也是另起一行的。元素的高度，宽度，行高，顶和底边距是可以设置的。元素宽度在不设置的情况，它的本身父容器是100%。~行内元素：就是和其他的元素都在同一行上。元素的高度，宽度，
达达前端小酒馆·2019-11-25 21:00

web前端面试题@九（vue导航守卫）

什么是导航守卫？正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。通俗来说就是钩子函数，在对应的路由行为时触发，部分钩子可以阻止/改变此次路由行为，所以称之为守卫都有哪些导航守卫（钩子函数）？前置守卫：1.全局的前置守卫：beforeEachbeforeResolve（同时在所有组件内守卫和异步路由
王芃皓·2019-11-25 08:43

web前端面试题@六（事件委托）

*说到事件委托，我们首先先要知道什么是事件委托——·那么什么是事件委托呢？？？JS里的事件委托就是当事件触发时，把要做的事委托给父元素（上级、上上级......）来处理。当需要添加的事件过多时，可以使用事件委托，而事件委托实际上利用了事件冒泡的特性。·那可能会问了，什么是事件冒泡呢？？简单的来说，当我们点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。·为什么要用事件委托呢？好处是啥？咱先说
王芃皓·2019-11-25 08:36

web前端面试题@一（vue、vue-router、vuex、双向数据绑定）

一、Vue.js是什么以我个人的理解，Vue.js是一个轻巧、高性能、可组件化的MVVM库；是一个构建数据驱动的Web界面的库。是一套构建用户界面的渐进式框架，与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。简而言之：Vue.js是一个构建数据驱动的web界面的渐进式框架。核心是一个响应的数据绑定系统。二、Vue与MVVMVue是一个MVVM框架，其各层的对应关系如下：View层：在V
王芃皓·2019-11-25 08:05

web前端面试题-灵魂拷问如何回复？

1，对前端工程师这个职位是怎么样理解的？它的前景会怎么样？前端是最贴近用户的程序员，比后端、数据库、产品经理、运营、安全都近。1、实现界面交互2、提升用户体验3、有了Node.js，前端可以实现服务端的一些事情前端是最贴近用户的程序员，前端的能力就是能让产品从90分进化到100分，甚至更好，参与项目，快速高质量完成实现效果图，精确到1px；与团队成员，UI设计，产品经理的沟通；做好的页面结构，页面
终身成长型·2019-11-09 14:32

web前端面试题-移动开发篇（持续更新...）

继续分享我整理了5年的面试题html：https://segmentfault.com/a/1190000020888959css：https://segmentfault.com/a/1190000020898762javascript：https://segmentfault.com/a/1190000020933141jquery：https://segmentfault.com/a/119
终身成长型·2019-11-09 13:34

web前端面试题-jQuery篇（持续更新...）

1，JQuery的源码看过吗？能不能简单概况一下它的实现原理？jquery源码封装在一个匿名函数的自执行环境中，有助于防止变量的全局污染，然后通过传入window对象参数，可以使window对象作为局部变量使用，好处是当jquery中访问window对象的时候，就不用将作用域链退回到顶层作用域了，从而可以更快的访问window对象。同样，传入undefined参数，可以缩短查找undefined时
终身成长型·2019-11-08 05:14

Web前端面试题目及答案汇总

1、怎样添加、移除、移动、复制、创建和查找节点？1）创建新节点createDocumentFragment()//创建一个DOM片段createElement（）//创建一个具体的元素createTexeNode()//创建一个文本节点2）添加、移除、替换、插入appendChild()//添加removeChild//移除replaceChild()//替换insertBefore()//插入3
与时光流浪·2019-11-08 02:23

web前端面试题-HTML篇（持续更新...）

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

web前端面试题-CSS篇（持续更新...）

1，介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种，IE盒子模型、W3C盒子模型；（2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；（3）区别：IE的content部分把border和padding计算了进去；2，CSS选择符有哪些？哪些属性可以继承？*1.id选择器（#myid）2.类选择器（.myclass
终身成长型·2019-11-05 14:26

web前端面试题-HTML篇（持续更新...）

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

Web前端知识架构-Index

资源Web前端面试题目汇总前端实践项目开发中的问题0_实际案例中的问题和注意事项Html01_Html基本标签02_Html的DOCTYPE、表格、表单标签CSS01_CSS选择器02_CSS文本属性03
对方不想理你并向你抛出一个异常·2019-11-02 15:48

前端开发人员必备Web前端面试题与答案 西安尚学堂

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

Web前端面试题分享

Web前端面试题分享1、页面导入样式时，使用link和@import有什么区别？答案：差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
qq1494648730·2019-09-17 14:20

Web前端面试题宝典【精编版】

过了八月，马上到了金九银十的跳槽季，找工作的时候曾一周面试了十多家公司，从一开始被面试官虐的体无完肤到最后对答如流，过程中经历了多少挑灯夜战的晚上，恶补前端知识，努力的付出终会有回报，最终获得了心仪的offer，所有的一切都是值得的。整理一下面试过程中遇到的高频题目，这些都是精简后的真题，就算不能百分百涵盖，至少也囊括7、8%了，如果面试过程中的你能回答出百分之八十左右的题目，不出大的纰漏offe
视觉派Pie·2019-09-10 00:00

web前端面试题总结

1.你做的页面在哪些浏览器测试过？这些浏览器的内核是什么？image2."=="和"==="的不同？==，两边值类型不同的时候，要先进行类型转换，再比较。===，不做类型转换，类型不同的一定不等。3.什么是盒子模型？内容(content)、内边距(padding)、边框(border)、外边距(margin)4.$(this)和this关键字在jQuery中有何不同？this其实是一个Html元素
敲代码使我快乐·2019-08-25 16:16

web前端面试题

1.数据结构和算法1）反转单词exportdefault(str)=>{//字符串按空格进行分隔，保存数组，数组的元素的先后顺序就是单词的顺序letarr=str.split('')//对数组进行遍历，然后每个元素进行反转letresult=arr.map(item=>{returnitem.split('').reverse().join('')})returnresult.join('')}2
jiaojsun·2019-08-11 22:56

一些web前端面试题的总结

最近呢，出去面试了几家公司，就此记录一下我印象比较深刻的一些问题吧：在ES5下实现const的功能（还问了const定义的对象和数组能否修改，为什么）varconst_=function(varName,value){window.varName=value;Object.defineProperty(window,varName,{enumerable:false,configurable:fa
百岁如流富贵冷灰·2019-08-06 18:07

第十八天web前端面试题

from郝晨光1，什么是函数防抖和函数节流？有什么区别防抖，就是指触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会清除前一次重新开启计算函数执行时间相比于防抖,节流就是在让函数在特定的时间内只执行一次函数节流与函数防抖是我们解决频繁触发DOM事件的两种常用解决方案函数防抖debounce原理：将若干函数调用合成为一次，并在给定时间过去之后，或者连续事件完全触发完成之后，调用一次例
小程要谦虚·2019-07-31 10:27

第十七天Web前端面试题

1，怎样添加、移除、复制、创建、查找节点添加：appendChild()，insertBefore()。移除：insertBefore()删除：removeChild()创建：createTextNode复制：cloneNode()查找：1.根据元素的id来查找document.getElementById(elementId);2.根据元素的class属性document.getElements
程梦瑶C·2019-07-29 12:52

第十天Web前端面试题

1，简述同步和异步的区别同步是阻塞模式，异步是非阻塞模式。同步是一个进程如果执行某个操作需要很长时间，则整个过程都需要等待。异步是一个进程如果需要执行某个操作很长时间，则继续下一个操作，不会等待2，数组去重（手写代码）嘿嘿我只写了三种，下面有个链接，里面很全哦最全去重3，在JavaScript中什么是伪数组？如何将伪数组转化为标准数组首先，伪数组不是一个数组，它是对象类型，下面是鉴定方法，伪数组就
小程要谦虚·2019-07-25 18:53

web前端面试题整理

目录1.怎样实现JS继承,ES5和ES6中实现继承有什么区别？2.强制缓存与协商缓存，举例写几个缓存相关的Header；3.编写函数实现如何快速让字符串变成以千为精度的数字？4.前端项目大多都有编译构建环节，请例举说明Web应用“编译时”与“运行时”的区别？5.不使用JSX如何编写React?比如：编写一个内容为“hello”的p标签；6.闭包的原理和优劣？7.vuev-model；8.vue动态
ZhongJian_csdn·2019-07-16 23:55

Web前端面试题 2019

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？§absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。§fixed（老IE不支持）
这是这时·2019-06-10 09:51

好程序员web前端面试题分享用线性渐变实现斜线

好程序员web前端面试题分享用线性渐变实现斜线1、用线性渐变实现如下图的斜线？
好程序员IT·2019-05-31 16:20

2019 3月web前端面试题

最近在找工作，面试了好多家公司，结果都不怎么理想。要么公司环境氛围不行，要么工资达不到理想的薪资。大部分公司对程序员的面试流程几乎都一样，来了先填一份登记表，写一套面试题，然后技术面，人事面。至于有的大牛说，四面web前端，拿到10K+的工资，反正我这个渣渣程序员是没有碰到。现在来整理一下这几天我所碰到的面试题。html、css相关如何垂直居中一个浮动元素父盒子有宽高父元素相对定位，子元素绝对定位
这是这时·2019-05-06 00:07

web前端面试题（全）

近来看到网上格式各样的web前端求职的面试题，接下来我用我的经验总结了一套在面试过程中高频率问到的面试题，希望能帮助各位求职者在求职的过程中顺利通过，废话不多说，直接说题。。。一、HTML5部分1.说一下对css盒模型的理解答：css盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。盒模型有两种
代码界一小生·2019-04-17 11:57

史上最全的web前端面试题汇总及答案3

小编推荐：Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。前段时间在github上看到一篇没有答案面试题的文章，小丸子经过多方的看书查资料，总结了一些问题的答案出来，希望能给大家带来帮助，有问题的地方，欢迎指正欢迎交流，前端面试题会持续更新，欢迎关注。HTML&CSStitle
JoshFenge·2019-04-17 09:44

web前端面试题-开发及性能优化

1、规避javascript多人开发函数重名问题命名空间封闭空间js模块化mvc（数据层、表现层、控制层）seajs变量转换成对象的属性对象化2、请说出三种减低页面加载时间的方法压缩css、js文件合并js、css文件，减少http请求外部js、css文件放在最底下减少dom操作，尽可能用变量替代不必要的dom操作3、你所了解到的Web攻击技术（1）XSS（Cross-SiteScripting，
doc-DJJ·2019-04-10 21:32

web前端面试题之http篇

HTTP面试题ps：自己最近整理的有关http的面试题，不喜勿喷，有错的请指正，谢谢！！！1.http和https的区别答：(1)HTTP的URL以http://开头，而HTTPS的URL以https://开头(2)HTTP是不安全的，而HTTPS是安全的(3)HTTP标准端口是80，而HTTPS的标准端口是443(4)在OSI网络模型中，HTTP工作于应用层，而HTTPS的安全传输机制工作在传输
连句问候都没有的孤独者·2019-03-26 17:55

web前端面试题之html&css篇

HTML&CSS面试题ps：自己最近整理的一部分，不喜勿喷，有错忘指正，谢谢！！！HTML部分1.XHTML和HTML有什么区别(1)HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言(2)最主要的不同(3)XHTML元素必须被正确地嵌套。(4)XHTML元素必须被关闭(5)标签名必须用小写字母(6)XHTMl文档必须拥有根元素2.什么是语义化的html？答：(1)直观的
连句问候都没有的孤独者·2019-03-26 17:53

2019web前端面试题

相关阅读：https://blog.csdn.net/wdlhao/article/details/79079660javascript:进程与线程的区别？进程：是并发执行的程序在执行过程中分配和管理资源的基本单位，是一个动态概念，竞争计算机系统资源的基本单位。线程：是进程的一个执行单元，是进程内科调度实体。比进程更小的独立运行的基本单位。线程也被称为轻量级进程。地址空间：同一进程的线程共享本进程
mpsl·2019-02-21 18:16

web前端面试题

web前端面试题页面导入样式时，使用link和@import有什么区别?
halapro_liu·2019-01-22 22:23

Web前端面试题及答案——框架

jQuery1、$()是什么？$符号是jQuery框架对外暴露的全局变量，是window对象的属性，$()代表jQuery核心函数，可接收一个函数、字符串、DOM元素。$(function(){});//推荐.接收字符串选择器//3.接收DOM元素，该元素被包装成一个jQuery对象返回2、JavaScriptwindow.onload事件和jQueryready函数的不同原生js和jQuery入
CongYao666·2019-01-15 15:04

web前端面试题

1移动端适配1px的问题构建1个伪元素,将它的长宽放大到2倍,边框宽度设置为1px,再以transform缩放到50%..radius-border{position:relative;}@mediascreenand(-webkit-min-device-pixel-ratio:2){.radius-border:before{content:"";pointer-events:none;/*防
铲事官·2018-11-08 20:13

Web前端面试题集

1、怎么样从web前端方面优化性能？至少列举5点？减少Http请求：合并CSS，合并javascipt，合并图片http协议是无状态的应用层协议，每次HTTP请求都需要建立通信链路、进行数据传输，如果包含大量的图片、css、js文件，会频繁的与服务器建立链接并释放链接，会造成资源浪费，增加服务器和浏览器的的负担。使用浏览器缓存：CSS、jS、logo、图标静态资源文件更新频率比较低，将文件缓存到浏
LongIvan·2018-11-07 21:36

web前端面试题合辑（四）

Ajax/ES6/Http/安全等知识Ajax是什么?如何创建一个Ajax？Ajax的全称：AsynchronousJavascriptAndXML。Ajax是一种用于创建快速动态网页的技术,异步的JavaScript和XML所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新
Della乐多·2018-10-25 17:17

web前端面试题合辑（四）

Ajax/ES6/Http/安全等知识Ajax是什么?如何创建一个Ajax？Ajax的全称：AsynchronousJavascriptAndXML。Ajax是一种用于创建快速动态网页的技术,异步的JavaScript和XML所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新
Della乐多·2018-10-25 17:17

web前端面试题合辑（三）

JavaScript篇Javascript很多考题都出自红宝书（JavaScript高级程序设计）JS有哪些数据类型？基本数据类型：StringBooleanNumberUndefinedNull（本质上null就是一个占位用的对象）ES6新增了Symbol（创建后独一无二且不可变的数据类型）引用数据类型：Object（狭义的对象，Array,Function）是否可以使用typeofbar===
Della乐多·2018-10-22 17:06

web前端面试题合辑（三）

JavaScript篇Javascript很多考题都出自红宝书（JavaScript高级程序设计）JS有哪些数据类型？基本数据类型：StringBooleanNumberUndefinedNull（本质上null就是一个占位用的对象）ES6新增了Symbol（创建后独一无二且不可变的数据类型）引用数据类型：Object（狭义的对象，Array,Function）是否可以使用typeofbar===
Della乐多·2018-10-22 17:06
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他