web前端工程师自我介绍

2024-05-15

web前端工程师自我介绍（通用12篇）

篇1：web前端工程师自我介绍

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结构：

CSS：

.wrapper {

position: relative;

width: 500px;

height: 500px;

background-color: #ddd;

}

.content{

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

// 2、属性Hack

.test{

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

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

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

}

// 3、选择符Hack

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

* + html .test{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共同开发)

篇2：web前端工程师自我介绍

1熟悉W3C标准，熟练使用弹性盒和html5+css3+@media实现响应式布局;2深入理解原生js，jQuery，熟练掌握js的面向对象的编程方式;3熟练使用angularJS，vue，深入理解MVC以及MVVM模型;4了解react，能够编写部分组件;5熟悉bootstrap，swiper，animate等前端框架;6熟悉webpack工程化打包工具，用gulp进行前端代码优化;7有独立开发微信小程序经验;8熟悉ES6规范以及nodejs，熟练使用less和sass预编译语言;9熟练使用Photoshop、Firework进行切图及部分操作;10常使用英文文档，有良好的英文阅读能力。

二：

对待工作责任感强，细致认真，积极向上，有较强的团队意识。喜欢与他人交往、热爱生活、乐于助人。自学能力较强，刻苦努力，不断要求自己、提升自己。同时善于观察周围的事物，善于收集资料分析问题，并能快速解决问题。

三：

1.拥有较为快速的学习能力，喜欢研究一些新奇的玩意。2.对待事情认真负责。3.拥有不错的沟通能力，喜欢与人交流，交换意见，在团队合作时能根据不同的人员的情况合理分配好团队的工作，用最快的时间完成好工作。个人网站：webbing1993.github.io/博客：my.csdn.net/?ref=toolbar

四：

篇3：前端开发工程师的自我介绍

第二天淡定的去了。web前端工程师面试地点。大概题目如下吧。

1、设计一个阿里巴巴的左侧导航栏html+css实现，我用了css sprite背景定位吧。

2、给你一段css代码，画出布局图，就是float还有margin-left：-192之类的吧，还真的和我想的不一样，回去调试了一下，后来证明有用的，一面就问了我。

3、如何利用prototype属性拓展，很有意思的，一个阿里人Aliren如何展示你的特质哈哈。原生模型扩展，幸好我了解过。

4、在web页面上实现打印乘法表。

其他的就是逻辑题目了。逻辑题只剩下10分钟10道题，大都是说甲乙丙丁作案，然后谁个说谎之类的吧。另外的就是数字比如1,2,2,3,4,6，?我没时间了就瞎猜了一个9居然对了，没办法或许就是缘分吧。。哈哈。

笔试回来感觉一般，但还是准备了一下在网上搜集了web前端的面经，然后就再次看到了一个哥们的经历，和我及其相似，虽然他是去年毕业的，哈哈。或许真的期待我也能有他一样的经历吧。回去晚上还笔试了sohu，嗨这个就没有多大希望了我估计。太难了还是期待一下阿里巴巴吧。

晚上收到了中华英才网代发的一面通知，一会儿又有阿里巴巴总部电话确认了一下，通知我明天下午3点过去面试。为了吸取上次支付宝的教训，自己把所有的技术贴再回顾了一下吧。然后两点就过去。三点半左右开始面试。面试过程同样的是先三分钟自我介绍吧，然后就是针对卷子的内容让我优化一下，问我回去有没有想过自己的做得怎么样啊之类的，于是我觉得做的还可以，也就没有怎么弄，然后他说也可以。再就是介绍一下自己作品的成功之处吧，对js框架的了解，以及js跨域的访问，css盒模型的理解之类的吧。大概技术就这样子了，其他的都是非技术啦。于是就开始问我为什么跨专业啊、看我在学生会当过副主席，成绩也还很好于是就很不理解问我怎么分配时间的问题啊，如何应对压力啊，感觉累不累啊，之类的。或许经验丰富吧，整个过程都还回答的相当自如。另外看见我已经签了华为了，为什么还去阿里巴巴啊，为什么面试腾讯、百度、支付宝、淘宝之类的悲剧了呢，以及我的家庭关系为什么只写了我哥哥，然后了解了一下自己的家庭情况吧，问了一下我是怎么度过最艰难的时期的。你大学期间最讨厌的人是谁啊，你最要好的人是谁啊，好到什么程度啊，有没有同穿一条内裤啊!我狂晕了当时!然后就是你远离家乡啊，个人感情问题啊。以及如何看待你的硕士研究阶段的工作的意义啊，以后对工资的期待啊什么的。大概就这些吧，然后问我有什么问题没有，于是我问了一下阿里巴巴有么打算做ria的应用平台啊，然后他说他们正有此意呵呵，看来问的还不错的，反正又表达了一下自己的强烈愿望吧。于是告诉我两个小时内有答复，让我耐心等待，或者就在附近逛一下。呵呵，我就骑车回了实验室，还在跟同学开玩笑，两个小时都已经过了20分钟了还没收到，这时候来了一个电话，空高兴一场，一个老朋友打电话请教问题来了，就跟他讲了五六分钟，这时候另外一个手机响了(ps：我有两个手机，一个专门用来找工作临时上网用的联通3g手机)，我怕有什么事，于是就同时接了这个电话，居然真的是阿里巴巴的二面通知，让我7点半去二面。看了一下时间正好是半个小时后，哈哈还算快的。幸好当时让我填紧急联系人的时候我还是填了自己，并写了另外一个手机号，看来派上用场了，因为我的另一个电话正在用，这时候打进来会说我的号码是空号，呵呵好幸运啊。

二面，我7点钟到了，呵呵等了一会儿，以为会考技术，再次复习了一下，哈哈结果进去一点技术的偶没有!!!进去时隔女的hr看了我的简历就问，你今天一面感觉如何啊，我说还不错吧，就是有些不足，他就问我什么不足啊，我说没有充分表现出自己的.优点和亮点啊。于是让我又自己总结了一下自己的优点哈哈，我就不谦虚了，嘿嘿。后面又问了一面一样的很多问题，比如为什么签约了华为呢，给的薪资是多少啊，阿里巴巴可能前期么有那么多啊，你在学生会学到了什么啊，你的科研中又学到了什么啊之类的。后来就是问我还有什么问题，我就纱布垃圾的再次表达了一下自己的意愿，然后告诉我晚上之前通知我结果，保持畅通的联系方式。就这样over了!

通过艰难的等待，在上午十点多收到了阿里offer通知了，很激动!很高兴，第一时间都快happy到了极点，就给某人分享了这个快乐。。。哈哈。回来想了一下整个过程我好想没怎么面我技术，大多是看个人的价值观吧，以及对人对事的态度吧。发现大企业还是不一样的，因为他们觉得任何人都是可以塑造的吧，这只是我的猜想。再想想整个阿里巴巴找工作的过程还是很有缘分的，一次次的被淘宝、支付宝拒绝了，但是每次都进步了。每次自己都在用心总结，都在不停的积累，感觉找工作的整个过程我的技术都有了很大的进步。还有昨天加了一个我要进互联网的群，里面有很多牛人，谢谢群主周董给我的鼓励，他说阿里很喜欢我这样的人，让我倍受鼓舞，发挥也很正常，很感谢!

篇4：Web前端开发工程师笔试题

a)服务器端的IE浏览器

