Skip to content

前端工程师面试题收录

HTML&CSS

  1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
  2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?
  3. CSS引入的方式有哪些? link和@import的区别是?
  4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
  5. 前端页面有哪三层构成,分别是什么?作用是什么?
  6. css的基本语句构成是?
  7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
  8. 如何居中一个浮动元素?
  9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!
  10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)
  11. 如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS与图片?
  12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

Javascript

  1. 怎样添加、移除、移动、复制、创建和查找节点

  2. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别

  3. 面向对象编程:b怎么继承a

  4. 看看下面alert的结果是什么

    javascript
    function b(x, y, a) {
        arguments[2] = 10;
        alert(a);
    }
    b(1, 2, 3);

如果函数体改成下面,结果又会是什么?

``` javascript
function b(x, y, a) {
    a = 10;
	alert(arguments[2]);
}
b(1, 2, 3);
```
  1. 请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象,如:

    javascript
    var url = ”http://www.taobao.com/index.php?key0=0&key1=1&key2=2…..”
    var obj = parseQueryString(url);
    alert(obj.key0)  // 输出0

(来自淘宝网校园招聘笔试题) 6. ajax是什么?  ajax的交互模型? 同步和异步的区别? 如何解决跨域问题? 7. 什么是闭包?下面这个ul,如何点击每一列的时候alert其index?

``` html
<ul id=”test”>
	<li>这是第一条</li>
	<li>这是第二条</li>
	<li>这是第三条</li>
</ul>
```
  1. 最近看的一篇Javascript的文章

  2. 你如何去实现这个Tabview

    tap

  3. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

  4. 性能-Yslow