最主要的不同：
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
method常用值有哪些？
method
5、 表单元素新增的属性有哪些？
required： 必填项目
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中。
12.简单描述下定位Position:
Fixed：固定定位器窗口进行定位； 会删除DOM空间
Static： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right z-index 声明）。
Inherit：规定从父元素继承 position 属性的值。
13.display有哪些值？说明他们的作用。
block 象块类型元素一样显示。
none 缺省值。象行内元素类型一样显示。
inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
list-item 象块类型元素一样显示，并添加样式列表标记。
table 此元素会作为块级表格来显示
$.parseJSON
$.fn.stringify = function() {
return JSON.stringify(this);
}
使用：$(array).stringify();
15.JSON 的了解？
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。
如：{"age":"12", "name":"back"}
var obj =eval('('+ str +')');
var obj = str.parseJSON();
var obj = JSON.parse(str);
var last=obj.toJSONString();
var last=JSON.stringify(obj);
16、什么是响应式设计？响应式设计的基本原理是什么？
根据不同设备的屏幕大小、分辨率、方向等，统一网站展示为不同效果。
优点：用户体验好，尤其是手机端。
缺点：包含大量冗余代码，开发成本较大(但是远低于开发手机站+PC站的模式)
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、常见的浏览器内核有哪些？
ireFox（火狐）,MozillaSuite/SeaMonkey等
,Chrome
22、网页验证码是干嘛的，是为了解决什么安全问题。
区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水；
有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。
23.对前端工程师这个职位你是怎么样理解的?
a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好
b. 参与项目，快速高质量完成实现效果图，精确到1px;
c. 与团队成员，UI设计，产品经理的沟通;
d. 做好的页面结构，页面重构和用户体验;
e. 处理hack，兼容、写出优美的代码格式;
f. 针对服务器的优化、拥抱最新前端技术。
相关文章
精彩导读
热门资讯
关注我们
