xhtml和html有什么区别？-
HTML是一种根本的WEB网页设计说话，XHTML是一个基于XML的置口号言
最主要的不一样：
XHTML 元素必需被准确地嵌套。
XHTML 元素必需被关闭。
标签名必需用小写字母。
XHTML 文档必需具有根元素
2、简述一下src与href的区别：
href 是指向网络资源所在位置，创立和目前元素(锚点)或目前文档(链接)之间的链接，用于超链接。
src是指向外部资源的位置，指向的内容将会嵌入到文档中目前标签所在位置;在要求src资源时会将其指向的资源下载并利用到文档内，例如js足本，img图片和frame等元素。当阅读器解析到该元素时，会暂停其他资源的下载和处置，直到将该资源加载、编译、施行结束，图片和框架等元素也如此，相似于将所指向资源嵌入目前标签内。这也是为何将js足本放在底部而不是头部。
3、行内元素是什么?块级元素是什么? 空(void)元素有那些?
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img
4、 form中的action属性和method属性的含义有哪些？method常用值是什么？
action属性用于指定form表单提交的后台程序地址；method属性用于指定form表单提交的办法。
method的常用值有：get和post
5、 表单元素新增的属性是什么？
required： 必填项目
placeholder：提醒信息，点击input内容时会消散
pattern:校验正则表达式
antofocus：主动获得焦点
aotucomplete:主动完成
6.向指定办事器提交数据的办法是什么？
Ajax 表单Form
URL?参数
AngularJS的$HTTP
JQ Ajax: $.POST(,,) $.GET(,,) $.Ajax({})
JS Ajax: 5步。(参照 25题)
7、写一个function，革除字符串先后的空格。(兼容所有阅读器)
function trim(str) {
if (str && typeof str === "string") {
return str.replace(/(^\s*)|(\s*)$/g,""); //去掉先后空白符
}
}
8、怎样消弭一个数组里面反复的元素?
var arr1 =[1,2,2,2,3,3,3,4,5,6],
var arr2 = [ ];
for(var i = 0； i< arr1.length; i++){
if(arr2.indexOf(arr1[i]) < 0){
arr2.push(arr1[i]);
}
}
document.write(arr2); // 1,2,3,4,5,6
9、请描述一下cookies，sessionStorage和localStorage的区别
sessionStorage用于当地存储一个会话(session)中的数据，这些数据只要在统一个会话中的页面才干拜访而且当会话完毕后数据也随之烧毁。因而sessionStorage不是一种耐久化的当地存储，仅仅是会话级另外存储。而localStorage用于耐久化的当地存储，除非自动删除数据，不然数据是永远不会逾期的。
web storage和cookie的区别
Web Storage的概念和cookie类似，区别是它是为了更大容量存储设计的。Cookie的大小是挨限的，而且每次你要求一个新的页面的时候Cookie都会被发送已往，这样无形中浪费了带宽，别的cookie还需要指定作用域，不成以跨域调取。
除此以外，Web Storage具有setItem,getItem,removeItem,clear等办法，不像cookie需要前端开发者本人封装setCookie，getCookie。但是Cookie也是不成以或缺的：Cookie的作用是与办事器进行交互，作为HTTP标准的一局部而存在 ，而Web Storage仅仅是为了在当地“存储”数据而生。
10、cookie和session的区别有哪些？
Cookie 保留在客户端本机；
Session保留在办事器端；
联络：session的id存在cookie中。
11.页面导入样式时，运用link和@import有什么区别？
1）.link属于XHTML标签，而@import是CSS供给的；
2）.页面被加载的时，link会同事被加载，而@import援用的CSS会比及页面被加载完再加载；
3）.import只要在IE5以上才干被辨认，而link是XHTML标签，无兼容题目;
4）.link 方式的样式的权重>@import的权重
12.简略描述下定位Position:
Relative:相对定位。相关于本身原有位置定位，原DOM空间会保存；
Absolute：绝对定位。相关于首先个非static定位的先人元素进行定位，会删除原DOM空间；
Fixed：牢固定位器窗口进行定位； 会删除DOM空间
Static： 默许值。没有定位，元素涌现在正常的流中（忽略 top, bottom, left, right z-index 声明）。
Inherit：规定从父元素继承 position 属性的值。
13.display是什么值？注明他们的作用。
block 象块类型元素同样显示。
none 缺省值。象行内元素类型同样显示。
inline-block 象行内元素同样显示，但其内容象块类型元素同样显示。
list-item 象块类型元素同样显示，并增加样式列表标志。
table 此元素会作为块级表格来显示
inherit 规定应当从父元素继承 display 属性的值
14、jquery中怎样将数组转化为json字符串，然后再转化回归？
$.parseJSON
$.fn.stringify = function() {
return JSON.stringify(this);
}
运用：$(array).stringify();
15.JSON 的理解？
JSON(JavaScript Object Notation) 是一种轻量级的数据交流格局。
它是基于JavaScript的一个子集。数据格局简略, 易于读写, 占用带宽小
如：{"age":"12", "name":"back"}
JSON字符串转换为JSON对象:
var obj =eval('('+ str +')');
var obj = str.parseJSON();
var obj = JSON.parse(str);
JSON对象转换为JSON字符串：
var last=obj.toJSONString();
var last=JSON.stringify(obj);
16、什么是相应式设计？相应式设计的根本道理有哪些？
依据不一样设施的屏幕大小、辨论率、标的目的等，同一网站展现为不一样结果。
挪移优先。可以运用JS跳转不一样手机站和PC站，可以运用MediaQuery检测不一样设施的属性展现不一样的CSS，可以运用各种相应式前端框架。
长处：会员体验好，尤为是手机端。
缺陷：包括批量冗余代码，开发老本较大(但是远低于开发手机站+PC站的模式)
17. visibility：hidden和display：none的区别？
运用display：none隐蔽今后，元素的空间被开释，其余元素可以占用空间；
运用visibility：hidden仅仅是看不见，但是元素的空间仍然占领，另外元素没法运用。
18、 列举数组相干的常用办法
push/pop, shift/unshift, split/join, slice/splice/concat, sort/reverse, map/reduce, forEach, filter
19、 列举字符串相干的常用办法
indexOf/lastIndexOf/charAt, split/match/test, slice/substring/substr, toLowerCase/toUpperCase
20、常见的阅读器内核是什么？
Trident内核：IE,MaxThon,TT,The World,360,搜狗阅读器等。[又称MSHTML]
Gecko内核：Netscape6及以上版本，FireFox（火狐）,MozillaSuite/SeaMonkey等
Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari（iphone自带的阅读器）,Chrome（谷歌）等。 [ Chrome的：Blink（WebKit的分支）]
21.title与h1的区别、b与strong的区别、i与em的区别？
title属性没有明白意义只表示是个标题，H1则表示条理明白的标题，对页面信息的抓取也有很大的影响；
strong是标明重点内容，有语气增强的含义，运用浏览设施浏览网络时：会重读，而是展现强调内容。
i内容展现为歪体，em表示强调的文本；
22、网页验证码是干嘛的，是为理解决什么平安题目。
区分会员是盘算机还是人的公共全主动程序。可以防止歹意破解密码、刷票、论坛灌水；
有效防止黑客对某一个特定注册会员用特定程序暴力破解方式进行一直的登陆尝试。
23.对前端工程师这个职位你是怎么样了解的?
a. 前端是最切近会员的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好
b. 参与项目，迅速高质量完成实现结果图，精准到1px;
c. 与团队成员，UI设计，产品经理的沟通;
d. 做好的页面构造，页面重构和会员体验;
e. 处置hack，兼容、写出美丽的代码格局;
f. 针对办事器的优化、拥抱最新前端技术。
24、什么是闭包(closure),为何要用它？
闭包是指有权拜访另一个函数作用域中变量的函数，新建闭包的最常见的方式就是在一个函数内新建另一个函数，通过另一个函数拜访这个函数的部分变量,应用闭包可以冲破作用链域，将函数内部的变量和办法通报到外部。可以把闭包简略了解成“定义在一个函数内部的函数”
闭包的特性：
1.函数内再嵌套函数
2.内部函数可以援用外层的参数和变量
3.参数和变量不会被垃圾回购机制回购
//li节点的onclick事件都能准确的弹出目前被点击的li索引
