常见前端面试题CSS部分

1.盒模型 IE 盒子模型:IE的width部分包含了 border 和 pading; 标准 W3C 盒子模型: width/height+border+padding+margin; 2.清除浮动. 1). overflow : hidden; 2). .clearfix:after{ display : block; content : ""; height : 0; clear : both; visibility : hidden:} 3.CSS3旋转动画: @-webkit…

前端面试题-CSS优先级

一.选择器优先级浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值.优先级是基于不同种类选择器组成的匹配规则. 二.优先级计算优先级就是分配给指定的CSS声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定. 而当优先级与多个CSS声明中任意一个声明的优先级相等的时候,CSS中最后的那个声明将会被应用到元素上. 当同一个元素有多个声明的时候,优先级才会有意义.因为每一个直接作用于元素的CSS规则总是会接管/覆盖(take over)该元素从祖先元…

常见前端面试题之HTML/CSS部分

转自http://www.cnblogs.com/jscode/archive/2012/07/10/2583856.html Doctype是什么?如何触发严格模式与混杂模式模式?区分它们有何意义? Doctype是document type(文档类型)的简写,是用来说明所用的XHTML或HTML是什么版本的.XHTML1.0 提供了三种DTD声明可供选择,分别是: 1.过渡的(Transitional,也叫混杂模式):要求比较宽松,允许继续使用HTML4.01的标识,完整声明为 <!DOCT…

前端面试题-CSS选择器

一.CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素,但不只是在 CSS 中,JavaScript 对 CSS 的选择器也是支持的,比如 document.document.querySelectorAll. 二.选择器类型基本选择器组合选择器属性选择器伪类选择器伪元素选择器三.基本选择器选择器含义作用 CSS .class 类选择器匹配 class 包含(不是等于)特定类的元素 1 #id id选择器匹配特定 id 的元素 1 * 通用元素选择器…

【javascript常见面试题】常见前端面试题及答案

转自:http://www.cnblogs.com/syfwhu/p/4434132.html 前言本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典.很有代表性.上面没有答案,我就整理了一下,从网上找了一些相关问题的答案.里面有一部分问题的答案我也没有进行考证,不少答案都来源于网络,或许会有疏漏之处,仅供大家参考哦!(还有一部分问题答案还未整理,大家也可以自己搜索一下答案) 1.你能描述一下渐进增强和优雅降级之间的不同吗? 优雅降级:Web站点在所有新式浏览器…

前端面试题 ----css篇

转载自https://www.cnblogs.com/zhangshuda/p/8465043.html,感谢原博主 1.css盒模型有哪些及区别content-box border-box padding-box IE盒子模型box-sizing:border-box;(怪异模式) W3C标准盒子模型 box-sizing:content-box;(标准模式)默认模式 Q2 content-box:这是默认样式指定CSS标准.测量width和height属性只包括的内容,但不是border,…

前端面试题-CSS Hack

一.CSS Hack的概念由于不同厂商的流览器或某浏览器的不同版本(如IE,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果.这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式. 我们把针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack! 二.CSS Hack的原理由于不同的浏览器和浏览器各版本对CSS的支持及解析结果不一样,以及CSS优先级…

常见前端面试题http部分

1.常见http状态码 100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求,但尚未处理 301 Moved Permanently 请求的网页已永久移动到新位置. 302 Found 临时性重定向. 303 See Other 临时性重定向,且总是使用 GET 请求新的 URL…

前端面试题CSS一（题目来源网络）

一.什么是html5语义化? 使用合理,正确的html标签格式化文档. 二.CSS样式优先级? 就近原则,行内>内联>外联三什么是盒模型? 主要分为两种,w3c标准盒模型,IE标准模型. 把网页所有元素当成盒子,宽度是由content,padding,margin,border组成. 为什么有两种盒模型,IE的浏览器标准于w3c标准不同. 四行内元素和块级元素? 一般标签分为行内元素以及块级元素两种. (常用的) //行内元素:与其他元素并排,不可设宽高. <a> //标签 &…

常见前端面试题JS部分

1.闭包 2.JS操作和获取cookie //创建cookie function setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) { cookieText += '; expires=' + expires; } if (p…

金三银四求职季,前端面试题小梳理(HTML、CSS、JS)

好久没写学习记录,最近太多事,又到一年求职季,都说金三银四求职季,自己也做一下最近学习的一些前端面试题梳理,还是个小白,写的不对请指正,不胜感激. HTML篇 html语义化用语义化的代码标签书写,便于开发者阅读同时对搜索引擎的查询也更友好. 例如不滥用div:p标签等,段落使用P,表头使用thead包裹,内容使用tbody,尾部使用tfoot. 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式是加粗(不要用b),em是斜体…

前端面试题总结（二）CSS篇

前端面试题总结(二)CSS篇一.link和@import的区别? link属于HTML标签,可以引入出css以外的事务,如RSS,而@import是css提供的,只能加载css文件. link会在页面加载同时加载,@import会等到页面加载完成再加载. import只在IE5以上才能识别,link五兼容性问题. link防止的样式权重,高于@import的权重. link可以使用JavaScript控制dom改变样式,@import不可以. 二.常见兼容性? png24位的图片在IE6浏览器…

2010年腾讯前端面试题学习（jquery,html,css部分）

看了牛人写的回忆文章,里面有2010年腾讯的前端面试题,里面涉及到不少基础性的问题,js部分已学习,这是jquery,html和css部分,学习一下:) 原文地址:https://segmentfault.com/a/1190000012998107 jQuery部分: jQuery里如何绑定事件?有多少种方式? jQuery绑定事件时,this指针指向的是?(dom对象还是jQuery对象) 对于页面中暂时不存在的对象,如果进行事件绑定? 为什么选用jQuery框架(言下之意就是还有哪些其他的…

