css优先级关系: !important(优先级最高 ei m pao teng t)>行内>id>类>标签>链接
HTML5和CSS3的新标签
HTML5：nav footer(fo te) header(hai de) section(sai ke shen) time hgroup video canvas audio
CSS3: RGBA opacity text-shadow（tai k s shai dou） box-shadow(bao k s shai dou) border-radius border-image border-color transform
HTML5 引入什么新的表单属性
date Datalist datetime（dei te nei mu）time number output keygen month week range emailurl
h5废弃了那些标签 del ins b sub sup center u
盒模型包括那些 margin内边距 padding外边距 border边框 content内容
节点的类型（DOM）
元素节点 注释节点 属性节点 文本节点 文档节点
例举3种强制类型转换和2种隐式类型转换
强制（parseInt(pa s yin t) parseFloat(p s fu lao t) Number()）
隐式（== !!）
状态码
200 服务器请求成功
400 服务器请求错误
403 服务器拒绝请求
404 服务器找不到请求的网页
500 服务器错误
CSS3新增伪类举例：
p:first（fe si ti）-of-type（tei pu） 选择属于其父元素的首个
元素的每个
元素
p:last-of-type 选择属于其父元素的最后
元素的每个
元素
p:only（e lei）-of-type 选择属于其父元素唯一的
元素的每个
元素
p:only-child 选择属于其父元素的唯一子元素的每个
元素
p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素
enabled disabled 控制表单控件的禁用状态
checked 单选框或复选框被选中
数组
push在数组末尾添加一个或多个新元素
unshift（ang shei f shi）在数组开头添加一个或多个新元素
pop(po pe)移除最后一个元素
shift（shei f t）移除第一个元素
splice（s p li si）插入、删除、替换元素
Sort：（sao t）排序
reverse 倒序
join(zhao yin) 讲数组转为字符串
三种定位方式及使用场景
absolute(e b s l u t)
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
*fixed （老IE不支持）(fai de)
生成绝对定位的元素，相对于浏览器窗口进行定位。
*relative (rui lai t wu )
生成相对定位的元素，相对于其正常位置进行定位。
数据类型：
number(数字类型)
string(字符串类型)
boolean(布尔类型/true/false)
object(对象)
undefined(未赋值的变量)
null(空对象)
This指向
this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。
但是总有一个原则，那就是this指的是调用函数的那个对象。
this一般情况下：是全局对象Global。 作为方法调用，那么this就是指这个对象
随机数：Parseint(Math.random()*(max-min+1)+min)
事件委托是什么
利用事件冒泡的原理，让自己所触发的事件，让他的父元素代替执行！
什么叫做回调函数
函数A做为参数（函数引用）传递到另外一个函数B中 并且这个函数B执行这个函数A
我们就说函数A叫做回调函数 如果没有名称 就叫做匿名回调函数
说说什么叫做事件委托
利用事件冒泡的原理 子元素的事件会冒泡到父元素 可以只给父元素添加事件 通过事件目标判断元素
优点：节省内存 动态添加的子元素也包含事件
闭包是什么，有什么特性，对页面有什么影响
当内部函数使用了外部函数的局部变量时, 产生的一个对象(包含了所有使用了的变量)
作用: 在函数执行完后, 局部变量还会存在
缺点：浪费资源 浪费内存
什么是事件监听：
事件监听就是为某一个事件准备一个函数 如果事件被触发了就执行函数
冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
捕获型事件:事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)
预解析：
在当前作用域下,js运行之前，会把带有var和function关键字的事先声明，并在内存中安排好。然后再从上到下执行js语句。
预解析只会发生在通过var定义的变量和function上。
作用域: 作用域就是变量与函数的可访问范围，作用域控制着变量与函数的可见性和生命周期。
在JavaScript中 变量的作用域有全局作用域和局部作用域两种。
闭包：闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，
因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁,
闭包虽然解决了局部变量不能访问的问题但也会浪费很多内存资源也会导致内存泄漏
什么是面向对象：把数据及对数据的操作方法放在一起，作为一个相互依存的整体——对象。
对同类对象抽象出其共性，形成类。类中的大多数数据，只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系，
对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。
什么是作用域：简单地说，就是作用的范围，指它在函数在哪些范围内可以用，而在其他部分不可以，要用就得重新定义。
什么是作用域链： 在一个函数中嵌套多个函数 并且各自定义相同的变量名 当函数访问变量时 就形成了作用域链
作用 用来保护对执行环境有权访问变量和函数的有序访问
浏览器标准模式和怪异模式之间的区别是什么？
所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，
所以我们称之为怪异模式
主流浏览器内核
IE trident 火狐gecko 谷歌苹果webkit（wai b k t） Opera：Presto
同步和异步的区别?
同步：阻塞的
-张三叫李四去吃饭，李四一直忙得不停，张三一直等着，直到李四忙完两个人一块去吃饭
=浏览器向服务器请求数据，服务器比较忙，浏览器一直等着（页面白屏），直到服务器返回数据，浏览器才能显示页面
异步：非阻塞的
-张三叫李四去吃饭，李四在忙，张三说了一声然后自己就去吃饭了，李四忙完后自己去吃
=浏览器向服务器请求数据，服务器比较忙，浏览器可以自如的干原来的事情（显示页面），服务器返回数据的时候通知浏览器一声，
浏览器把返回的数据再渲染到页面，局部更新
如何解决跨域问题?
理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域
出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容，所以基于这一点，可以动态创建script标签，
使用标签的src属性访问js文件的形式获取js脚本，并且这个js脚本中的内容是函数调用，该函数调用的参数是服务器返回的数据，
为了获取这里的参数数据，需要事先在页面中定义回调函数，
在回调函数中处理服务器返回的数据，这就是解决跨域问题的主流解决方案
GET和POST的区别，何时使用POST？
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符，有的浏览器是8000个字符
POST：一般用于修改服务器上的资源，对所发送的信息没有限制
在以下情况中，请使用 POST 请求：
1. 无法使用缓存文件（更新服务器上的文件或数据库）
2. 向服务器发送大量数据（POST 没有数据量限制）
3. 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
了解Bom对象
Bom是浏览器对象模型,他提供了很多对象，用来访问浏览器的功能,Bom的核心对象是window，他表示浏览器的一个实例
原型链基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。
作用域分为两种 1.全局变量 2.局部变量
全句变量：在函数外部定义的变量 局部变量：在函数内部的变量
从变量定义的位置开始整个文件都可以访问 只能在当前函数内部访问
事件绑定：在Dom中直接绑定 在Javascript代码中绑定事件 使用事件监听绑定
Dom操作：dom就是针对html和xml的一个编程接口，可以使开发人员进行修改、添加页面的某一部分。
可以使用javaScript来操作dom实现增删改查，动态添加标签属性等
Event（A wen t）事件对象：
Event 对象代表事件的状态 比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
什么时候会产生Event 对象呢
当用户单击某个元素的时候,我们给这个元素注册+-的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.
继承三种常用方式：
类式继承 原型式继承 组合式继承
AJAX的工作原理
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。
并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,
只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
Ajax的四大步骤
1.创建Ajax对象
2.连接到服务器
3.发送请求
4.接收返回值
ajax与传统请求区别 请求发送方式 服务器响应内容 页面的处理流程
ajax的主要技术 js dom+css xml/json/xhtml
ajax的优缺点
优点：
1、通过异步模式，网页无刷新，提升了用户体验。
2、优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用。
3、Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。
4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
缺点：
1、ajax不支持浏览器back按钮。
2、安全问题 AJAX暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、不容易调试。
什么是nodejs
首先需要明白Nodejs不是一个js应用、而是一个js运行平台。其是由C++编写而成。
但是Nodejs是一个后端的运行环境。因此你可以编写系统级或者服务器端的js让Nodejs帮你执行。
分析js的缺点:
1.本身是一种不严谨的脚本语言
2.代码中变量声明随意，大量的js造成变量污染
3.引用大量的js相互依赖，有先后顺序关系
bootstrap栅格系统原理
栅格系统是bootstrap中的核心 正是因为栅格的存在 bootstrap才能有着如此强大的响应式布局方案
javaScript有三种数据存储方式，分别是：
sessionStorage localStorage cookier
相同点：都保存在浏览器端，同源的
不同点：
①传递方式不同
②数据大小不同
③数据有效期不同
④作用域不同
HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），
用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少
HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL
HTTPS和HTTP的区别主要如下：
1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。
2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。
3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。
懒加载
懒加载也叫延迟加载：JS图片延迟加载 延迟加载图片或符合某些条件时才加载某些图片
意义：懒加载的主要目的是作为服务器前端的优化，减少请求数或延迟请求数
js字符串截取函数slice(s lei s)、substring(sa b si zhui ying)、substr(sa b s chui)
javascript对象的几种创建方式？
1..工厂模式
2.构造函数模式
3.原型模式
4.混合构造函数和原型模式
5.动态原型模式
6.寄生构造函数模式
7. 稳妥构造函数模式
Jsonp原理
动态创建一个script标签，利用script标签 src属性访问没有限制，实现跨域。
ajax跨域
js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取
页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域
那些操作会造成内存泄漏？
闭包，死循环
JS中避免命名冲突的三个方法
命名空间 闭包 匿名函数
JavaScript的数据类型都有什么
基本数据类型：
字符串 String 数字 Number 布尔Boolean
复合数据类型：
数组 Array 对象 Object
特殊数据类型：
Null 空对象 Undefined 未定义
本地存储的生命周期是什么
本地存储没有生命周期，它将保留知道用户从浏览器清除或者使用Javascript代码移除
自我介绍
各位面试官好 我是来自1611O班的xx 今年xx 来自xx 去年八月来到积云教育学习 在这里学习也有几个月 也掌握了点小技能
在我学习的这几个月里 我自己认为前三个月分为三大层 结构层 Html 表示层 CSS 行为层 js 运用Html和css搭建移动端页面或pc段页面
运用js可以给我网页进行动态效果 让页面变得更完美 这是前三个月学习的主要内容 后三个月我们主要学习了bootstrap框架 ajax angular框架
学习bootstrap框架让我们做网页变得更加的简单 Ajax学习让我们知道如和从后台拿数据 服务器提交请求 Ajax的最大特点就是
页面无刷新，用户的体验非常好 angular中学习什么是数据双向绑定 什么是路由 什么是自定义服务 angular的优点就是模板功
能强大丰富，并且是声明式的 还自带了丰富的Angular指令 是一个比较完善的前端MVVM框架 这就是我这几个月学习的技能
以上自我的自我介绍 谢谢
你还有什么问题吗?
我和你刚才的交谈中 你感觉我哪里和你想象中的不足呢
我应该怎么样来弥补我的不足呢
1.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
文档声明。
?声明位于文档中的最前面的位置，处于??标签之前。此标签可告知浏览器文档使用哪种?HTML?或?XHTML?规范。（重点：告诉浏览器按照何种规范解析页面）
IE下如不书写文档声明会使用怪异模式解析网页导致一系列CSS兼容性问题。
2.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
Trident内核:IE系列
Gecko内核:Firefox
Webkit内核:Safari
Blink内核：是基于Webkit内核的子项目,使用的浏览器有：
Chrome/opera等除IE、Firefox、Safari之外的几乎所有浏览器
几乎所有国产双内核浏览器（Trident/Blink）如360、猎豹、qq、百度等
3.为什么利用多个域名来存储网站资源会更有效？
CDN缓存更方便
突破浏览器并发限制
节约cookie带宽
节约主域名的连接数，优化页面响应速度
防止不必要的安全问题
4.请谈一下你对网页标准和标准制定机构重要性的理解。
网页标准和标准制定机构都是为了能让web发展的更‘健康’，开发者遵循统一的标准，
降低开发难度，开发成本，SEO也会更好做，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性
5.简述一下src与href的区别。
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
6.知道的网页制作会用到的图片格式有哪些？
png-8，png-24，jpeg，gif，svg。
7.在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？
答案：dns缓存，cdn缓存，浏览器缓存，服务器缓存。
8.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
设置display属性为none，或者设置visibility属性为hidden
设置宽高为0，设置透明度为0，设置z-index位置在-1000em
设置text-indent:-9999px;
9.行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
块级元素(block)特性：
总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;
宽度(width)、高度(height)、内边距(padding)、边框(border)和外边距(margin)都可控制;
内联元素(inline)特性：
和相邻的内联元素在同一行;
宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的
10.什么是外边距重叠？重叠的结果是什么？
外边距重叠就是margin-collapse。
在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。
折叠结果遵循下列计算规则：
两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。
两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。
两个外边距一正一负时，折叠结果是两者的相加的和。
11.px和em的区别。
px和em都是长度单位，区别是：
px值固定，容易计算。
em值不固定，是相对单位，其相对应父级元素的字体大小会调整
12.简介盒子模型：
CSS的盒子模型有两种：IE盒子模型、标准的W3C盒子模型模型
盒模型：内容、内边距、外边距（一般不计入盒子实际宽度）、边框
13.HTML与XHTML——二者有什么区别？
1. 所有的标记都必须要有一个相应的结束标记
2. 所有标签的元素和属性的名字都必须使用小写
3. 所有的 XML 标记都必须合理嵌套
4. 所有的属性必须用引号 "" 括起来
5. 把所有 < 和 & 特殊符号用编码表示
6. 给所有属性赋一个值
7. 不要在注释内容中使用 "--"
8. 图片必须有说明文字
14.前端页面有哪三层构成，分别是什么?作用是什么?
答：结构层 Html 表示层 CSS 行为层 js。
16.哪些css属性可以继承？
可继承： font-size font-family color, ul li dl dd dt;
不可继承 ：border padding margin width height ;
17.CSS3有哪些新特性？
1. CSS3实现圆角（border-radius），阴影（box-shadow），
2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
4. 增加了更多的CSS选择器 多背景 rgba
5. 在CSS3中唯一引入的伪元素是 ::selection.
6. 媒体查询，多栏布局
7. border-image
18.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
新特性：
1. 拖拽释放(Drag and drop) API
2. 语义化更好的内容标签（header,nav,footer,aside,article,section）
3. 音频、视频API(audio,video)
4. 画布(Canvas) API
5. 地理(Geolocation) API
6. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
7. sessionStorage 的数据在浏览器关闭后自动删除
8. 表单控件，calendar、date、time、email、url、search
9. 新的技术webworker, websocket, Geolocation
移除的元素：
1. 纯表现的元素：basefont，big，center，font, s，strike，tt，u；
2. 对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签，可以利用这一特性让这些浏览器支持 HTML5 新标签，浏览器支持新标签后，还需要添加标签默认的样式（当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架）：
src="http://html5shim.googlecode.com/svn/trunk/html5.js"
如何区分：
DOCTYPE声明新增的结构元素、功能元素
19.你怎么来实现页面设计图，你认为前端应该如何高质量完成工作? 一个满屏 品 字布局 如何设计?
* 首先划分成头部、body、脚部；。。。。。
* 实现效果图是最基本的工作，精确到2px；
与设计师，产品经理的沟通和项目的参与
做好的页面结构，页面重构和用户体验
处理hack，兼容、写出优美的代码格式
针对服务器的优化、拥抱 HTML5。
22.split() 、join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
23.IE和DOM事件流的区别
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
4.this指向问题
24.js延迟加载的方式有哪些？
1. defer和async
2. 动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack）
3. 按需异步载入js
27.解释jsonp的原理，以及为什么不是真正的ajax
动态创建script标签，回调函数
Ajax是页面无刷新请求数据操作
28.BOM对象有哪些，列举window对象？
1、window对象 ，是JS的最顶层对象，其他的BOM对象都是window对象的属性；
2、document对象，文档对象；
3、location对象，浏览器当前URL信息；
4、navigator对象，浏览器本身信息；
5、screen对象，客户端屏幕信息；
6、history对象，浏览器访问历史信息；
29.请尽可能详尽的解释ajax的工作原理
Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。
简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对?XMLHttpRequest有所了解。
30.什么是三元表达式？“三元”表示什么意思？
三元运算符:
三元如名字表示的三元运算符需要三个操作数。
语法是?条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。
36.http常见的状态码有那些？分别代表是什么意思？
200 - 请求成功
301 - 资源（网页等）被永久转移到其它URL
404 - 请求的资源（网页等）不存在
500 - 内部服务器错误
38.什么是闭包（closure），为什么要用它？
简单的理解是函数的嵌套形成闭包，闭包包括函数本身已经它的外部作用域
使用闭包可以形成独立的空间，延长变量的生命周期，报存中间状态值
39.javascript对象的几种创建方式？
1. 工厂模式
2. 构造函数模式
3. 原型模式
4. 混合构造函数和原型模式
5. 动态原型模式
6. 寄生构造函数模式
7. 稳妥构造函数模式
40.javascript继承的 6 种方法？
1. 原型链继承
2. 借用构造函数继承
3. 组合继承(原型+借用构造)
4. 原型式继承
5. 寄生式继承
6. 寄生组合式继承
