前端面试真题解读1
2017-06-19 本文已影响252人
cd72c1240b33
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怎么写？
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的一种本地缓存方案，数据的存储仅特定于某个会话中，也就是说数据只保持到浏览器关闭，当浏览器关闭后重新打开这个页面时， 之前的存储已经被清除。
