mstOne

云鸟(2017年6月6日)

1、html标签语义化的好处

a:利于seo优化

b:在样式丢失的时候，还是可以比较好的呈现结构

c:更好的支持各种终端，例如无障碍阅读和有声小说等.

d:利于团队开发和维护，遵循w3c规范，减少代码差异，提高效率.

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

IE5.x以及Quirks(怪异)模式的IE6， IE7中， border和padding都包含在width和height中. 标准浏览器中 width和height仅仅包含content， 不包含border和padding。 css3 定义了box-sizing属性: box-sizing:content-box|border-box|inherit; content-box: 该属性维持css2.1盒模型的组成方式 border-box：该属性将重新定义css2.1盒模型组成模式(与IE6解析相同)

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

http://www.qdfuns.com/notes/16810/eb65a8c188e028b7bf43d7a74768b1ec.html

http://blog.csdn.net/sykent/article/details/7738408

行内元素有哪些 ?

span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite,

块级有哪些?

div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table

行内块级有哪些?

img,input

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

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

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

var str = 'localhost?key=val&key2=val2&key3=val3';

function getParam(str) {
var obj = {};
var a = str.split('?')[1].split('&');
for(var i = 0; i < a.length; i++) {
var b = a[i].split('=');
obj[b[0]] = b[1];
}
return obj
}
console.log(getParam(str).key);

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

8、你有什么想问我的么?

9、你想找个什么样的工作?

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