应届毕业生web前端面试自我介绍

WEB前端是现在it行业是一件伤脑力和高报酬的工作，应届毕业生去应聘此工作，最好能提前准备好自我介绍的说辞。以下是本站小编为你整理的应届毕业生web前端面试自我介绍，希望大家喜欢。

应届毕业生web前端面试自我介绍篇1

考官好，我是计算机专业的面试者XXX，我此次应聘的职位是IT行业的软件工程师，这份工作不仅与我的专业对口，同时也是我的特长与兴趣所在。现在我就从以下三个方面介绍自己：

1)学习能力：我有较强的科研能力，能熟练的进行LINUX操作，并能使用VB，DELPHI等语言编程。能运用网页三剑客Photoshop软件进行相关工作。

2)实践能力：我的专长是软件开发，我希望能从事这方面的工作经验，并且我曾经发过多个系统，如人事档案管理系统,工资管理系统等等。

3)交际能力：我的性格沉稳，能坐得住，对IT行业的工作，具有非常好的适应能力，而且为人谦和，具有很强的组织和协调能力，富有的事业心和责任感使我能够面对任何困难和挑战。

从以上的简单自我介绍，我希望公司能给我一个展示自己能力的机会，让我我可以学以致用，同时我也很欣赏XX公司的企业文化与工作环境。我愿意成为企业一员，为企业的发展贡献自己的一份力量。我的职业生涯目标是，做一个既懂技术，又懂业务的复合型人才。

应届毕业生web前端面试自我介绍篇2

本人热衷计算机软件开发行业，学习能力强，适应能力强，有责任心，拥有团队合作开发精神，亦能独立完成任务。现任某某软件公司开发部经理，4年软件开发管理经验，熟练掌握delphi及c#两门开发语言(winform)，interbase及sqlserver数据库，vss源代码管理，具有良好的编程习惯和风格(xml标注，gui+设计等等)，熟悉软件架构及测试。本人有意向软件工程师及项目管理方向发展，盼望与伯乐携手共创事业!

应届毕业生web前端面试自我介绍篇3

回首三年的大学校园生活生涯和社会实践生活，有渴望、有追求、有成功也有失败，我孜孜不倦，不断地挑战自我，充实自己，为实现人生的价值打下坚实的基础。

在思想品德上，本人有良好道德修养，并有坚定的政治方向，我积极地向党组织靠拢，使我对我们党有可更为深刻的认识，并参加了入党积极分子培训班”的培训。本人遵纪守法、爱护公共财产、关心和帮助他人，并以务实求真的精神热心参与学校的公益宣传和爱国活动。

在学习上，我热爱自己的专业，还利用课余时间专修计算机专业知识，使我能轻松操作各种网络和办公软件。曾多次获得学金，在书法和体育运动都获得好成绩。英语、电脑、普通话等方面的等级考试已达标。除了在专业知识方面精益求精外，平时我还涉猎了大量网络编程、网络管理与维护、网页设计等知识。并且相信在以后理论与实际结合当中，能有更大提高。

在工作上，对工作热情，任劳任怨，责任心强，具有良好的组织交际能力，和同学团结一致，注重配合其他学生干部出色完成各项工作，得到了大家的一致好评。

在生活上，我最大的特点是诚实守信，热心待人，勇于挑战自我，时间观念强，有着良好的生活习惯和正派作风。由于平易近人待人友好，所以一直以来与人相处甚是融洽，连续担任了分院的乒协的秘书长一职。有广泛爱好的我特别擅长于网页设计和网站管理与维护方面。曾独立完成一个中型网站的设计，以及大型综合网站的策划与修改工作。

身为平面设计专业的学生，我在修好学业的同时也注重于社会实践。本着学以致用，实践结合理论发挥。暑假期间我到XX网吧等大型网吧里工作，管理经验与软硬件维护得到了极大的积累。

三年的大学生活，使自己的知识水平、思想境界、工作能力等方面都迈上了一个新的台阶。在这即将挥手告别美好大学生活、踏上社会征途的时候，我整军待发，将以饱满的热情、坚定的信心、高度的责任感去迎接新的挑战，攀登新的高峰。

Web前端面试题目篇1：TML/CSS部分

1、什么是盒子模型?

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

3、CSS实现垂直水平居中

一道经典的问题，实现方法有很多种，以下是其中一种实现：