b)客户端的IE浏览器

c)在服务器端的tomcat容器里

d)在客户端的tomcat容器里

2. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问

a)局部

b)全局

c)typeOf

d)New

3. 关于javascript说法正确的是(B )。

a)它是面向对象的

b)它是基于对象的

c)它是面向过程的

d)以上说法都不正确

4. 以下哪条语句会产生运行错误(A )

A、var obj =

B、var obj =

C、var obj =

D、var obj = //

5. 在javascript中，下拉列表框的(B )方法可从列表中删除一个元素

a)Add( )

b)Remove( )

c)Focus( )

d)blur

6. 请选择结果为真的表达式(C )

a)null instanceof Object

b)null === undefined

c)null == undefined

d)NaN == NaN

7. 在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本(AB )

8. 在javascript中，String 对象的方法不包括(D )。

a)charAt

b)substring

c)toUpperCase

d)Length

9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用(A )事件处理程序。( )

a)onChange

b)onFocus

c)onMouseOver

d)onClick

10. ( C )事件处理程序可用于在用户单击按钮时执行函数

a)onSubmit

b)onChange

c)onClick

篇5：web前端开发工程师的职责

1.负责网页界面前端构建工作，利用各种web技术将设计稿转换成最终web页面，并且完成兼容性测试;

2.负责整体页面结构及样式层结构设计、优化;

3.配合后端程序工程师完成项目开发;

4.优化网站前端性能，对代码质量负责，按照要求实现前端页面的各种特效效果;

5.研究最新的前端技术并将新技术调研成果应用于前端开发工作中;

任职要求：

1、本科或以上学历，计算机相关专业;

2、三年以上前端开发经验，有大型电子商务网站前端开发经验者优先;

3、精通HTML、CSS、JavaScript、Ajax等技术，熟悉W3C网页标准，熟悉常用的开发框架如JQuery，jQueryMobile，JQuery UI、easyUI等;

4、有移动端Web开发经验优先;

篇6：web前端开发工程师的职责

1、负责前端代码的编写

2、负责web页面代码规划和设计，保证页面表现层的整体性和可维护性;

3、负责web页面后面js 脚本的编写，完成界面层的功能;

