前端面试真题解读1

html标签语义化的好处

1、利于seo优化
2、在样式丢失的时候，还是可以比较好的呈现结构
3、更好的支持各种终端，例如无障碍阅读和有声小说等.
4、利于团队开发和维护，遵循w3c规范，减少代码差异，提高效率.

盒子模型 加了box-sizing 之后怎样?

在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下：

1、content-box : 默认值，其让元素维持W3C的标准盒模型;
即： element width/height = border + padding + content width / height
2、border-box：重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下版本和IE6-7怪异模式）；
也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知，这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度（此处的内容宽度或高度＝盒子的宽度或高度-边框-内距）。
3、inherit ： 使元素继承父元素的盒模型模式

行内元素有哪些 块级有哪些 行内块级有哪些?

(参考链接 http://www.cnblogs.com/Jackie0714/p/4923639.html)[http://www.cnblogs.com/Jackie0714/p/4923639.html]

4、左侧固定两百 右侧自适应 这种布局怎么写？多种方式。用flexbox怎么写？

• 已经写过答案，参考地址(http://www.jianshu.com/p/e593fbb36ab1)[http://www.jianshu.com/p/e593fbb36ab1]

less如何定义一个函数 如圆角

.borderRadius(@w,@h,@radius:10px){
  width:@w;
  height:@h;
  -webkit-border-radius:@radius;
  -moz-border-radius:@radius;
  border-radius:@radius;
}

一个url 后面好多key-value 如localhost?key=val&key2=val2&key3=val3 封装一个函数 getParam('key') 通过key获得相应等号后面的值.

• 不解释，讲过很多遍，去以前课件中找

封装一个函数 getForm(form元素) 如何将里面的各个表单的值放到一个对象里面，并且返回。

var oForm=document.getElementById('form');
function getForm(oForm){
    var ele=oForm.getElementsByTagName('*');
    var obj={};
    var reg=null;
    for(var i=0; i<ele.length; i++){
        var cur=ele[i];
        if(cur.name){
            reg=/(^ +)|( +$)/g;
            cur.value=cur.value.replace(reg,'');//去除内容的首尾空格
            obj[cur.name]=cur.value;
        }
    }
    return obj;
}

你有什么想问我的么?

• 自己想吧，我毕竟不是你

你想找个什么样的工作?

• 参考：1）个人性格，爱好 2）企业发展空间 3）职业规划等

vue如何保证js之间互相不影响?

vue.js组件的作用域是独立，可以从以下三个方面理解：
1、父组件模板在父组件作用域内编译，父组件模板的数据用父组件内data数据；
2、子组件模板在子组件作用域内编译，子组件模板的数据用子组件内data数据，如果要用父组件的必须用props传递；
3、子组件标签的数据，使用父组件内的data数据

localStorage和sessionStorage区别

• localStorage是h5的一种新的本地缓存方案,加快下次页面打开时的渲染速度,除非主动删除数据，否则数据是 永远不会过期的。
• sessionstorage 也是h5的一种本地缓存方案，数据的存储仅特定于某个会话中，也就是说数据只保持到浏览器关闭，当浏览器关闭后重新打开这个页面时， 之前的存储已经被清除。