以下是为您整理出来关于【前端面试题】合集内容，如果觉得还不错，请帮忙转发推荐。
1.position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。fixed （老IE不支持）生成绝对定位的元素，相对于浏览器窗口进行定位。relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。static 默认值。没有定位，元素出现在正常的流中2.如何解决跨域问题 JSONP：原理是：动态插入script标签，通过script标签引入一个js文件...
HTML5面试题一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?<!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法，混杂模式是—种向后兼容的解析方法。触发标准模式...
1、解释jsonp的原理，以及为什么不是真正的ajax；http://blog.csdn.net/superhosts/article/details/90573011、ajax和jsonp这两种技术在调用方式上“看起来”很像，目的也一样，都是请求一个url，然后把服务器返回的数据进行处理，因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装；2、但ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加<script>标签来调...
CSS面试题CSS3新增了那些特性？完整链接CSS3实现圆角:border-radius盒子阴影：box-shadow文本阴影：text-shadow渐变：gradient变化：transform新增加很多CSS伪类选择器 ：not选择器 ：empty选择器 ：root选择器 ：target选择器 ：selection选择器 以下的选择器的说明介绍里有个词叫“一组”。他的意思就是同一父元素下所有元素及文本节点，即为一组。 ：nth-of-type(n) ：nth-last-of-type(n) ：first-of-type ：last-of-type ：on...
https协议http状态码前端性能优化前端跨域jsonp实现原理cookie session变量提升 作用域 闭包写一个三角形call apply排序算法手写JS原型继承手写JS发布订阅类手写事件通用类手写Object深复制方法手写vuex实现原理在项目中遇到难点怎么克服的数组filter every map Object.assign()回调地狱怎么解决peomise实现原理手机h5性能优化rem实现原理重构回流原文：https://blog.51cto.com/13550695/2460632
1、HTML语义化的理解？答案：HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS的情况下也以一种文档格式显示，并且是容易阅读的；搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO；使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。2、父元素透明，但是又不影响子元素的透明度怎么实现？答案：方法一：用rgba方法二：再加上一层与父元素同级的div装载子元素，定位到子元...
HTMLDoctype作用? 严格模式与混杂模式如何区分？它们有何意义?（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器， 用什么文档类型 规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式...
1.HTML的 Doctype 作用 ? 严格模式与混杂模式如何区分？它们有何意义 ?1.<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。3.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。2.请用CSS实现如下...
1.对象深浅拷贝1：为什么需要拷贝 var a=1,b=a;a=3;//此时b是不会被a的改变的console.log(b); 因为对象赋值的时候赋值的是引用 var a ={a :1};var b=a;a.a=2;// 此时会被更改，因为赋值的是引用console.log(b); 2 :如何实现对象的浅拷贝==引用跟一起变 //浅拷贝；拷贝对象一层var a ={a:1,b:2,}function simpleClone(obj) {var cloneObj = {};//es3语法实现,语义化不强for(var i in obj){cloneObj[i] = obj[i...
1.一个网页从开始请求到最终显示的完整过程？获取输入网址将网址解析为ip地址建立tcp连接发送http请求返回响应解析并显示。2.简述对CSS盒子模型的理解？width=margin-left + padding-left + content-width + padding-right + margin-right; height同理。3.简述CSS中的定位机制（此问题多有争议，个人摘选了W3C中解释http://www.w3school.com.cn/css/css_positioning.asp）？CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动...