web前端面试题及答案2021,Web前端企业面试题
web前端面试题及答案2021,Web前端企业面试题详细介绍
本文目录一览： web前端面试经常问到的面试题有哪些
列举一些给你吧（题目比较多，没办法了）请问display：none和visibility：hidden的作用什么，它有什么区别？
请用CSS实现：一个矩形内容，有投影，有圆角，hover状态慢慢变透明。
描述下盒模型（BoxModule）及CSS3相关特性
有那些行内元素、有哪些块级元素、盒模型？
描述下CSS3里实现元素动画的方法
下列JavaScript代码执行后，依次alert的结果是
解释一下什么叫闭包，并实现一段闭包代码
简述一下什么叫事件委托以及其原理
有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？
用正则表达式，写出由字母开头，其余由数字、字母、下划线组成的6~30的字符串？
更多前端面试真题，到HTML5学堂。
1、 列举web性能优化？
1)
减少http请求次数。合并文件、利用css sprite把零散的图片整合到一张图上。
2)
减少DNS查找。
3)
减少从定向。
4)
响应时间。使用AJAX进行缓存，减少http请求。
5)
延迟载入组件.
6)
预载入组件。
7)
减少节点的数量。
8)
切分组件到多个域。
9)
最小化iframe。
10)
杜绝http404错误。
2、 介绍一下XMLHttpRequest对象的常用方式和属性?
open(“method”,”URL”) 建立对服务器的调用，第一个参数是HTTP请求方式
可以为GET，POST或任何服务器所支持的您想调用的方式。
第二个参数是请求页面的URL。
send()方法，发送具体请求
abort()方法，停止当前请求
readyState属性 请求的状态 有5个可取值 0=未初始化 ，1=正在加载
2=以加载，3=交互中，4=完成
responseText 属性 服务器的响应，表示为一个串
reponseXML 属性 服务器的响应，表示为XML
status 服务器的HTTP状态码，200对应ok 400对应not found
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)
10.写出几种IE6 BUG的解决方法
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 !Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的，使用over:hidden,zoom:0.08
line-height:1px)
行元素与块元素的区别；
如何清除浮动；
定位方式当中，absolute与fixed、relative的区别；
事件的兼容问题；
Ajax是什么；
如何优化你的页面；
响应式布局是什么等等。
经典的前端面试题至少有近百道，在这里也没办法全部给你列出来，你可以看看这个（小-程-序）“决胜前端”，里面有好几百道面试真题，也有比较好的答案解析。
Web前端经常被问到的面试题及答案
一、HTML+CSS
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范(html/Xhtml)一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)
二、Javascript
1.javascript的typeof返回哪些数据类型
Object number function boolean underfind
2.例举3种强制类型转换和2种隐式类型转换?
强制(parseInt,parseFloat,number)
隐式(== – ===)
3.split() join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
4.数组方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部删除
Unshift()头部添加 shift()头部删除
5.事件绑定和普通事件有什么区别
6.IE和DOM事件流的区别
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
4.this指向问题
7.IE和标准下有哪些兼容性的写法
Var ev = ev || window.event
document.documentElement.clientWidth || document.body.clientWidth
Var target = ev.srcElement||ev.target
8.ajax请求的时候get 和post方式的区别
一个在url后面 一个放在虚拟载体里面
有大小限制
安全问题
应用不同 一个是论坛等只需要请求的，一个是类似修改密码的
9.call和apply的区别
Object.call(this,obj1,obj2,obj3)
Object.apply(this,arguments)
10.ajax请求时，如何解释json数据
使用eval parse 鉴于安全性考虑 使用parse更靠谱
11.b继承a的方法
12.写一个获取非行间样式的函数
function getStyle(obj,attr,value)
{
if(!value)
{
if(obj.currentStyle)
{
return obj.currentStyle(attr)
}
else
{
obj.getComputedStyle(attr,false)
}
}
else
{
obj.style[attr]=value
}
}
前端面试项目会给图片吗
前端面试项目会给图片，广州最近的一次就是给参考图片。
不管是初级前端还是已经有几年工作经验的前端，如果在面试的时候能拿出自己的作品，能对作品进行详细说明，这个必然是加分项。对于这个我就说一下自己认为需要准备的作品内容吧，仅供参考一下。
1、如果是应届生前端的话，那么就准备自己在学校训练时做过的项目，如果没有比较好的项目的话，可以在网上找个比较的项目，自己去熟悉一下，了解一下这个项目用的什么框架和技术，再把这个框架和技术自己去研究一下，我建议最后去找电商项目，电商项目中的前端特效要求的比较高，如果电商的可以消化，那么面试就不再是问题了；
2、对于已经工作了一段时间的前端开发工程师来说，最好的就是将自己在工作中做过的项目拿出来进行说明，对于项目中的技术点自己一定要知道也要懂。同时也需要对项目说明自己的一些看法或者建议的都可以的。在面试过程中千万不要被动，有时候也需要主动出击。尽量把自己的能力表现出来。
前端面试项目会给图片吗
全部
资讯
视频
文档
图片
一文分析前端面试中的图片懒加载问题，快来看看吧~
最近整理了一些前端高频面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞、收藏，感谢！1.什么是_DOCTYPE_，有何作用？Doctype 是HTML5的文档声明，通过它可以...
百家号2022-11-28
前端实习生去面试需要什么作品-芝士回答
3.证明对新技术探索能力的，github里边应该有几个现有热门技术的项目。表示在寻找新技术解决方案的路上，一直保持着一颗敬畏之心，一颗虔诚的心，时刻保持学习或了解新事物的态度或激情。上个成...
芝士回答2021-03-25
初级前端面试需要带什么作品？芝士回答
我建议最后去找电商项目，电商项目中的前端特效要求的比较高，如果电商的可以消化，那么面试就不再是问题了；2、对于已经工作了一段时间的前端开发工程师来说，最好的就是将自己在工作中做过的...
芝士回答2021-01-09
其他人还搜了
前端面试项目素材
前端面试项目描述
面试介绍电商网站前端项目
前端面试问项目遇到的问题
前端面试开源项目
前端面试官要看上线项目怎么办
前端工作面试注意事项
作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项： 第一：注意自己的仪容仪表 面试之前，一定要再次从头到脚地将自己的仪容仪表检查...
芝士回答
初级前端面试需要带什么作品？
回答:26浏览:24万+赞同:34
[最佳答案]千言万语浓缩成了一行URL。
知乎2016-03-27
【前端+面试问题|前端+面试技巧】看准网
面试的前端开发·北京 面试未通过 阿里影业一面 面试过程很愉快，面试官交流起来很舒服，下面的图片里是我记录的面试中的问题并附上答案，仅供参考。贡献于 2022-05-20 3 匿名用户 面试的前端...
看准网2022-05-20
前端应届生面试经验_韩哥、最强操盘手的博客-CSDN博客_前端应届生
2 年之内的小伙伴，大家酌情阅读~(更新：最后的面试题只是自己总结的一些偏基础的知识~刚毕业的小伙伴看着也不要有什么压力，不是代表初级前端必须掌握的技能，只是总结出前端面试中比较常见的...
CSDN技术社区2021-11-18
前端面试（1）—准备_乐夫天命兮的博客-CSDN博客_前端面试准备
每轮面试在一小时左右。概念：职位描述：注重的是工作职责。任职要求：要求的是工作能力。通常描述得很细致。PS：前端的知识庞大，不可能所有的内容都准备好，但是要向“任职要求”靠拢。分析...
CSDN技术社区
【前端开发/web前端设计面试|前端开发/web前端设计面试技巧】看准网
面试过程很愉快，面试官交流起来很舒服，下面的图片里是我记录的面试中的问题并附上答案，仅供参考。有用（3）|评论（0）|你还记得你曾经的面试情景吗？分享一条你的面试经历吧，...
看准网2022-06-11
web前端开发面试流程是怎样的？百度知道
回答:2
首先投简历，等待面试通知。第一次面试填资料，做测试题；等一面通过之后接着二面，二面一般是技术面试，有些公司是通过之后直接进行3面有些是改天再进行3面，3面一般就是项目经理或总经理问你一-些各种各样的问题，如果3面都过了，基本上就是面试成功了。但是不同公司的面试流程也不相同。...
百度知道2022-06-10
相关搜索
前端面试项目
前端面试题库
前端面试自我介绍
前端面试视频教程
前端面试题目
面试图片
前端性能优化面试
前端面试宝典
快速搞定前端面试
前端面试问项目中遇到的难题
11-20条
【截图】常见前端面试题_mus_木司的博客-CSDN博客
3.一道面向对象面试题 4.EventLoop 同步异步、宏任务微任务 5.使下面输出1 var a={ toString=function*(){ yield 1;yield 2;yield 3;} } a.toString 会转换，规则： 对象=字符串 对象.toString ...
CSDN技术社区2020-06-02
前端面试
前端面试自我介绍背景：1 面试官在你自我介绍的时候，才有时间看你的简历。人太多没时间看，看了也记不住。2 你在自我介绍中，他在想问你什么问题。3 了解你语言表达能力，自信气场，仪表形态。...
www.lwlwlw.com2017-07-04
前端面试作品-芝士回答
我建议最后去找电商项目，电商项目中的前端特效要求的比较高，如果电商的可以消化，那么面试就不再是问题了；2、对于已经工作了一段时间的前端开发工程师来说，最好的就是将自己在工作中做过的...
芝士回答2021-01-09
web前端经典面试题_约德尔蒙的博客-CSDN博客_前端面试题
阅读:8w+
web前端面试题 其他问题 1、请谈谈你对性能优化的认识？网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images,stylesheets,javascripts,scripts,flash等)。减少请求次数是缩短响应...
CSDN技术社区
前端面试-项目流程_前端小兔子的博客-CSDN博客_前端面试流程
1、项目流程 （1）项目分多人、多角色参与 （2）项目分多阶段 （3）项目需要计划和执行 2、项目角色 （1）PM 产品经理 （2）UE 视觉设计师 （3）FE 前端开发 （4）RD 后端开发 （5）CRD 移动端...
CSDN技术社区2020-03-18
关于前端面试的十问十答（并附知识点思维导图）知乎
6.29 双越老师 在慕课网直播讲解了关于前端面试的一些技巧和经验，以下是同学的一些问题反馈和老师的解答 1、问题描述: 老师你好，我是计算机专业大二在校生，想了解前端需要重点掌握哪些算法呢...
知乎2019-07-04
Web前端初学者（应届生）面试攻略-知了乐了-博客园
前端技术日新月异，面试也有了不同的要求，各种框架层出不穷，到了你们那一年前端发展到了什么地步没有人知道，牢记法则，以不变应万变，绝对ok。明确一点，自己想去那种公司，大公司注重基础，...
博客园2018-02-26
前端面试（三）简书
前端面试（三） 一、图片整合 用background-position来实现背景图片的定位技术，又称为css精灵图。用法： 将一些小图片有规则的合成一张图片，即多张图片合为一张整图，再使用background-...
简书2019-10-20
前端面试要求-洺剑残虹-博客园
前端面试所遇到的技术点： HTML的问题 (1)行标签和块级标签分别有哪些？(2)常见HTML5的标签有哪些？(3)怎么页面结构会比较好？(4)如何减少HTTP请求和优化？减少请求的资源，将多个CSS资源打包到...
博客园2018-09-08
前端工程师面试汇总_尊哥的博客-CSDN博客_前端工程师面试
一、前端基础 1、HTTP,HTML,浏览器 说一下http和https tcp三次握手，一句话概括 TCP和UDP的区别 WebSocket的实现和应用 一个图片url访问后直接下载怎样实现？说一下web Quality（无障碍）几个很...
CSDN技术社区2020-01-28
相关搜索
前端面试项目
前端面试如何介绍自己的项目
前端面试
web前端面试
js前端面试
前端面试问题
2019前端面试
前端面试题库
前端电话面试
前端面试自我介绍
21-30条
前端面试-百度贴吧
小伙伴们，有很多小伙伴刚学完前端，想找一份好一点的公司去应聘，但是公司的面试又成了一大难题，今天我整理了一些关于web前端面试的试题，帮助大家可以更好的完成面试，早日找到工作。由于...
百度贴吧2020-01-25
前端面试流程_百度文库
前端面试流程 By漆黑小T 前面5个题，有两个答不出来就可以pass 遇到面试者反问，以时间有限为由，让其自行百度，面试印象减分 1、css问题,水平、垂直居中的写法，请至少写出4种？水平居中 行内...
百度文库
前端面试技巧-百度经验
前端面试技巧,马上就要进入前端面试的朋友们，对于前端面试的技巧还是比较模糊的，那么前端面试技巧都有哪些呢？
百度经验2019-12-03
前端面试到底要做到哪些？知乎
准备面试的时候，可以按照以下几个模块来准备： 无论前端技术栈日新月异，我们都得要扎实基础，脚踏实地，切记不可投机取巧、眼高手低。2.1 JavaScript 基础 JavaScript 基础非常重要，相比于...
知乎2021-07-29
常见的前端开发面试题(附答案)DreamTraveler-博客园
2.谈谈你对前端性能优化的理解 a.请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b.请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c.缓存...
博客园2020-04-28
前端面试流程-漆黑小T-博客园
前端面试流程 By漆黑小T 前面5个题，有两个答不出来就可以pass 遇到面试者反问，以时间有限为由，让其自行百度，面试印象减分 1、css问题,水平、垂直居中的写法，请至少写出4种？水平居中 行内...
博客园2021-01-27
前端面试流程图-CSDN
csdn已为您找到关于前端面试流程图相关内容，包含前端面试流程图相关文档代码介绍、相关教程视频课程，以及相关前端面试流程图问答内容。为您解决当下相关问题，如果想了解更详细前端面试流程图...
CSDN技术社区2021-06-10
前端面试篇，应届生面试时被问项目经验不用慌，按这个步骤回答成功率高达95%_码民的飘柔的博客-CSDN博客
为了让大家在收到一家公司前端面试邀请之后，准备得更加充足，这里准备了一些高频和基础的前端面试题，希望可以帮助大家更加顺利完成求职，得到自己满意的offer。最全前端面试真题汇总 CSS面试...
CSDN技术社区2021-05-14
关于前端面试的注意事项-简书
前端现在越来越多人，那么面试的时候要注意哪些问题呢？1.简历一定要写的完善，多一些数据性的东西，项目业绩啊，项目效果之类的一定要写的好一点，这样面试官看到才能感觉到真实。2.简历上的...
简书2020-05-06
常见的前端开发面试题(附答案)
2.谈谈你对前端性能优化的理解 a.请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b.请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c.缓存...
百家号2019-02-01
相关搜索
前端面试项目
前端面试如何介绍自己的项目
前端面试
web前端面试
js前端面试
前端面试问题
2019前端面试
前端面试题库
前端电话面试
前端面试自我介绍
31-40条
常见前端面试题及答案_冷小鱼的博客-CSDN博客_前端面试题
本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有...
CSDN技术社区2019-02-15
前端工作面试问题-前端开发博客
这段事件一直在整理有关前端的面试题目，整理这也题目，不只是为了能够学习应付即将到来的面试，更是为了补补基础知识。日常项目开发进度太快了，很多属性或者方法用了就忘，这样会造成另外一个...
m.caibaojian.com2017-04-06
前端面试之前要准备的那些事-祈澈姑娘-博客园
现在前端虽火但工作不好找，因为一些外力因素所导致，北上广这些大城市的招聘都是三年的工作经验起的。关于怎么写工作经验和工作项目，后续的文章里面会有更多的干货和经验。问题四，简历上常见...
博客园2017-10-26
如何面试前端工程师?
评论:1
近来几个月，一直在努力寻找前端战友，未果，一路的招聘经历下来，心生不少感慨，一直都很小心翼翼前端面试项目会给图片吗前端面试项目会给图片吗
全部
资讯
视频
文档
图片
一文分析前端面试中的图片懒加载问题，快来看看吧~
最近整理了一些前端高频面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞、收藏，感谢！1.什么是_DOCTYPE_，有何作用？Doctype 是HTML5的文档声明，通过它可以...
百家号2022-11-28
前端实习生去面试需要什么作品-芝士回答
3.证明对新技术探索能力的，github里边应该有几个现有热门技术的项目。表示在寻找新技术解决方案的路上，一直保持着一颗敬畏之心，一颗虔诚的心，时刻保持学习或了解新事物的态度或激情。上个成...
芝士回答2021-03-25
初级前端面试需要带什么作品？芝士回答
我建议最后去找电商项目，电商项目中的前端特效要求的比较高，如果电商的可以消化，那么面试就不再是问题了；2、对于已经工作了一段时间的前端开发工程师来说，最好的就是将自己在工作中做过的...
芝士回答2021-01-09
其他人还搜了
前端面试项目素材
前端面试项目描述
面试介绍电商网站前端项目
前端面试问项目遇到的问题
前端面试开源项目
前端面试官要看上线项目怎么办
前端工作面试注意事项
作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项： 第一：注意自己的仪容仪表 面试之前，一定要再次从头到脚地将自己的仪容仪表检查...
芝士回答
初级前端面试需要带什么作品？
回答:26浏览:24万+赞同:34
[最佳答案]千言万语浓缩成了一行URL。
知乎2016-03-27
【前端+面试问题|前端+面试技巧】看准网
面试的前端开发·北京 面试未通过 阿里影业一面 面试过程很愉快，面试官交流起来很舒服，下面的图片里是我记录的面试中的问题并附上答案，仅供参考。贡献于 2022-05-20 3 匿名用户 面试的前端...
看准网2022-05-20
前端应届生面试经验_韩哥、最强操盘手的博客-CSDN博客_前端应届生
2 年之内的小伙伴，大家酌情阅读~(更新：最后的面试题只是自己总结的一些偏基础的知识~刚毕业的小伙伴看着也不要有什么压力，不是代表初级前端必须掌握的技能，只是总结出前端面试中比较常见的...
CSDN技术社区2021-11-18
前端面试（1）—准备_乐夫天命兮的博客-CSDN博客_前端面试准备
每轮面试在一小时左右。概念：职位描述：注重的是工作职责。任职要求：要求的是工作能力。通常描述得很细致。PS：前端的知识庞大，不可能所有的内容都准备好，但是要向“任职要求”靠拢。分析...
CSDN技术社区
【前端开发/web前端设计面试|前端开发/web前端设计面试技巧】看准网
面试过程很愉快，面试官交流起来很舒服，下面的图片里是我记录的面试中的问题并附上答案，仅供参考。有用（3）|评论（0）|你还记得你曾经的面试情景吗？分享一条你的面试经历吧，...
看准网2022-06-11
web前端开发面试流程是怎样的？百度知道
回答:2
首先投简历，等待面试通知。第一次面试填资料，做测试题；等一面通过之后接着二面，二面一般是技术面试，有些公司是通过之后直接进行3面有些是改天再进行3面，3面一般就是项目经理或总经理问你一-些各种各样的问题，如果3面都过了，基本上就是面试成功了。但是不同公司的面试流程也不相同。...
百度知道2022-06-10
相关搜索
前端面试项目
前端面试题库
前端面试自我介绍
前端面试视频教程
前端面试题目
面试图片
前端性能优化面试
前端面试宝典
快速搞定前端面试
前端面试问项目中遇到的难题
11-20条
【截图】常见前端面试题_mus_木司的博客-CSDN博客
3.一道面向对象面试题 4.EventLoop 同步异步、宏任务微任务 5.使下面输出1 var a={ toString=function*(){ yield 1;yield 2;yield 3;} } a.toString 会转换，规则： 对象=字符串 对象.toString ...
CSDN技术社区2020-06-02
前端面试
前端面试自我介绍背景：1 面试官在你自我介绍的时候，才有时间看你的简历。人太多没时间看，看了也记不住。2 你在自我介绍中，他在想问你什么问题。3 了解你语言表达能力，自信气场，仪表形态。...
www.lwlwlw.com2017-07-04
前端面试作品-芝士回答
我建议最后去找电商项目，电商项目中的前端特效要求的比较高，如果电商的可以消化，那么面试就不再是问题了；2、对于已经工作了一段时间的前端开发工程师来说，最好的就是将自己在工作中做过的...
芝士回答2021-01-09
web前端经典面试题_约德尔蒙的博客-CSDN博客_前端面试题
阅读:8w+
web前端面试题 其他问题 1、请谈谈你对性能优化的认识？网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images,stylesheets,javascripts,scripts,flash等)。减少请求次数是缩短响应...
CSDN技术社区
前端面试-项目流程_前端小兔子的博客-CSDN博客_前端面试流程
1、项目流程 （1）项目分多人、多角色参与 （2）项目分多阶段 （3）项目需要计划和执行 2、项目角色 （1）PM 产品经理 （2）UE 视觉设计师 （3）FE 前端开发 （4）RD 后端开发 （5）CRD 移动端...
CSDN技术社区2020-03-18
关于前端面试的十问十答（并附知识点思维导图）知乎
6.29 双越老师 在慕课网直播讲解了关于前端面试的一些技巧和经验，以下是同学的一些问题反馈和老师的解答 1、问题描述: 老师你好，我是计算机专业大二在校生，想了解前端需要重点掌握哪些算法呢...
知乎2019-07-04
Web前端初学者（应届生）面试攻略-知了乐了-博客园
前端技术日新月异，面试也有了不同的要求，各种框架层出不穷，到了你们那一年前端发展到了什么地步没有人知道，牢记法则，以不变应万变，绝对ok。明确一点，自己想去那种公司，大公司注重基础，...
博客园2018-02-26
前端面试（三）简书
前端面试（三） 一、图片整合 用background-position来实现背景图片的定位技术，又称为css精灵图。用法： 将一些小图片有规则的合成一张图片，即多张图片合为一张整图，再使用background-...
简书2019-10-20
前端面试要求-洺剑残虹-博客园
前端面试所遇到的技术点： HTML的问题 (1)行标签和块级标签分别有哪些？(2)常见HTML5的标签有哪些？(3)怎么页面结构会比较好？(4)如何减少HTTP请求和优化？减少请求的资源，将多个CSS资源打包到...
博客园2018-09-08
前端工程师面试汇总_尊哥的博客-CSDN博客_前端工程师面试
一、前端基础 1、HTTP,HTML,浏览器 说一下http和https tcp三次握手，一句话概括 TCP和UDP的区别 WebSocket的实现和应用 一个图片url访问后直接下载怎样实现？说一下web Quality（无障碍）几个很...
CSDN技术社区2020-01-28
相关搜索
前端面试项目
前端面试如何介绍自己的项目
前端面试
web前端面试
js前端面试
前端面试问题
2019前端面试
前端面试题库
前端电话面试
前端面试自我介绍
21-30条
前端面试-百度贴吧
小伙伴们，有很多小伙伴刚学完前端，想找一份好一点的公司去应聘，但是公司的面试又成了一大难题，今天我整理了一些关于web前端面试的试题，帮助大家可以更好的完成面试，早日找到工作。由于...
百度贴吧2020-01-25
前端面试流程_百度文库
前端面试流程 By漆黑小T 前面5个题，有两个答不出来就可以pass 遇到面试者反问，以时间有限为由，让其自行百度，面试印象减分 1、css问题,水平、垂直居中的写法，请至少写出4种？水平居中 行内...
百度文库
前端面试技巧-百度经验
前端面试技巧,马上就要进入前端面试的朋友们，对于前端面试的技巧还是比较模糊的，那么前端面试技巧都有哪些呢？
百度经验2019-12-03
前端面试到底要做到哪些？知乎
准备面试的时候，可以按照以下几个模块来准备： 无论前端技术栈日新月异，我们都得要扎实基础，脚踏实地，切记不可投机取巧、眼高手低。2.1 JavaScript 基础 JavaScript 基础非常重要，相比于...
知乎2021-07-29
常见的前端开发面试题(附答案)DreamTraveler-博客园
2.谈谈你对前端性能优化的理解 a.请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b.请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c.缓存...
博客园2020-04-28
前端面试流程-漆黑小T-博客园
前端面试流程 By漆黑小T 前面5个题，有两个答不出来就可以pass 遇到面试者反问，以时间有限为由，让其自行百度，面试印象减分 1、css问题,水平、垂直居中的写法，请至少写出4种？水平居中 行内...
博客园2021-01-27
前端面试流程图-CSDN
csdn已为您找到关于前端面试流程图相关内容，包含前端面试流程图相关文档代码介绍、相关教程视频课程，以及相关前端面试流程图问答内容。为您解决当下相关问题，如果想了解更详细前端面试流程图...
CSDN技术社区2021-06-10
前端面试篇，应届生面试时被问项目经验不用慌，按这个步骤回答成功率高达95%_码民的飘柔的博客-CSDN博客
为了让大家在收到一家公司前端面试邀请之后，准备得更加充足，这里准备了一些高频和基础的前端面试题，希望可以帮助大家更加顺利完成求职，得到自己满意的offer。最全前端面试真题汇总 CSS面试...
CSDN技术社区2021-05-14
关于前端面试的注意事项-简书
前端现在越来越多人，那么面试的时候要注意哪些问题呢？1.简历一定要写的完善，多一些数据性的东西，项目业绩啊，项目效果之类的一定要写的好一点，这样面试官看到才能感觉到真实。2.简历上的...
简书2020-05-06
常见的前端开发面试题(附答案)
2.谈谈你对前端性能优化的理解 a.请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b.请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c.缓存...
百家号2019-02-01
相关搜索
前端面试项目
前端面试如何介绍自己的项目
前端面试
web前端面试
js前端面试
前端面试问题
2019前端面试
前端面试题库
前端电话面试
前端面试自我介绍
31-40条
常见前端面试题及答案_冷小鱼的博客-CSDN博客_前端面试题
本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有...
CSDN技术社区2019-02-15
前端工作面试问题-前端开发博客
这段事件一直在整理有关前端的面试题目，整理这也题目，不只是为了能够学习应付即将到来的面试，更是为了补补基础知识。日常项目开发进度太快了，很多属性或者方法用了就忘，这样会造成另外一个...
m.caibaojian.com2017-04-06
前端面试之前要准备的那些事-祈澈姑娘-博客园
现在前端虽火但工作不好找，因为一些外力因素所导致，北上广这些大城市的招聘都是三年的工作经验起的。关于怎么写工作经验和工作项目，后续的文章里面会有更多的干货和经验。问题四，简历上常见...
博客园2017-10-26
如何面试前端工程师?
评论:1
近来几个月，一直在努力寻找前端战友，未果，一路的招聘经历下来，心生不少感慨，一直都很小心翼翼前端面试项目会给图片吗
前端面试题2021（JS篇（上））
（水仙花数也被称为超完全数字不变数、自恋数、自幂数、阿姆斯特朗数。水仙花数是指一个3位数，它的每个位上的数字的3次幂之和等于它本身 例如： 1~3 + 5~3 + 3~3 =153）
(质数就是在大于1的自然数中，除了1和它本身以外不在有其他因数的自然数)
a:11,b:10
A [] B [""] C [undefined] D [null]
A ['false'] B [false] C[0] D[]
A null B undefined C “hello” D“world”
A "llowo" B "llow" C "llo" D null
A "llowo" B "llow" C "llo" D null
A getYear（）
B getMonth（）
C getDay（）
DgetDate（）
A 基于对象
B 移动端优先
C 事件驱动
D 跨平台
A String
B Float
C Number
D Null
A 任意单个字符
B 任意单个字母
C 任意单个字母、数字、下划线
D 任意单个字母、数学、下划线、$符号
A
B
以下说法中正确的是（AD）
A.在页面的第二个文本框中输入内容后，当目标离开第二个文本框时，第一个文本框的内容不变
B.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容
C.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时候，将在第一个文本框中复制第二个文本框的内容
D.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变
你遇到的前端面试题都有什么？
大家好，我是王我。
随着春节的结束，各个行业也普遍开始了上班的节奏， 不过本人17号才上班。为什么？因为长得帅的都上班比较晚。 当然，每到新年结束，又迎来了一批招聘者与面试者，我来说说作为一年工作经验应该知道的面试题。
HTML篇
1.doctype是什么？有哪些类型？
2.input有哪些新类型？简要说明其8用法。
3.HTML5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
4.bootstrap响应式的原理是什么？
5.多移动终端页面适配是如何实现的？
CSS篇
1.如何实现两列布局，左边自适应，右边固定宽度？
2.用CSS画一个三角形
3.CSS实现字体大写
4.display有哪些常用的属性值？分别是什么意思？
5.position为absolute，relative，fixed的定点位置
6.用三种方法清除浮动
7.请介绍一下margin塌陷问题
js篇
1.什么是事件冒泡和捕获？如何阻止事件冒泡？(分别用原生和jquery实现)
2.js创建对象，至少使用三种方法
3.简述一下事件穿透以及解决办法
4.用三种方式判断变量类型是否是数组
5.如何实现对象的拷贝？
6.什么是闭包？闭包的优缺点。
7.简述一下ajax请求的过程。
8.简述一下new一个人构造函数的人过程。
9.为什么会有跨域？是怎么解决跨域问题的？简述一下原理。
10.js原始数据类型有哪些？
11.学一个函数，判断一个变量是否是字符串
12.typeof有哪些结果？
13.剪头函数和普通函数有什么区别？
14.请用三种方法实现数组去重
15.href和src有什么区别？
jquery篇
1.attr()和prop()有什么区别？
2.on和bind有什么区别？js动态添加的dom元素是通过on还是bind？
3.touch和click有什么区别？
4.window.onload和jquery的ready有什么区别？
vue篇
1.简述一下vue的生命周期及其特点
2.vue双向绑定的原理是什么？
3.vue的特点有哪些？和jquery有什么区别？
4.父子组件之间传递数据的方法
5.子组件如何共享数据？
6.一般有什么工具进行数据交互？
7.webpack的原理是什么？
8.简述一下$nextTick的用法
浏览器篇
1.cookie、sessionStorage、localStorage的区别是什么？
2.有用过浏览器缓存吗？简述一下基本的缓存机制
网络篇
1.http和https之间的区别
2.从服务器的安全考虑，是使用get请求还是post请求？
3.URL请求的过程有哪些？
项目经验篇
1.项目中遇到的最大挑战以及解决办法
2.常见的网页优化有哪些？
作为一个面试一年以内工作经验的前端程序员来说，以上的问题能够倒答如流月薪6k应该不成问题啦。这些面试题也是我在很多面试中感觉经常被问到的题目。
希望大家年后找工作能够顺顺利利， 千万不要跟我一样哦，只有帅气就一无所有了。
大家好，我是王我，中国最帅的前端程序员。
前几次都是各种培训公司，各种忽悠就不提了，说说后面4次面试的经历。
第一次是面一个小公司，不过他们好像没有厉害的前端，来面我的是个后端，一来没有问我关于js的知识，直接问我以前做过什么，有没有经验，我本人不会吹牛，简历也没怎么包装，就是自己把自学的知识和做的几个小demo弄在上面，也用github挂在页面上了，不过他根本不点开看，也不问，问我会不会vue，我当时对框架还不了解，他就说他们需要能直接上手开始写的，所以我第一个就直接挂了。
第二次面试是一个国企，这个问了很多问题，都很基础，js数据类型，数组操作，事件，大概就是高程的前面几章看看就差不多都能答到，然后因为他们主要用jq，所以问了很多jq的操作，关于节点的，动画的，我看锋利的jq大概看了3遍，也练过多次，所以我答的很熟。然后问了些布局方面的，bootstrap我了解过，又看过css3，所以这方面也没啥问题，最后在现场做了个题目，主要就是布局然后通过ajax呈现数据。后面听介绍我面试的说面试官比较满意，说我jq很熟，一面就过了。可惜后面电话面试不知怎么回事可能表现的不够自信，虽然没问技术，但是我没啥自信，把没项目经验什么的也不知怎么就一五一十交代了，估计因为这个挂掉了。
第三次没问问题，直接就是一套题开做，我在那做了一个多小时。题目就是按照要求一步一步做一个页面出来，我也搞忘了我当时卡在哪个地方了，坐在那得时候就是做不出来，没有设计图，要根据他的描述自己找个设计图然后做，我第一次遇到这个有点懵，虽然当时没做出来，不过回来我自己花了几个小时把它做了。所以这个也是凉了。
第四个问的比较多，数据类型，数组操作，跨域，ajax，闭包，原型链，继承，深拷贝，浅拷贝，模块amd cmd，基本都是问的js。然后问了html5的新特性 css3 的新特性，遇到过什么浏览器的兼容性问题，怎么解决的，以后想往什么方面发展。这个时候我已经会点vue了，照着做了个小demo，不过后来知道公司用的angularjs，面试官也没看我做的，问也没问。。以前听网上说要带上自己的项目去面试感觉没起多大效果。
最后总结下如果面的比较初级的岗位，应该主要问js，原型链，继承，闭包，深浅拷贝，ajax，跨域，然后js的基础知识，对了还有apply和call也问了，html5的新特性了解下就行。主要就是看你js掌握的程度，如果稍微要求高一点的，暂时还没面过，等以后面过在来回答
1. cookie session 的用途和区别，以及有效期 1、cookie数据存放在客户的浏览器上，session数据放在服务器上。
2、cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗
考虑到安全应当使用session。
3、session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能
考虑到减轻服务器性能方面，应当使用COOKIE。
4、单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie。
2. vue的数据绑定原理，mvvm与mvc的区别
MVVM：
m:model数据模型层 v:view视图层 vm:ViewModel vue中采用的是mvvm模式，这是从mvc衍生过来的 MVVM让视图与viewmodel直接的关系特别的紧密，就是为了解决mvc反馈不及时的问题
图片说明一下：
说到MVVM就要说一下双向绑定和数据劫持的原理，
MVC：
m:model数据模型层 v:view视图层 c:controller控制器
原理： c层需要控制model层的数据在view层进行显示
MVC两种方式，图片说明：
总结：
mvvm与mvc最大的区别： MVVM实现了view与model的自动同步，也就是model属性改变的时候， 我们不需要再自己手动操作dom元素去改变view的显示，而是改变属性后该属性对应的view层会自动改变。
不懂得可以复制链接查看：
https://www.pianshen.com/article/3716256399/
3. storage 的区别 sessionStorage localStorage localStorage 的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据，使用的方法如上所示。localStorage有length属性
sessionStorage 的生命周期是在浏览器关闭前。也就是说，在整个浏览器未关闭前，其数据一直都是存在的。sessionStorage也有length属性，其基本的判断和使用方法和localStorage的使用是一致的
4.v-model双向数据原理
有一个文本框 通过v-bind绑定了value属性 值为myname 是我们在vue实例中定义的属性 传统我们获取文本框值方法 可能通过getElementById找到文本框 然后获取其value属性 但是vue中直接通过v-bind绑定了value属性 所以不需要像之前那样获取值 所以在后面的按钮中获取name值 直接获取vue实例对象data里面的myname属性即可
【数据为尊 ----数据映射到浏览器 如果数据v-model后修改（肯定input）然后到数据在有数据映射到浏览器页面 ----映射关系统称】
5.keepAlive用过吗？什么作用？ 缓存路由组件
使用的是vue的一个组件，参考vue的官方文档
使用这个东西可以保证我们在切换组件的时候，原来显示的组件不被销毁
-----【保障组件的数据不会被切换路由而销毁数据】
Home是对应的组件对象的名字，不是路由的名字
6.多维数组拍平 数组拍平也称数组扁平化，就是将数组里面的数组打开，最后合并为一个数组
一红六种方法吧……
了解的请看： https://www.cnblogs.com/guan-shan/p/10165737.html
7.跨域的原因 解决方案 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。
这样就可以说同源策略----协议---端口---域名
原生的src和href可以解决跨域
代理可以解决
请求头也可以携带浏览器提示的也可以解决
一般都是后端解决跨域问题
【别的需要了解看下方链接】
https://blog.csdn.net/qq_41604383/article/details/100770100
8.uniApp兼容问题 § 如果你使用cli创建项目（即项目根目录是package.json），不管用什么ide，即便是用HBuilderX，切记cli项目的编译器是在项目下的，HBuilderX不管怎么升级都不会影响编译器版本。你需要手动npm update来升级编译器。以及如果你想要安装less、scss等预编译器，也需要自己npm安装在项目下，而不是在HBuilderX的插件管理里安装。
§ 如果你使用离线打包，请注意HBuilderX升级后，真机运行基座和云打包对应引擎跟随HBuilderX升级，而你的sdk需要手动升级。sdk的版本升级一般滞后HBuilderX正式版升级一两天。
§ 如果你使用自定义基座，之前制作的自定义基座是不会跟随HBuilderX升级的，升级HBuilderX后你应该重新制作新版自定义基座。
§ 如果你使用wgt升级，新版HBuilderX编译的wgt，运行到之前的runtime上，一定要先测试好，看有没有兼容性问题。如果有问题，就不要wgt升级，整包升级。
§ 考虑到向下兼容，uni-app编译器在升级为新的自定义组件模式后，同时保留了对老编译模式的向下兼容。 在HBuilderX alpha版中，App端一定会使用新编译器，不理会manifest配置。 在HBuilderX 正式版中，新创建的项目会使用新编译器，老项目不会强制使用，而是开发者自己在manifest里配置开启。
§ 如果你使用其他ide开发uni-app，会经常因为拼错单词而运行失败，因为经过webpack编译一道，很多错误反应的不够直观，排错时间很长，不如从开始就依赖有良好提示的HBuilderX，避免敲错单词。
§ 云打包的引擎版本说明 HBuilderX Alpha，只有1套云打包机，不管你的HBuilderX alpha版本多少，对应的打包机一定是最新的alpha版的客户端引擎。 HBuilderX正式版，有2套打包机，一个是最新正式版，一个是次新正式版。 中间的紧急更新版本没有独立打包机。 举个例子： HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1这几个正式版。 那么当前可用的打包机有1.9.1和1.8.2这2台。（即每个大版本的最后一个版本） 除了这2个HBuilderX版本外，其他版本的云打包都指向最新的1.9.1版对应的打包机。（即只保留2个大版本的云打包机）
【详情请看】
https://ask.dcloud.net.cn/article/35845
一、HTML HTML书写规范
H5新增标签
HTML渲染过程
二、CSS css盒子模型概念
css弹性布局概念
三、JavaScript 事件模型
DOM2级事件模型
闭包
原型链
四、移动Web开发 常见的布局方案
移动端前端常见的触摸相关事件touch、tap、swipe等整理
移动端前端手势事件
移动端页面渲染优化
GPU渲染
GPU核心渲染过程
五、调试 常用的调试工具
Chrome控制台调试js使用
移动端测试
六、HTTP网络知识 常见的HTTP状态码
不同请求类型的区别
WEB缓存方案
——————————
牛客网（www.nowcoder.com）
- 专业IT笔试面试备考平台
- 最全C++JAVA前端等互联网技术求职题库
- 全面提升IT编程能力
- 程序员交友圣地
分享了一些Web前端的面试题，限时一小时，你看看自己能够答出多少道！
放心，这些面试题都是一些非常基础的知识，只要你在平时认真听课、学习了，那么这些面试题肯定不会难道你。
建议：虽然没有人监督你，但还是希望你不要去寻找答案，脱离百度，拿起纸笔，你试一下自己究竟能够答出个什么水平！有没有真本领？答案尽在这些面试题里！那么，你准备好了吗？OK！计时开始！
一、HTML常见题目 01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
02、HTML5为什么只需要写？
03、行内元素有哪些？块级元素有哪些？空(void)元素有那些？
04、页面导入样式时，使用link和@import有什么区别？
05、介绍一下你对浏览器内核的理解？
06、常见的浏览器内核有哪些？
07、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？
08、如何区分HTML和HTML5？
09、简述一下你对HTML语义化的理解？
10、HTML5的离线储存怎么使用，工作原理能不能解释一下？
二、CSS类的题目 01、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
02、CSS选择符有哪些？哪些属性可以继承？
03、CSS优先级算法如何计算？
04、CSS3新增伪类有那些？
05、如何居中p？如何居中一个浮动元素？如何让绝对定位的p居中？
06、display有哪些值？说明他们的作用。
07、position的值relative和absolute定位原点是？
08、CSS3有哪些新特性？
09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？
10、用纯CSS创建一个三角形的原理是什么？
三、Java类的题目 01、介绍Java的基本数据类型。
02、说说写Java的基本规范？
03、Java原型，原型链？有什么特点？
04、Java有几种类型的值？(堆：原始数据类型和栈：引用数据类型)，你能画一下他们的内存图吗？
05、Java如何实现继承？
06、Java创建对象的几种方式？
07、Java作用链域？
08、谈谈This对象的理解。
09、eval是做什么的？
10、什么是window对象？什么是document对象？
OK，一小时到了，这个时间可不算短了，那么这些面试题你答出了几道呢？你写的答案正确了吗？现在你可以去翻看答案了。
如果你答出了绝大多数的或者是全部的题，并且答案也正确了，那么恭喜你……
你这时心里是不是有点小窃喜，认为自己有能力拿高薪了？虽然我也很想这么告诉你，但事实上这只能表明你的基础扎实，毕竟这只是一些非常基础的面试题。骚年~继续努力吧！
如果你只答出了小部分或者答出了大部分题但答案不正确，那么我只想说：“骚年，你的水平还差的远呢。”连这么基础的题你都打不出来，还想拿高薪？回去再练一段时间吧！
扎实的基础是你拿高薪的重要武器，如果你连基础都不扎实，那么想要攻克“高薪”这个厚实的堡垒，那只是痴人说梦罢了。
1.前端框架类问题，问你会不会用vue react啊
2.语言类，问你一些JavaScript语言的问题
3.项目经验，让你讲讲做过的项目，遇到的问题和解决之道
腾讯WEB前端笔试题和面试题答案
腾讯WEB前端笔试题和面试题答案
能进入腾讯工作是多少人的梦想，下面我为大家搜集的一篇“腾讯WEB前端笔试题和面试题答案”，供大家参考借鉴，希望可以帮助到有需要的朋友!
一、 耐心填一填!(每空4分，共24分)
1. 为span设置类a与b,应编写HTML代码_________。
2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。
3. ____li________标签必须直接嵌套于ul、ol中。
4. CSS属性_____margin_______可为元素设置外补丁。
5. 设置CSS属性float的值为___none_________时可取消元素的浮动。
6. 文字居中的CSS代码是____text-align:center________。
二、 精心选一选!(每题4分，共16分)
1. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )
A. display:inline B. display:none C. display:block D. display:inheric
2. 选出你认为最合理的定义标题的方法( C )
A. 文章标题
B.
文章标题
C.
文章标题
D. 文章标题
3. br标签在XHTML中语义为( A )
A.换行 B.强调 C.段落 D.标题
4. 不换行必须设置( AC )
A.word-break B.letter-spacing C.white-space D.word-spacing
5. 在使用table表现数据时，有时候表现出来的'会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值( AD )
A. cellpadding=”0″ B. padding:0 C. margin:0 D. cellspacing=”0″
三、判断对或错!(每题4分，共24分)
1. CSS属性font-style 用于设置字体的粗细。 ( × )
2. CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。 ( √ )
3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。 ( × )
4. 在不涉及样式情况下,页面元素的优先显示与标签选用无关。 ( √ )
5. display:inline兼容所有的浏览器。 ( √ )
6. input属于窗体元素,层级显示比flash、其它元素都高。 ( × )
;
Web 前端面试
博客园整理了一下，有好的面试题欢迎大家发在评论区哟 1. 闭包 2. 数组去重 3. 原型和原型链 4. call,apply,bind三者的区别？ 5. 请介绍常见的 HTTP 状态码(至少五个) 6. 深浅拷贝 7. 实现(5).add(3).minus(2)输出6 8. null和undefined区别 9. MVC和MVVC? 10. Vue生命周期 11. Vue数据双向绑定原理 12. Vue组件传参 13. 说说各浏览器存在的兼容问题 14. router和route 15. active-class属于Vue哪一个modules,有什么作用 16. v-if和v-show 17. computed和watch有什么区别 18.Vue 组件中 data 为什么必须是函数 19. vue中子组件调用父组件的方法 20. vue中 keep-alive 组件的作用 21. vue中如何编写可复用的组件？ 22. Vue 如何去除url中的 # 23. Vue 中 key 的作用 24. Vue 中怎么自定义指令 25. Vue 中怎么自定义过滤器 26. NextTick 是做什么的 27. Vue 组件 data 为什么必须是函数 28. 计算属性computed 和事件 methods 有什么区别 29. scoped（死够扑的） 30. vue如何获取dom? 31. promise 32. vue常用指令有哪些 33.vue-loader是什么?使用和用途？ 34.css样式局部化，如何让css只在当前组件起作用?scss和stytus样式穿透
闭包指有权访问另一个函数中变量的函数， MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures B站视频： https://www.bilibili.com/video/BV1YJ411R7ap?from=search&seid=13800752413126
https://www.jianshu.com/p/9c3547450a52
https://search.bilibili.com/all?keyword=%E5%8E%9F%E5%9E%8B%E9%93%BE%20%E9%BB%91%E9%A9%AC
都是用来改变this指向的
call和apply都是function原型上的方法，每一个函数作为function的实例都可以调用这两个方法，而这两个方法都是用来改变this指向的
一般情况下this指向其调用者（）
fun.call(thisArg,arg1,ary2,...) 主要作用可以实现继承 调用函数，改变this指向
继承
fun.apply(thisArg,[argsArray])
作用：调用函数，改变函数内部this指向 参数必须是数组 apply主要应用于借助数学对象等
bind()方法不会调用函数，但可以改变函数内部this指向 fun.bind(thisArg,arg1,arg2,...) thisArg:在fun函数运行时指定的this值 arg1，arg2:传递的其他参数 返回由指定的this值和初始化参数改造的原函数拷贝
call的性能要比apply好一些，尤其当传递参数超过3个，后期开发可多用call
时间测试
状态码是由 3 位数组成，第一个数字定义了响应的类别，且有五种可能取值:
1xx：指示信息–表示请求已接收，继续处理。
2xx：成功–表示请求已被成功接收、理解、接受。
3xx：重定向–要完成请求必须进行更进一步的操作。
4xx：客户端错误–请求有语法错误或请求无法实现。
5xx：服务器端错误–服务器未能实现合法的请求。
阮一峰： http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
MVC 是后端中的概念
MVVC中 是前端概念
最终实现V和M数据的同步，因此开发者只需关注业务逻辑，不需要手动操作Dom，mvvm是vue的核心
这两个不同的结构可以看出两者的区别，他们的一些属性是不同的。
active-class 属于vue-router的样式方法 当routerlink标签被点击时将会应用这个样式
使用有两种方法 routerLink标签内使用
在使用时会有一个Bug 首页的active会一直被应用 解决办法 为了解决上面的问题，还需加入一个属性exact,类似也有两种方式： 在router-link中写入exact
在路由js文件,配置active-class
还可以不用exact这种方法去解决，例如
首页 路由中加入重定向
computed
computed是计算属性，也就是计算值，它更多用于计算值的场景 computed具有缓存性，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时重新调用对应的getter来计算 computed适用于计算比较消耗性能的计算场景 watch
watch更多的是[观察]的作用，类似于某些数据的监听回调，用于观察props $emit或者本组件的值，当数据变化时来执行回调进行后续操作 无缓存性，页面重新渲染时值不变化也会执行 小结
当我们要进行数值计算，而且依赖于其他数据，那么把这个数据设计为computed 如果你需要在某个数据变化时做一些事情，使用watch来观察这个数据变化。
去这里看一下?blog.csdn.net
vue-router 默认使用 hash 模式，所以在路由加载的时候，项目中的 url 会自带 #。如果不想使用 #， 可以使用 vue-router 的另一种模式 history
new Router({ mode: 'history', routes: [ ] })
需要注意的是，当我们启用 history 模式的时候，由于我们的项目是一个单页面应用，所以在路由跳转的时候，就会出现访问不到静态资源而出现 404 的情况，这时候就需要服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面
具体参考 官方API
参考 官方文档-自定义指令
过滤器也同样接受全局注册和局部注册
具体可参考官方文档 深入响应式原理
我们可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果，两种方式是相同的
不同点：
让css只在当前组件中起作用
Web前端企业面试题
答：
一、display和visibility的相同与不同点
1、相同点：display和visibility都有讲元素隐藏的意思
2、不同点：display是元素隐藏，隐藏的元素不占文档流
而visibility隐藏的元素仍然占文档流
二、display和visibility的属性值
1、display
2、visibility
答：
在开发过程中经常需要循环遍历数组或者对象，使用最多的方法 forEach、for…in 、 for…of ，整理一下他们的异同点
for循环
其实除了这三种方法以外还有一种最原始的遍历，自Javascript诞生起就一直用的 就是for循环，它用来遍历数组
for循环中可以使用return、break等来中断循环
结果：
forEach
对数组的每一个元素执行一次提供的函数（不能使用return、break等中断循环），不改变原数组，无返回值undefined。
输出结果：
for…in
循环遍历的值都是数据结构的键值
总结一句: for in也可以循环数组但是特别适合遍历对象
结果：
for…of
它是ES6中新增加的语法，用来循环获取一对键值对中的值
循环一个数组
循环一个普通对象（报错）
答：
px：像素（Pixel）,相对长度单位。像素px是相对于显示器屏幕分辨率而言的 。--即分辨率不同的机型当前对应的距离可能发生变化。(1Inches=xPx)。
所以相对于同一机型来说是一个绝对的长度单位。
em：是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸 。
以其父级元素为基准来变化长度。所以其算法不是一个固定的值。
rem：是CSS3新增的一个相对单位（root em，根em） 。
那么其好用在用可以直接设置HTML的font-size，然后在其子类都是以这个大小为基准变化的值。
在移动设备上，我们常常设置
此方式的目的是为了将当前屏幕(PC)分辨率的px转化成手机端的px，让px在手机上能够兼容此方式。
因此，此时看见的12px与PC端的12px无异。但是，如果不写着个meta的话，那么，浏览器会一直以PC的视图来决定手机端的px的大小，让视图看起来变小了很多。
那么，响应式页面则经常配合媒体查询media 来设置不同分辨率下手机的各种不同的配置机构，然后根据父级来变化所有的相对长度。
基础篇
1.shift
// 删除原数组的第一项，并返回删除元素的值，如果数组为空则返回undefined
2.unshift
// 将参数添加到原数组开头，并返回数组的长度
//注：此方法在ie6.0下
// 测试的返回值始终为undefined，在firefox下测试的返回值为7，所以此方法不可靠
// 一般需要用返回值时可用splice代替
3.pop
// 删除原数组的最后一项，并返回删除元素的值；如果数组为空则返回undefined
4.push
// 将参数添加到原数组末尾，并返回数组的长度
5.concat
// 返回一个新数组，是将参数添加到原数组中构成的
6.splice
7.reverse
8.sort(orderfunction)
9.slice(start,end)
10.join(separator)
11.indexOf
12.lastIndexOf
13. Array.isArray()
14. Array.toString()
进阶篇
1.forEach
是最为常用的情景，它至于遍历，可以在获取当前数据项的前提下，对数据进行修改。它没有返回值。理解起来也是最容易的。
2.map
map的本意就是映射，也就是将一个值从一种形式映射到另一种形式，比如将key映射到value。它的每一次遍历都会有一个返回值。这些返回值组合成最终的结果数组。事实就是如此
forEach和map对比
相同点
1）都是循环遍历数组中的每一项；
2）forEach()和map()匿名函数的参数相同，参数分别是item（当前每一项）、index（索引值）、arr（原数组）；
3）this都是指向调用方法的数组；
4) 只能遍历数组；
不相同点
1）map()创建了新数组，不改变原数组；forEach()可以改变原数组。
2）遇到空缺的时候map()虽然会跳过，但保留空缺；forEach()遍历时跳过空缺，不保留空缺。
3）map()按照原始数组元素顺序依次处理元素；forEach()遍历数组的每个元素，将元素传给回调函数。
3.filter
它致力于从已有的数组中筛选出符合一定条件的数据项，最后的返回值是所有符合条件的数据项构成的数组。它不会修改原来的数组。记住，它的立足点就是筛选。也仅仅是筛选。还有一点需要注意：每一次遍历都会有一个返回值，它的类型是布尔类型。返回值只有是true，当前遍历项才会被筛选中。不要试图在filter中去修改原始数组。
理解: 就是在一堆数据里面去筛选你需要的数据 或者 剔除你不需要的数据
4.find()
返回通过测试的数组的第一个元素的值,
理解:假如你去一个一群人的地方去找人 你说我找xxb 他要是在那里就找到 不在那里就是undefined
在第一次调用 callback 函数时会确定元素的索引范围，因此在 find 方法开始执行之后添加到数组的新元素将不会被 callback 函数访问到。如果数组中一个尚未被callback函数访问到的元素的值被callback函数所改变，那么当callback函数访问到它时，它的值是将是根据它在数组中的索引所访问到的当前值。被删除的元素仍旧会被访问到。
语法
array.find(function(value, index, arr),thisValue)
value:必须，代表当前元素，其他四个参数都是可选，index代表当前索引值，arr代表当前的数组，thisValue代表传递给函数的值，一般用this值，如果这个参数为空，undefined会传递给this值
返回值：返回符合测试条件的第一个数组元素的值，如果没有符合条件的则返回undefined。
扩展: findIndex()方法的用法与find()方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。自己try吧
5.every
理解: 这个就像 上课了 老师说 昨天布置的作业 只要有一个人没有写完 今天就不讲课 然后挨个检查 当检查到有一个没有写完的时候 就不检查了 返回 不讲课了(false)
6.some
理解: 相当于在一个数组里面找你想要的那个数 找到了 就返回true 找不到就返回false
7.reduce
它这个方法是接收一个函数作为累加器,将数组中的值(从左向右)开始合并,最总为一个值 然后返回出来,callback
他可以传四个参数:
1,previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)
2,currentValue:数组中当前被处理的元素
3,index:不啰嗦,自己顾名思义去吧
4,array:返回调用reduce的数组
彩蛋: 这里附上前几天某某人比较喜欢的切割字符串的方法
substring() 和 substr()
相同点： 如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段。
不同点： 第二个参数
substr(startIndex, lenth) // 第二个参数是截取字符串的长度（从起始点截取某个长度的字符串）；
substring(startIndex, endIndex) // 第二个参数是截取字符串最终的下标 （截取2个位置之间的字符串,‘含头不含尾'）。
1：在使用vue框架的过程中，我们经常需要给一些数据做一些初始化处理，这时候我们常用的就是在created与mounted选项中作出处理。
首先来看下官方解释，官方解释说created是在实例创建完成后呗立即调用。在这一步，实例已完成以下配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
这话的意思我觉得重点在于说挂架阶段还没开始，什么叫还没开始挂载，也就是说，模板还没有被渲染成html，也就是这时候通过id什么的去查找页面元素是找不到的。下面看下实例来证明。
所以，一般creadted钩子函数主要是用来初始化数据。
2：mounted钩子函数一般是用来向后端发起请求拿到数据以后做一些业务处理。官方解释如下：
el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。
这意思是该钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用。下面看实例
下面是结果
nihao
取到了值，这说明这时候vue模板已经渲染完毕。因此，Dom操作一般是在mounted钩子函数中进行的
computed:{} 计算属性，什么是计算属性呢，我个人理解就是对数据进行一定的操作，可以包含逻辑处理操作，对计算属性中的数据进行监控。计算属性是基于它的以来进行更新的，只有在相关依赖发生改变时侧能更新变化，以函数的形式返回结果。然后可以像绑定普通属性一样在模板中绑定计算属性。
总结： 通常created使用的次数多，而mounted通常是在一些插件的使用或者组件的使用中进行操作，比如插件chart.js的使用: var ctx = document.getElementById(ID);通常会有这一步，而如果你写入组件中，你会发现在created中无法对chart进行一些初始化配置，一定要等这个html渲染完后才可以进行，那么mounted就是不二之选。 methods:{}中的方法都需要主动去触发，比如点击click之类的 而created(){}、mounted(){}、里面的代码都是自动去执行的，即vue生命周期到了哪一步就直接去执行对应钩子函数里面的代码了，无需手动去执行 created中主要放初始化获取数据之类，mounted()中挂载到具体的DOM节点
computed:{} 计算属性，什么是计算属性呢，我个人理解就是对数据进行一定的操作，可以包含逻辑处理操作，对计算属性中的数据进行监控。计算属性是基于它的以来进行更新的，只有在相关依赖发生改变时侧能更新变化，以函数的形式返回结果。然后可以像绑定普通属性一样在模板中绑定计算属性。
mounted 是生命周期钩子，vue的生命周期中一个实例的mounted只会运行一次。mounted在vue的渲染模板挂载到$el元素上才会调用，很显然你export的时候el都么有自然不会运行mounted钩子函数了。 所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化
6、Vue中组件之间的传参方式有哪些方式？
Vue 组件传参的八种方式总结
Vue 组件的使用不管是在平常工作还是在面试面试中，都是频繁出现的。因此系统的梳理一下组件之间的传参还是非常有必要的
一、props 传参
子组件定义 props 有三种方式:
// 第一种数组方式
// 第二种对象方式
// 第三种对象嵌套对象方式
第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用
父组件传参的俩种方式
第一种静态属性传参
注意：
1、在不定义 props 类型的情况下 props 接受到的均为 String。
2、当 props 属性指定为 Boolean 时，并且只有属性 key 没有值 value 时接受到的是 true
第二种动态属性传参
注意：
1、需要区分非简写形式传入的值是对象，则会对应 props 中多个值
2、会保留传入值的类型
3、如果是表达式则获取到的是表达式的计算结果
二、attrs 和listeners
$attrs
$attrs 会获取到 props 中未定义的属性（class 和 style 属性除外）,支持响应式。常用的场景有俩种：
组件嵌套组件时可以使用 $attrs 来支持过多的属性支持。比如 elementUI 的 table 组件。支持的属性十几个，而平常封装的时候用的最多的也就一俩个。
属性默认是添加在父组件上的，有时候想把多余的属性添加在子组件上（可以结合 inheritAttrs: false 属性，让父属性不接受多余的属性）
$listeners 定义的事件都在子组件的根元素上，有时候想加到其他元素上。就可以使用 $listerners。它包含了父组件中的事件监听器(除了带有 .native 修饰符的监听器)
三、$emit 通知
这里有一道考题: for 循环的时候如何拿到子组件的传值和 for 中循环的值
答案有俩种，一是 $event, 二是 闭包。只是需要注意 $event 只能获取到第一个值
四、v-model
这个其实是一种通过 emit，on 的组合方式。优点再于同步值方便,写法优雅。下面三种写法其实是一个意思
五、插槽
六、$refs, $root, $parent, $children
$root 获取根组件
$parent 获取父组件
$children 获取子组件(所有的子组件，不保证顺序)
$refs 组件获取组件实例，元素获取元素
七、project / inject
注意：注入的值是非响应的
八、Vuex
这个相当于单独维护的一组数据，就不过多的说了。
watch，computed和methods的关系
1.watch和computed都是以Vue的依赖追踪机制为基础的 ，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。
2.对methods:methods里面是用来定义函数的，很显然，它需要手动调用才能执行。而不像watch和computed那样，“自动执行”预先定义的函数
watch和computed各自处理的数据关系场景不同
1. watch 擅长处理的场景： 一个数据影响多个数据
2. computed 擅长处理的场景： 一个数据受多个数据影响
watch用法 监听下记haiZeiTuan_Name的值，会改变其他所有的值
结果：this.suoLong会变为 '橡胶海贼团索隆',以此类推
computed用法 监听下记firstName，secName，thirdName的值，会改变luFei_Name的值
methods和computed的区别例子
注意两次点击computed返回的时间是相同的！！
1.两次点击methods返回的时间是不同的
2.注意两次点击computed返回的时间是相同的
【注意】为什么两次点击computed返回的时间是相同的呢？new Date()不是依赖型数据 （不是放在data等对象下的实例数据） ，所以computed只提供了缓存的值，而没有重新计算
只有符合：1.存在依赖型数据 2.依赖型数据发生改变这两个条件 ,computed才会重新计算。
参考：http://www.cnblogs.com/penghuwan/p/7194133.html
答：https://codecat.blog.csdn.net/article/details/100031285
1、Promise
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大，简单地说，Promise好比容器，里面存放着一些未来才会执行完毕（异步）的事件的结果，而这些结果一旦生成是无法改变的
2、async await
async await也是异步编程的一种解决方案，他遵循的是Generator 函数的语法糖，他拥有内置执行器，不需要额外的调用直接会自动执行并输出结果，它返回的是一个Promise对象。
两者的主要用法、语法就不赘述了，感兴趣的同学可以自行查阅 es6中文文档
两者的区别
1、Promise的出现解决了传统callback函数导致的“地域回调”问题，但它的语法导致了它向纵向发展行成了一个回调链，遇到复杂的业务场景，这样的语法显然也是不美观的。而async await代码看起来会简洁些，使得异步代码看起来像同步代码，await的本质是可以提供等同于”同步效果“的等待异步返回能力的语法糖，只有这一句代码执行完，才会执行下一句。
2、async await与Promise一样，是非阻塞的。
3、async await是基于Promise实现的，可以说是改良版的Promise，它不能用于普通的回调函数。
简单来看，这两者除了语法糖不一样外，他们解决的问题、达到的效果是大同小异的，我们可以在不同的应用场景，根据自己的喜好来选择使用。
经典的 Web 前端或者 JavaScript 面试笔试题有哪些？
一、不定项选择题（每题3分，共30分）\x0d\x0a1.声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（D）\x0d\x0aA.varobj=[name:"zhangsan",show:function(){alert(name);}];\x0d\x0aB.varobj={name:”zhangsan”,show:”alert(this.name)”};\x0d\x0aC.varobj={name:”zhangsan”,show:function(){alert(name);}};\x0d\x0aD.varobj={name:”zhangsan”,show:function(){alert(this.name);}};\x0d\x0a2.以下关于Array数组对象的说法不正确的是（CD）\x0d\x0aA.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数\x0d\x0aB.reverse用于对数组数据的倒序排列\x0d\x0aC.向数组的最后位置加一个新元素，可以用pop方法\x0d\x0aD.unshift方法用于向数组删除第一个元素\x0d\x0a3.要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（A）\x0d\x0aA.window.status=”已经选中该文本框”\x0d\x0aB.document.status=”已经选中该文本框”\x0d\x0aC.window.screen=”已经选中该文本框”\x0d\x0aD.document.screen=”已经选中该文本框”\x0d\x0a4.点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（AD）\x0d\x0aA.\x0d\x0aB.\x0d\x0aC.\x0d\x0aD.\x0d\x0a\x0d\x0a\x0d\x0a5.使用JavaScript向网页中输出hello，以下代码中可行的是（BD）\x0d\x0aA.\x0d\x0adocument.write(hello);\x0d\x0a\x0d\x0aB.\x0d\x0adocument.write(“hello”);\x0d\x0a\x0d\x0aC.\x0d\x0ahello\x0d\x0a\x0d\x0aD.\x0d\x0a\x0d\x0adocument.write(“hello”);\x0d\x0a\x0d\x0a\x0d\x0a6.分析下面的代码：\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0afunctionwriteIt(value){document.myfm.first_text.value=value;}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a以下说法中正确的是（CD）\x0d\x0aA.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，第一个文本框的内容不变\x0d\x0aB.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容\x0d\x0aC.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，将在第一个文本框中复制第二个文本框的内容\x0d\x0aD.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变\x0d\x0a7.下面的JavaScript语句中，（D）实现检索当前页面中的表单元素中的所有文本框，并将它们全部清空\x0d\x0aA.for(vari=0;i\x0d\x0a\x0d\x0a\x0d\x0afunctioncloseWin(){\x0d\x0a//在此处添加代码\x0d\x0aif(confirm(“确定要退出吗？”)){\x0d\x0awindow.close();\x0d\x0a}\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a2、写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉（15分）\x0d\x0avarstr=“这里是div里面的段落”;\x0d\x0a//\x0d\x0a\x0d\x0avarreg=//gi;\x0d\x0avarstr=“这里是div里面的段落”;\x0d\x0aalert(str.replace(reg,”"));\x0d\x0a\x0d\x0a3、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。（10分）\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0afunctionfoo(){\x0d\x0a//在此处添加代码\x0d\x0avarrdo=document.form1.radioGroup;\x0d\x0afor(vari=0;i\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a4、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示（15分）\x0d\x0a\x0d\x0a\x0d\x0afunctionshowImg(oSel){\x0d\x0a//在此处添加代码\x0d\x0avarstr=oSel.value;\x0d\x0adocument.getElementById(“pic”).src=str+”.jpg”;\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a城市生活\x0d\x0a都市早报\x0d\x0a青山绿水\x0d\x0a
Web前端岗位面试题有哪些
前端面试题汇总，基本上会有四大类问题，具体如下：一、HTML1、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?2、HTML5 为什么只需要写 ？3、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？4、页面导入样式时，使用link和@import有什么区别？5、介绍一下你对浏览器内核的理解？6、常见的浏览器内核有哪些？7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？8、简述一下你对HTML语义化的理解？9、HTML5的离线储存怎么使用，工作原理能不能解释一下？10、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？11、请描述一下 cookies，sessionStorage 和 localStorage 的区别？12、iframe有那些缺点？13、Label的作用是什么？是怎么用的？（加 for 或 包裹）14、HTML5的form如何关闭自动完成功能？15、如何实现浏览器内多个标签页之间的通信? (阿里)16、webSocket如何兼容低浏览器？(阿里)17、页面可见性（Page Visibility）API 可以有哪些用途？18、如何在页面上实现一个圆形的可点击区域？19、实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。20、网页验证码是干嘛的，是为了解决什么安全问题？21、tite与h1的区别、b与strong的区别、i与em的区别？二、css1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
2、CSS选择符有哪些？哪些属性可以继承？3、CSS优先级算法如何计算？4、CSS3新增伪类有那些？5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？6、display有哪些值？说明他们的作用。7、position的值relative和absolute定位原点是？8、CSS3有哪些新特性？9、请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？10、用纯CSS创建一个三角形的原理是什么？
11、一个满屏 品 字布局 如何设计?
三、常见兼容性问题？
1、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？2、经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？3、为什么要初始化CSS样式。4、absolute的containing block计算方式跟正常流有什么不同？5、CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？6、position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？7、对BFC规范(块级格式化上下文：block formatting context)的理解？8、CSS权重优先级是如何计算的？9、请解释一下为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式10、移动端的布局用过媒体查询吗？11、使用 CSS 预处理器吗？喜欢那个？12、CSS优化、提高性能的方法有哪些？13、浏览器是怎样解析CSS选择器的？14、在网页中的应该使用奇数还是偶数的字体？为什么呢？15、margin和padding分别适合什么场景使用？16、抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]17、元素竖向的百分比设定是相对于容器的高度吗？18、全屏滚动的原理是什么？用到了CSS的那些属性？19、什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？20、视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）21、::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用。22、如何修改chrome记住密码后自动填充表单的黄色背景 ？23、你对line-height是如何理解的？24、设置元素浮动后，该元素的display值是多少？（自动变成display:block）25、怎么让Chrome支持小于12px 的文字？26、让页面里的字体变清晰，变细用CSS怎么做？（-webkit-font-smoothing: antialiased;）27、font-style属性可以让它赋值为“oblique” oblique是什么意思？28、position:fixed;在android下无效怎么处理？29、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）30、display:inline-block 什么时候会显示间隙？(携程)31、overflow: scroll时不能平滑滚动的问题怎么处理？32、有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。33、png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？34、什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）35、style标签写在body后与body前有什么区别？四、JavaScript1、介绍JavaScript的基本数据类型。2、说说写JavaScript的基本规范？3、JavaScript原型，原型链 ? 有什么特点？4、JavaScript有几种类型的值？（堆：原始数据类型和 栈：引用数据类型），你能画一下他们的内存图吗？5、Javascript如何实现继承？6、Javascript创建对象的几种方式？7、Javascript作用链域?8、谈谈This对象的理解。9、eval是做什么的？10、什么是window对象? 什么是document对象?11、null，undefined的区别？12、写一个通用的事件侦听器函数(机试题)。13、[“1”, “2”, “3”].map(parseInt) 答案是多少？14、关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？15、什么是闭包（closure），为什么要用它？16、javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么？17、如何判断一个对象是否属于某个类？18、new操作符具体干了什么呢?19、用原生JavaScript的实现过什么功能吗？20、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？21、对JSON的了解？22、[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗？23、js延迟加载的方式有哪些？24、Ajax 是什么? 如何创建一个Ajax？25、同步和异步的区别?26、如何解决跨域问题?27、页面编码和被请求的资源编码如果不一致如何处理？28、模块化开发怎么做？29、AMD（Modules/Asynchronous-Definition）、CMD（Common Module
Definition）规范区别？30、requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）31、让你自己设计实现一个requireJS，你会怎么做？32、谈一谈你对ECMAScript6的了解？33、ECMAScript6 怎么写class么，为什么会出现class这种东西?34、异步加载的方式有哪些？35、documen.write和 innerHTML的区别?36、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?37、.call() 和 .apply() 的含义和区别？38、数组和对象有哪些原生方法，列举一下？39、JS 怎么实现一个类。怎么实例化这个类40、JavaScript中的作用域与变量声明提升？41、如何编写高性能的Javascript？42、那些操作会造成内存泄漏？43、JQuery的源码看过吗？能不能简单概况一下它的实现原理？44、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？45、jquery中如何将数组转化为json字符串，然后再转化回来？46、jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？47、jquery.extend 与 jquery.fn.extend的区别？48、jQuery 的队列是如何实现的？队列可以用在哪些地方？49、谈一下Jquery中的bind(),live(),delegate(),on()的区别？50、JQuery一个对象可以同时绑定多个事件，这是如何实现的？51、是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用？52、jQuery 是通过哪个方法和 Sizzle 选择器结合的？（jQuery.fn.find()进入Sizzle）53、针对 jQuery性能的优化方法？54、Jquery与jQuery UI有啥区别？55、JQuery的源码看过吗？能不能简单说一下它的实现原理？56、jquery 中如何将数组转化为json字符串，然后再转化回来？57、jQuery和Zepto的区别？各自的使用场景？58、针对 jQuery 的优化方法？59、Zepto的点透问题如何解决？60、jQueryUI如何自定义组件?61、需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？62、如何判断当前脚本运行在浏览器还是node环境中？（阿里）63、移动端最小触控区域是多大？64、jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?65、把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何解析它们？66、移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？（click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。）67、知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?68、Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？69、解释JavaScript中的作用域与变量声明提升？70、那些操作会造成内存泄漏？71、JQuery一个对象可以同时绑定多个事件，这是如何实现的？72、Node.js的适用场景？(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?73、解释一下 Backbone 的 MVC 实现方式？74、什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?75、知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?76、如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?77、前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?78、简述一下 Handlebars 的基本用法？79、简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？80、用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)检测浏览器版本版本有哪些方式？81、我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获