前端面试

1.    自我评价一下HTML/CSS/JS的掌握情况

2.    简述HTML经常使用的标签和作用。

Div/a/p/span/li/ul/ol/table/tr/td

3.    你认为最常遇到的兼容Bug有哪些?有哪些问题是你认为解决起来最麻烦的?

IE6 PNG

IE6 Fixed

4.    块级元素和行内元素都有哪些? 行内元素有哪些特点?

5.    介绍所知道的CSS hack技巧(如:_, *, +, \9, !important 之类)

6.    CSS定位方式有哪些?position属性的值有哪些?他们之间的区别是什么?

在CSS中关于定位的内容是:position:relative | absolute | static | fixed

•    static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。

•    relative 不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。

•    absolute 脱离文档流,通过 top,bottom,left,right 定位。选53D6其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。

•    fixed 固定定位,这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

7.    函数的几种定义方法

function a(){},

var a = function(){}

8.    对象的定义方法

a = new Object(), a = {}

9.    类的定义方法(prototype)(继承)

Var a = function(){}

a.prototype = {}

new a();

 

10.    this 关键字的指向

obj.foo() == obj        //方法调用模式,this指向obj

foo() == window;         //函数调用模式,this指向window

new obj.foo() == obj    //构造器调用模式, this指向新建立对象

foo.call(obj) == obj;//APPLY调用模式,this指向obj

11.    DOM操作

在<body><div id=”a”>hello</div></body>,将hello替换成”你好”

将Body的innerHTML重写和将<div>的innerHTML重写有何区别

12.    什么是闭包,及其作用

13.    事件绑定的几种方法,事件冒泡

14.    Ajax/json/json0070

15.    异步ajax的优缺点

优点:

•    相对于同步ajax:不会造成UI卡死,用户体验好。

•    相对于刷新页面,省流量

缺点:

•    后退按钮无效;

•    多个请求同时触发时,由于回调时间不确定,会造成混乱,避免这种混乱需要复杂的判断机制。

•    搜索引擎不友好

•    数据安全

16.    常用JS框架,是否使用过jQuery,jQuery的优点。

18.    JS用了多久,介绍一下自己做过的JS项目,

19.    开发调试工具和方法(编辑器、浏览器

20.    类、函数、对象(代码表达)

21.    闭包(setTimeout)(产生两个首尾相连的计时器)(使用for循环产生10个计时器)||

22.    Jquery Mobile

23.    HTML5/CSS3

24.    是否听说和理解webapp

25.    在行的语言,优缺点

26.    介绍项目经验,合作开发、独立开发

27.    编程的重要知识

28.    开发过程中遇到困难,如何解决。

29.    有没有个人/开源项目

30.    前端开发(HTML/CSS/

posted @ 2018-07-06 17:30  荼蘼2018  阅读(196)  评论(0编辑  收藏  举报