前端面试题集锦（二）之CSS部分

前端面试题（HTML、CSS部分）

HTML.CSS部分: 一.html5有哪些新特性.移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5? 新特性: HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 拖拽释放(Drag and drop) API 语义化更好的内容标签(header,nav,footer,aside,article,section) 音频.视频API(audio,video) 画布(Canvas) API 地理(G…

前端面试题集锦（二）之CSS部分

1.CSS中的选择器都有哪些?权限情况如何? 解答: (1)类选择器 .className (2) ID选择器 #id (3) 元素选择器 div 可以多个,以逗号隔开 (4)父子选择器以空格隔开 div p ,表示所有div 下的p元素 (5)父子组合选择器 div>p , 表示所有父级元素是div的p元素 (6)相邻选择器 div+p , 表示所有紧接着div之后的p元素 (7)属性选择器 [target] , 表示所有带有target属性的元素 (8)属性筛选选择器 [arrt= ]…

2019届校招前端面试题整理——HTML、CSS篇

前言 2019届校招陆陆续续开始了,整理了一些高频的面试题. HTML部分 1. 什么是<!DOCTYPE>? DOCTYPE是html5标准网页声明,且必须声明在HTML文档的第一行.来告知浏览器的解析器用什么文档标准解析这个文档. 文档解析类型有: BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面.(如果没有声明DOCTYPE,默认就是这个模式) CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面. 2. meta标签提供给页面的一些元信息(名称/值对…

前端面试题集锦及答案解析--HTML、 HTTP、web综合问题

前端需要注意哪些SEO 合理的title.description.keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同:description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同:keywords列举出重要关键词即可语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页重要内容HTML代码放在最前:搜索引擎抓取HTMl顺序是从上到下,有的…

前端面试题之Html和CSS

又到了毕业季,很多小伙伴们都到了找工作的时候了,好多小伙伴问我有前端的面试题么?答:没有. 呃呃… … 小伙伴本宝宝真的没有骗你们,我从毕业到现在一直在一家公司没有换过,所以手里压根没有面试题.我们公司招聘也压根不需要什么面试题.因为那些都是可以百度的哈哈. 但是大部分公司还是有面试题的,所以征求大家意见后总结一下关于前端的面试题.今天我们分享关于Html和CSS部分的. 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1)浏览器:IE,Chrome,FireFox,…

Web前端面试题集锦

前端开发面试知识点大纲: 注意转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScript: 数据类型.面向对象.继承.闭包.插件.作用域.跨域.原型链.模块化.自定义事件.内存泄漏.事件机制.异步装载回调.模板引擎.Nodejs.J…

总结一下前端面试题之Html和CSS

总结一下关于前端的面试题,今天我们分享关于Html和CSS部分的面试 (1) 1. 常用那几种浏览器测试?有哪些内核(Layout Engine)? 2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下) 3.清除浮动有哪些方式?比较好的方式是哪一种? 4.box-sizing常用的属性有哪些?分别有什么作用? 5.Doctype作用?标准模式与兼容模式各有什么区别? 6.HTML5 为什么只需要写 <!DOCTYPE HTML>? 7.页面导入样式时,使用link和@…

前端面试题集锦（一）之HTML部分

前端的发展日新月异,前端开发也早已从原来的切图套页面,变成了现在的非常复杂的技术体系,近期由于找工作,面试了很多家单位,也总结了一部分前端面试中经常会遇到的面试类型,并一一解答.主要分为HTML.CSS.Javascript及Javascript进阶.浏览器原理及相关知识.三大主要前端架构(VUE.Angular.React).ES6相关知识.前端中的一些设计模式.前端工程化开发工具.前端所需要了解的其他知识等这些部分.如果有不够全面和正确的的,欢迎指正和补充. 前端知识及面试集锦第一部分:HT…

Ajax常见面试题 -- 前端面试题（二）

1:什么是ajax?ajax作用是什么? 异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术. ajax用来与后台交互 2:原生js ajax请求有几个步骤?分别是什么 //创建 XMLHttpRequest 对象 var ajax = new XMLHttpRequest(); //规定请求的类型.URL 以及是否异步处理请求. ajax.open('GET',url,true); //发送信息至服务器时内容编码类型 ajax.setRequestHeader(…

自言自语WEB前端面试题（二）

今天换道题,新鲜出炉的 var Model=function(){ this.name='lilei'; this.age=20; } Model.prototype.say=function(){ console.log(this.name);//① console.log(this.getFullName());//② function test(){ console.log(this.name);//③ console.log(this.getFullName());//④ } test(…

前端面试题总结二(js原型继承)

今天这篇文章整理了JS原型和继承的一些知识点,面试的时候基!本!都!会!问!还不快认真阅读下文,看看你还有哪些知识点需要掌握吧~ 1.原型链基本思想:利用原型让一个引用类型继承另外一个引用类型的属性和方法. 构造函数,原型,实例之间的关系:每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针. 原型链实现继承例子: function a() { this.name = '张三'; } a.prototype.getName = funct…

前端面试题之 JavaScript

昨天我们一起分享了关于html和css的面试题<前端面试题之Html和CSS>,今天我们来分享关于javascript有关的面试题.我面试的时候最害怕面试官问我js了,因为我真心不擅长这个.不过我在努力的学习中. 本宝宝第一次面试的时候比这个还紧张呢!!! 1.介绍js的基本数据类型 Undefined.Null.Boolean.Number.String 2.js有哪些内置对象? 数据封装类对象:Object.Array.Boolean.Number 和 String 其他对象:Functi…

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

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

常见前端面试题之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…

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…

前端面试题-CSS优先级

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

前端面试题-CSS选择器

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

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

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

前端面试题（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…

【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方…

史上最全前端面试题(含答案)-A篇

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所访问.内容能被更广泛的设备所访问.更少的代码和组件,容易维护.改版方便,不需要变动页面内容.提供打印版本而不需要复制内容.提高网站易用性:2.xhtml和html有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套.X…

2019前端面试题汇总（主要为Vue）

摘要: 经典面试题. 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版权归原作者所有. 毕业之后就在一直合肥小公司工作,没有老司机.没有技术氛围,在技术的道路上我只能独自摸索.老板也只会画饼充饥,前途一片迷茫看不到任何希望.于是乎,我果断辞职,在新年开工之际来到杭州,这里的互联网公司应该是合肥的几十倍吧.... 刚来3天,面试了几家公司,有些规模比较小,有些是创业公司,也有些已经发展的不错了:今天把最近的面试题目做个汇总,也给自己复个盘,由于我的技术栈…

前端面试题汇总（主要为 Vue）

前端面试题汇总 1. 谈谈你对MVVM开发模式的理解 MVVM分为Model.View.ViewModel三者. 1)Model:代表数据模型,数据和业务逻辑都在Model层中定义: 2)View:代表UI视图,负责数据的展示: 3)ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作: Model和View并无直接关联,而是通过ViewModel来进行联系的,Model和ViewModel之间有着双向数据绑定的联系.因此当Model中的数据改变时会触发View…