4、配合后台开发工程师，完成页面的交互功能、联调等工作;

5、工作内容将包括Web、手机等各种页面制作。

岗位要求：

1、精通HTML、JavaScript，CSS，Web前端开发技术;

2、精通 DIV+CSS网页布局，熟悉W3C网页标准，能够手写页面代码;

3、精通HTML、JavaScript，CSS、Jquery、Bootstrap;

4、熟悉最新的H5前端开发框架如angularjs或者React;

5、有使用Three.js等WebGL库开发经验者优先;

篇7：中级web前端开发工程师的职责

1.参与SCRUM敏捷开发实践,负责平台和产品的开发工作;

2.参与前端框架开发、通用组件方案制定、性能优化等相关工作;

3.协同制定前端统一标准，推动工程化，自动化和工具化建设;

4.负责前沿技术研究和新技术调研。

岗位要求：

1.3年以上相关工作经验，有强烈的技术研究精神;

2.深入了解Vue/React等至少一款前端开发框架，具有Vue全家桶开发经验者优先;

3. 熟悉less/sass等至少一款CSS框架，熟悉webpack等构件工具;

4. 具有2年以上移动端页面开发经验，熟悉SPA及MVVM开发模式;

5. 有hybrid模式开发、微信页面开发经验者优先;

6. 具备良好的交流沟通能力和团队协作能力，思路清晰;

7. 富有责任感，有积极性，有职业规划，热爱技术，并且能够自主学习新知识;

篇8：web前端开发工程师的主要职责

1、根据所用的前端的框架参与需求的设计，配合设计人员制定特定功能解决方案。

2、根据需求开发前端交互功能的实现和与后台数据接入及调试。

3、项目后期的测试、交付与维护工作。

岗位要求：

1、二年以上工作经验，或优秀的应届实习生;

2、熟练原生JS，熟悉原型链、闭包、模型等概念，熟练面向对象开发;

3、熟练JQuery，能够使用插件并自己能编写插件;

4、熟练Vue及Vue-Cli框架，熟练使用NodeJs、NPM、WebPack等工具;

5、有微信小程序和微信公众号开发经验优先;

篇9：资深web前端开发工程师的职责

1、负责公司核心产品的设计及开发;

2、负责产品前端调优，优化用户体验;

3、指导初级员工，解决技术问题;

4、协助产品及测试人员，提高产品质量。

任职条件

?1、本科及以上学历，计算机及相关专业，5年以上工作经验;

2、精通HTML5+CSS3+JS编程，熟悉响应式web开发、JS性能优化;

3、熟练掌握常用的前端框架，至少精通一种主流框架(Vue、AngularJS、React);

4、熟悉浏览器内部工作模式，了解主流浏览器引擎;

5、熟悉W3C标准，对http，https，ajax，json等有深刻理解;

6、关注Web前端前沿技术发展，具有根据项目情况进行技术选型的能力;

7、至少熟悉一门后台语言;

8、对技术有热情，有良好的编码习惯和技术文档编写能力;

9、有AngularJs经验者优先;

10、有后端开发经验者优先;

篇10：web前端工程师实习心得体会

刚进到公司，我内心是很惶恐的。我对自己没有一个正确的定位，对公司的环境也是那么的陌生。我不知道自己能不能胜任公司的工作。我所能做的就是努力再努力，用自己的勤奋来掩饰自己内心的慌张。

很欣慰的是我们组内有一个女生。她性格很柔和。每次，和他请教问题他都会耐心的帮助你。我和他成为了闺蜜，我经常的去问他问题，一些环境的配置，系统的某部分业务或者其他的问题等等。很感谢她，他帮助我尽快的去熟悉了系统的环境及业务。除了组长，组内还有李大牛和许小牛。后来许小牛走了，又来了两名同事，工作期间，他们都对我有很大的帮助，无论是工作上还是生活上，很欣慰能够遇到他们并共事一场。

工作中不是那么的顺利。别人是因为任务重，工作压力大。而我则是因为任务太轻而烦恼。我的任务总是比较简单，我很快就能做完，我体现不了自己的价值，我不开心。我去向组长争取机会，赢得了自己的第一份比较有挑战性的工作。

我要做一个webservice接口。这个任务的需求很不明确，需要我去和接口使用方进行沟通。我对系统的数据库了解甚少，对自己的库就不太了解，将他们的库对应到我们的库就更困难了。加上交流也不是很有经验，我最后搬出我们组长去跟他们沟通确定需求才开始进行开发。需求的确定用了好长时间，之后的验证也用了好久。当时开发时，接口由于没有数据，只用一条数据进行了验证，但到部署到现场时出现了好多的问题。客户天天催，自己的压力好大。好几天都加班到好晚。这件事情比较曲折，后面的博文会详细讲述这件事情。