HTML结构：

<div class="wrapper">

<div class="content"></div>

</div>

CSS：

per {

position: relative;

width: 500px;

height: 500px;

background-color: #ddd;

}

ent{

background-color:#6699FF;

width:200px;

height:200px;

position: absolute; //父元素需要相对定位

top: 50%;

left: 50%;

margin-top:-100px ; //二分之一的height，width

margin-left: -100px;

}

4、简述一下src与href的区别

href 是指向网络资源所在位置，建立和当前元素(锚点)或当前文档(链接)之间的链接，用于超链接。

src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

5、什么是CSS Hack?

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。

IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack(详细参考CSS文档：css文档)。例如：

// 1、条件Hack

<!--[if IE]>

<style>

{color:red;}

</style>

<![endif]-->

// 2、属性Hack

{

color:#0909; /* For IE8+ */

*color:#f00; /* For IE7 and earlier */

_color:#ff0; /* For IE6 and earlier */

}

// 3、选择符Hack

* html {color:#090;} /* For IE6 and earlier */

* + html {color:#ff0;} /* For IE7 */

6、简述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去;

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

7、px和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

8、什么叫优雅降级和渐进增强?

渐进增强 progressive enhancement：

针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation：

一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别：

a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给

b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要

c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看，同时保证其根基处于安全地带

9、浏览器的内核分别是什么?

IE: trident内核

Firefox：gecko内核

Safari：webkit内核

Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核

Chrome：Blink(基于webkit，Google与Opera Software共同开发)

Web前端面试题目篇2：JavaScript部分

1)创建新节点

createDocumentFragment //创建一个DOM片段

createElement //创建一个具体的元素

createTextNode //创建一个文本节点

2)添加、移除、替换、插入

appendChild //添加

removeChild //移除

replaceChild //替换

insertBefore //插入

3)查找

getElementsByTagName //通过标签名称

getElementsByName //通过元素的Name属性的值

getElementById //通过元素Id，唯一性

实现一个函数clone，可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。

/**

* 对象克隆

* 支持基本数据类型及对象

* 递归方法

*/

function clone(obj) {

var o;

switch (typeof obj) {

case "undefined":

break;

case "string":

o = obj + "";

break;

case "number":

o = obj - 0;

break;

case "boolean":

o = obj;

break;

case "object": // object 分为两种情况 对象(Object)或数组(Array)

if (obj === null) {

o = null;

} else {

if ((obj)e(8, -1) === "Array") {

o = ;

for (var i = 0; i < th; i++) {

(clone(obj[i]));

}

} else {

o = ;

for (var k in obj) {

o[k] = clone(obj[k]);

}

}

}

break;

default:

o = obj;

break;

}

return o;

}

如何消除一个数组里面重复的元素?

// 方法一：

var arr1 =[1,2,2,2,3,3,3,4,5,6],

arr2 = ;

for(var i = 0,len = th; i< len; i++){

if(xOf(arr1[i]) < 0){

(arr1[i]);

}

}

e(arr2); // 1,2,3,4,5,6

在Javascript中什么是伪数组?如何将伪数组转化为标准数组?

伪数组(类数组)：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,dNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用(fakeArray)将数组转化为真正的Array对象。

function log{

var args = (arguments);

//为了使用unshift数组方法，将argument转化为真正的数组

ift('(app)');

y(console, args);

};

Javascript中callee和caller的作用?

caller是返回一个对函数的引用，该函数调用了当前函数;

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

请描述一下cookies，sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

web storage和cookie的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。

除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

统计字符串中字母个数或统计最多字母数。

var str = "Web前端面试题目Web前端面试题目bbbccccddfgh";

var obj = ;

for(var i=0;i<th;i++){

var v = At(i);

if(obj[v] && obj[v]e == v){

obj[v]t = ++ obj[v]t;

}else{

obj[v] = ;

obj[v]t = 1;

obj[v]e = v;

}

}

for(key in obj){

e(obj[key]e +'='+obj[key]t+' '); // a=4 b=3 c=4 d=2 f=1 g=1 h=1

}

jQuery的事件委托方法on、live、delegate之间有什么区别?

如何理解闭包?

跨域请求资源的方法有哪些?

谈谈垃圾回收机制方式及内存管理

开发过程中遇到的内存泄露情况，如何解决的?