web前端面试自我介绍

篇一：web前端开发简历模板

个人简历

个人信息

姓名：XX 户籍：云南省-红河州-弥勒市

年龄：24 工作年限：3年 手机：133 30X0 5039 E-mail：[email protected]

教育经历

2011/8-2014/7

西双版纳职业技术学院，大专 计算机应用技术自我介绍

诚实守信，时间管理者，做事认真稳重，乐观积极，亲和力强，上进心强，有良好的团队精神。做过UI设计,前端开发，了解后台（PHP，mysql），熟悉项目开发流程，是一个能快速融入团队，快速对接产品需求、前后端工作的前端开发人员。

工作经历

2013/12-2016/8优车库网络科技发展(深圳)有限公司 (互联网/电子商务)

IT部 : web前端开发 pc网站前端开发，web app开发 项目经验

1、优车库PC网站1.0

内容描述:初创公司，从0开始。前期产品需求不够明确，pc网站快速完

成，包括页面输出（html，css，js，jq,PHP，ajax，mysql）前端页面与后台同事协作完成数据库之间的数据交互对接;.

2、优车库web app 1.0:

web app的开发考虑到jQuery-mobile对手机性能的要求,在部门总监要

求下，学习angularjs，并采用MVC模型开发web app单页面应用，期间

遇

到不少问题，通过网络学习边应用,经常加班，最终如期完成项目.

3、优车库商家入驻系统和团体用专用渠道系统:

针对商家开发的认证登录系统，商家可进行购买或出售等，拥有更多可操作权限。

针对团体用户，内部发放特定的帐号，以获取更多操作权限和优惠。通过登录时对账号

判断来跳转对应的用户界面.

求职意向

职位：web前端开发(深圳) 期望薪资：13k-16k

职业技能

1.熟悉项目开发流程,能快速对接产品需求,前后端工作;有良好的代码编辑/管

理规范,能够编写各种静态页面,实现多种动效,处理主流浏览器常见兼容性问

题,优化网站性能;熟悉移动设备适配,web app开发;

2.精通HTML,CSS,熟悉HTML5,CSS3,熟练使用canvas/svg技术;

3.熟悉JS,jQuery ,AJAX;能够熟练手写原生js代码,能够使用原生js实现多种

交互效果,熟悉面向对象开发;熟悉angularjs,有实际开发单页面应用,MVC模

型程序的经验;

4.熟悉PHP,mysql常用数据交互方法,能够完成前端页面与后台数据交互对接;

熟悉jQeuryUI,jQuery-Mobile,bootstrap,可以参考手册快速上手,了解

react.js;node.js;PhoneGap,eclipse,hybrid,apache,http协议等;

5.精通PS,熟练AI等设计软件,对用户体验,交互,视觉有一定见解.

Thank you !

篇二：web前端面试总结

1. 什么是Semantic HTML（语义HTML）?

Semantic HTML是一种编码风格, 它通过添加能够被计算器所理解的语义(Meta data)，从而使HTML成为一个通用的信息交换媒介。在语义HTML中，<b></b>,<i></i>这类其中的内容不具有实际意义的标签是不应该被使用的，因为他们只是为了进行格式化，没有提供要表达的意义及页面结构。

2. DOCTYPE 有什么作用？

DOCTYPE主要作用是告诉浏览器这个网页是哪种HTML， 浏览器根据这个标示进行页面渲染。如果DOCTYPE声明不当或没有声明，浏览器将会用quirks mode（怪异模式）对页面进行渲染。

3. 什么是quirks mode（怪异模式）？

怪异模式（英语：quirks mode）是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术，有别于严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式”。

4. 标准模式和怪异模式之间的区别是什么？

两者之间突出的不同是对 CSS IE盒模型缺陷的处理。在IE6之前，Internet Explorer 曾经使用一种决定一个元素的盒模型的宽度和高度的，与 CSS 规范所指定相冲突的算法，而且由于 Internet Explorer 的流行，很多依赖于这种不正确的算法的网页被创建。而在IE 6, Internet Explorer 在标准模式下渲染时使用了 CSS 规范的算法，而在 quirks 模式下使用先前的，不规范的算法。

另一个值得一提的不同点是某些行内 (inline) 元素的垂直对齐；很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然 CSS 的规范要求它们被对齐至盒内文本的基线。标准模式下，基于 Gecko 的浏览器将会对齐至基线，而在 quirks 模式下它们会对齐至底部。 HTML5常见面试题：

1. html5有哪些新的页面元素？

主要有<article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <section>, <time>, 和<wpr>

2. HTML5去除了哪些页面元素？

和

3. HTML5有哪些新的表单元素？

和 4. HTML5增加了哪些标准的API?

Media API, Text Track API, Application Cache API, User Interaction, Data Transfer API, Command API, Constraint Validation API, 和 History API.

5. HTML5 和老的 HTML之间的缓存机制有什么不同？

HTML5 有了一个新的Application Cache, 它为web应用创建了一个离线的缓存，包括HTML文件、CSS、图片和JS等，能提供访问性能

一、超链接点击过后hover样式就不出现的问题？

被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A

二、IE6的margin双倍边距bug问题

例如：

<style type=”text/css”>

body {margin:0;}

div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;} </style>

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline;

三、为什么中火狐浏览器下文本无法撑开容器的高度？

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义：

div { height:auto!important; height:200px; min-height:200px; }

四、为什么web标准中无法设置IE浏览器滚动条颜色了？

