FAQ 前端面试题大杂烩
2015-11-02 18:28
316 查看
1 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
记得img 是行内元素。不要忘记了好吗!
2 页面导入样式时,使用link和@import有什么区别?
3 浏览器的内核分别是什么?
顾名思义。 rendering engine 是用来渲染网页内容的。
有的浏览器是双核甚至多核,其中一个内核为Trident。
chrome . android . safari 是webkit
4 如何区分Html5 Html
5 语义化的理解?
参考网址 /article/5900639.html
6 HTML5的离线储存?
7 (写)描述一段语义的html代码吧。
8 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
1 介绍一下CSS的盒子模型?
2 CSS 选择符有哪些?
哪些属性可以继承?
优先级算法如何计算?
优先级就近原则,同权重情况下样式定义最近者为准;
载入样式以最后载入的定位为准;
优先级为:
3 CSS3新增伪类有那些?
CSS3新增伪类举例:
4 position的值, relative和absolute定位原点是?
5 使用 CSS 预处理器吗?喜欢那个?
6 如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里)
7 display:inline-block 什么时候会显示间隙?(携程)
1 说几条写JavaScript的基本规范?
2 eval是做什么的?
3 null,undefined 的区别?
4 介绍js的基本数据类型。
5 如何创建一个对象? (画出此对象的内存图)
行内元素:a img span b input strong select 块级元素:p div ul、ol系列 h系列 常见的空元素: <br> <hr> <img> <input> <link> <meta> 不常用的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
记得img 是行内元素。不要忘记了好吗!
2 页面导入样式时,使用link和@import有什么区别?
(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS; (2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; (3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;
3 浏览器的内核分别是什么?
IE浏览器的内核Trident Mozilla的Gecko Chrome的Blink(WebKit的分支) Opera内核原为Presto,现为Blink
顾名思义。 rendering engine 是用来渲染网页内容的。
有的浏览器是双核甚至多核,其中一个内核为Trident。
chrome . android . safari 是webkit
4 如何区分Html5 Html
如何区分: DOCTYPE声明\新增的结构元素\功能元素
5 语义化的理解?
用正确的标签做正确的事情! html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析; 在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
参考网址 /article/5900639.html
6 HTML5的离线储存?
localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 数据在浏览器关闭后自动删除。
7 (写)描述一段语义的html代码吧。
(HTML5中新增加的很多标签(如:<article>、<nav>、<header>和<footer>等) 就是基于语义化设计原则) < div id="header"> < h1>标题< /h1> < h2>专注Web前端技术< /h2> < /div>
8 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会 sessionStorage和localStorage的存储空间更大; sessionStorage和localStorage有更多丰富易用的接口; sessionStorage和localStorage各自独立的存储空间;
1 介绍一下CSS的盒子模型?
(1)有两种, IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 padding; (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border).
2 CSS 选择符有哪些?
1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li: nth - child)
哪些属性可以继承?
可继承的样式: font-size font-family color, UL LI DL DD DT; 不可继承的样式:border padding margin width height ;
优先级算法如何计算?
优先级就近原则,同权重情况下样式定义最近者为准;
载入样式以最后载入的定位为准;
优先级为:
!important > id > class > tag important 比 内联优先级高
3 CSS3新增伪类有那些?
CSS3新增伪类举例:
p:first-of-type // 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 p:last-of-type //选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 p:only-of-type //选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 p:only-child //选择属于其父元素的唯一子元素的每个 <p> 元素。 p:nth-child(2) // 选择属于其父元素的第二个子元素的每个 <p> 元素。 :enabled :disabled //控制表单控件的禁用状态。 :checked //单选框或复选框被选中。
4 position的值, relative和absolute定位原点是?
*absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 *fixed (老IE不支持) 生成绝对定位的元素,相对于浏览器窗口进行定位。 *relative 生成相对定位的元素,相对于其正常位置进行定位。
5 使用 CSS 预处理器吗?喜欢那个?
LESS
6 如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里)
多数显示器默认频率是60Hz,即1秒刷新60次, 所以理论上最小间隔为1/60*1000ms = 16.7ms
7 display:inline-block 什么时候会显示间隙?(携程)
1 说几条写JavaScript的基本规范?
1.不要在同一行声明多个变量。 2.请使用 ===/!==来比较true/false或者数值 3.使用对象字面量替代new Array这种形式 4.不要使用全局函数。 5.Switch语句必须带有default分支 6.函数不应该有时候有返回值,有时候没有返回值。 7.For循环必须使用大括号 8.If语句必须使用大括号 9.for-in循环中的变量 应该使用var关键字明确限定作用域,从而避免作用域污染。
2 eval是做什么的?
它的功能是把对应的字符串解析成JS代码并运行; 应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。
3 null,undefined 的区别?
一、相似性 在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。 var a = undefined; var a = null; 上面代码中,a变量分别被赋值为undefined和null,这两种写法几乎等价。 undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。 if (!undefined) console.log('undefined is false'); // undefined is false if (!null) console.log('null is false'); // null is false undefined == null // true 上面代码说明,两者的行为是何等相似! 目前,null和undefined基本是同义的,只有一些细微的差别。 **null表示"没有对象",即该处不应该有值**。典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象。 (2) 作为对象原型链的终点。 Object.getPrototypeOf(Object.prototype) // null **undefined表示"缺少值",就是此处应该有一个值,但是还没有定义**。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。 (3)对象没有赋值的属性,该属性的值为undefined。 (4)函数没有返回值时,默认返回undefined。
4 介绍js的基本数据类型。
number,string,boolean,object,undefined
5 如何创建一个对象? (画出此对象的内存图)
function Person(name, age) { this.name = name; this.age = age; this.sing = function() { alert(this.name) } }
相关文章推荐
- 职场晋升有内幕,快来看看吧
- 黑马程序员——OC基础知识
- 【高招职位精选】大波程序员已经等不及了,大量开发岗位等你来PK
- 关于java的一道面试题
- iOS面试题
- 网上看到了一些ios面试题,看着解答解答
- 程序员的数学世界
- 面试技巧
- 第一篇 多线程笔试面试题汇总
- 面试总结3--STL问题
- 学生面试被问到的问题总结二:
- 程序员摆脱疲劳的 11 个建议
- 程序员摆脱疲劳的 11 个建议
- 黑那程序员——OC实战——电影院买票系统
- 程序员面试_Java基础技术
- 各大公司笔试面试题集锦
- ios面试题
- 你以为差的只是一个程序员?其实是缺一种跨界沟通能力
- 新时代的coder如何成为专业程序员
- 新时代的coder如何成为专业程序员