web前端面试题HTML/CSS部分

web前端面试题HTML/CSS部分前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面“内容是什么”的问题. 2.表示层:由CSS负责创建,解决了页面“如何显示内容”的问题. 3.行为层:由脚本负责.解决了页面上“内容应该如何对事件作出反应”的问题. css的基本语句构成是什么? 选择符{属性1:值1;属性2:值2;...}等. 主流的浏览器分别是什么内核? IE:Trident内核 Mozilla F…

前端面试题（HTML/CSS）

(前端面试题大全,持续更新) 常用的块级元素和行内元素有哪些?说说他们的特点? 浮动产生的原因?清除浮动? 说说一下盒模型 float和position一起用是什么效果 rem用过吗?做不同手机的适配怎么做? script的async有什么用?defer? 给页面注入50万个li怎么做提升性能? 你一般用的MIME类型有哪些? BFC/margin塌陷说一下伪类?伪元素? fileReader用过吗?base64编码原理? canvas和svg的区别布局(盒子模型布局,position的布局…

前端面试题：CSS实现水平垂直居中

这是一个挺常见的前端面试题,但是没有做过总结.有的时候可能会使用完了,很长一段时间不去使用,会慢慢忘记.所以,温故而知新,还是很有必要的. 一.绝对定位元素的居中实现这一种工作中用的应该是最多的,兼容性也是很好. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte…

前端面试题2016--HTML

本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的! 前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增.正如赫门在2015深JS大会上的<前端服务化之路>主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富.创造的应用也会更加完美.所以关注各种前端技术,跟上快速变化的节奏,也是身为一个前…

【web前端面试题整理02】前端面试题第二弹袭来，接招！

前言今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼题目一览 JavaScript编程题1.实现输出document对象中所有成员的名称和类型:2.如何获得一个DOM元素的绝对位置?(获得元素位置,不依赖框架)3.如何利用JS生成一个table?4.实现预加载一张图片,加载完成后显示在网页中并设定其高度为50px,宽度为50px:5.假设有一个4行td的table,…

各大互联网公司前端面试题（js）

对于巩固复习js更是大有裨益. 初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型:String,Boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegExp,Function) 那么问题来了,如何判断某变量是否为数组数据类型? 方法一.判断其是否具有“数组性质”,如slice()方法.可自己给该变量定义slice方…

2016最全的web前端面试题及答案整理

面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera. (Q2) 内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设…

【重点--web前端面试题总结】

前端面试题总结 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScript: 数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板引擎.Nodejs.JSON.ajax等. 其他: HTTP.安全.正则.优化.重构.响应式.移动端.团队协作.可维护.SEO.UED.架构.职业生涯 1.请你谈谈Cookie的弊端…

web前端面试题库

web前端面试题及答案 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? 答: (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera. (Q2) 内核:Trident,Gecko,Presto,Webkit. 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) 答: (Q1) 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效,…

第136天：Web前端面试题总结（理论）

Web前端面试题总结 HTML+CSS理论知识 1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 2.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域 b. 请求带宽:开启GZip,精简Jav…

前端面试题总结（三）JavaScript篇

前端面试题总结(三)JavaScript篇一.谈谈对this的理解? this是一个关键字. this总是指向函数的直接调用者(而非间接调用者). 如果有new关键字,this指向new出来的那个对象. 在计时器当中,this会指向window. 在事件中,this指向触发这个事件的对象,特殊的是,IE中的事件监听中的this指向全局对象window. 二.eval是做什么的? eval()函数可以把一个字符串当做一个JavaScript表达式一样去执行它. 它的功能是把对应的字符串解析成js…

Vue 前端面试题[转]

https://mp.weixin.qq.com/s/Uxhx2dJ1Xbm6N3Gl7wNZNw Vue 前端面试题游荡de蝌蚪前端开发 1周前作者:游荡de蝌蚪 https://segmentfault.com/a/1190000018634744 前言前几天整理了一些 html + css + JavaScript 常见的面试题(https://segmentfault.com/u/youdangde_5c8b208a23f95/articles),然后现在也是找了一些在 Vue…

前端面试题总结——HTML(持续更新中)

前端面试题总结--HTML(持续更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言 3.简述一下你对HTML语义化的理解? html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 4.浏览器页面有哪三层构成,分别是什么,作用是什么? 浏览器页面构成:结构层.表示层.行为层分别是:HTML.CSS.JavaSc…