原来样式设置：

<style type=”text/css”>

body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff;

scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee;

scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; } </style>

解决办法是将body换成html

五、如何定义1px左右高度的容器？

IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

六、怎么样才能让层显示在FLASH之上呢？

解决的办法是给FLASH设置透明:

<a href=”/”>:</a>

<pre lang=”html” line=”1″>

<param name=”wmode” value=”transparent” />

七、怎样使一个div层居中于浏览器中？

<style type=”text/css”>

<!–

div {

position:absolute;

top:50%;

left:50%;

margin:-100px 0 0 -100px;

width:200px;

height:200px;

border:1px solid red;

}

–>

</style>

这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

八、firefox浏览器中嵌套div标签的居中问题的解决方法

假定有如下情况：

<div id=”a”>

<div id=”b”> </div>

</div>

如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的。

解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto; 新手必看HTML之DocType的几种类型 (2011-08-03 14:17:40)

转载▼

标签：

doctype

类型

详细

doctype的几种类型

html之doctype 分类： 前端文摘 在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。学习网页标准，浏览器兼容，从哪里开始您自己决定，但是，请认识DOCTYPE：

一、什么是DOCTYPE

DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。

二、DOCTYPE的规则

DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。

每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。

注释： 标签没有结束标签！

以下是从手册上摘抄的规则：

语法：

可能值：

为了获得正确的DOCTYPE声明，关键就是让dtd与文档所遵循的标准对应。例如，假定文档遵循的是xhtml 1.0 strict标准，文档的doctype声明就应该引用相应的dtd。另一方面，如果doctype声明指定的是xhtml dtd，但文档包含的是旧式风格的html标记，就是不恰当的；类似地，如果doctype声明指定的是html dtd，但文档包含的是xhtml 1.0 strict标记，同样是不恰当的。

三、选择什么样的DOCTYPE

如上例所示，XHTML 1.0中有3种DTD（文档类型定义）声明可以选择：过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。这里分别介绍如下。

1．过渡的

一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：

篇三：前端工程师面试自我介绍

web前端工程师面试自我介绍第一篇

我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感!

对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中!

爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。

有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的

用心工作，用心生活!我可能不是最好的，最合适的，我觉得我是最有潜力的!2016,一起加油!web前端工程师面试自我介绍第二篇

good morning, my name is jack, it is really a great honor to have this opportunity for a interview, i would like to answer whatever you may raise, and i hope i can make a good performance today, eventually eoll in this prestigious university in september. now i will introduce myself briefly,i am 21 years old,born in heilongjiang province ,northeast of china,and i am curruently a senior student at beijing xx uni.my major is packaging engineering.and i will receive my bachelor degree after my graduation in june.in the past 4 years,i spend most of my time on study,i have passed cet4/6 with an ease. and i have acquired basic knowledge

of packaging and publishing both in theory and in practice. besides, i have attend several packaging exhibition hold in beijing, this is our advantage study here, i have taken a tour to some big factory and company. through these i have a deeply understanding of domestic packaging industry. compared to developed countries such as us, unfortunately, although we have made extraordinary progress since 1978,our packaging industry are still underdeveloped, mess, unstable, the situation of employees in this field are awkard. but i have full confidence in a bright future if only our economy can keep the growth pace still. i guess you

maybe interested in the reason itch to law, and what is my plan during graduate study life, i would like to tell you that pursue law is one of my lifelong goal,i like my major packaging and i won't give up,if i can pursue my master degree here i will combine law with my former education. i will work hard in thesefields ,patent ,trademark, copyright, on the base of my years study in department of p&p, my character? i cannot describe it well, but i know i am optimistic and confident. sometimes i prefer to stay alone, reading, listening to music, but i am not lonely, i like to chat with my classmates, almost talk everything ,my favorite pastime is valleyball,playing cards or surf online. through college life,i learn how to balance between study and entertainment. by the way, i was a actor of our amazing drama club. i had a few glorious memory on stage. that is my pride.web前端工程师面试自我介绍第三篇

my name is zhao wanjun. wanjun is my given name. wan means sweet and jun means person, so my name means a sweet-tempered girl. i actually am! but you can call me june, for your convenience, j-u-n-e, IT's similar to my chinese name jun. i am from enping, a small cITy in the southwest of guangdong province, near hongkong and macao. maybe you have never been there before, IT's well known for the hot springs there.

in 2014, i got the highest score in the college entrance examinations in my cITy and entered zhongshan universITy. my major is computer science. my gpa ranks in the top 40% among all students, but i have stronger c++ programming skills than many others. also, i was the first one to learn java in my class.

i was chosen by a teacher of mine to participate in his project. the project was about a lan chat room, and i developed the instant messaging system in IT. i was the only female student in this project team.

besides study and the project, i worked in the student union for two years, first year as a member, next year promoted to be the general secretary. my colleagues describe me as a reliable and considerate person.

ibm is top on my job hunting list for of the reasons you hear every day. i look forward to joining a famous company as IT means good training, good pay, and good people to work wITh, just like you gentlemen!

technical support engineer is my ideal job because i have both a technical background and the abilITy to deal wITh clients. also, traveling isn’t a problem although i am a woman.

《web前端面试自我介绍》由：免费论文网互联网用户整理提供；
链接地址：http://www.csmayi.cn/meiwen/48305.html
转载请保留,谢谢!

• 上一篇：公务员平时考核工作
• 下一篇：h5前端面试自我介绍