首页 > 职场范文 > 工作总结

前端开发工作总结范文

时间：2023年02月22日

来源：夏天的风

编辑：本站小编

收藏本文

下载本文

下面是小编整理的前端开发工作总结范文，本文共13篇，欢迎大家阅读分享借鉴，希望对大家有所帮助。本文原稿由网友“夏天的风”提供。

篇1：前端开发转正工作总结

在我们通过层层考验通过面试进入企业之后，我们面临的考验还远远没有结束，试用期是企业考察一个员工最关键是时期，在这段时间内，除了出色的表现之外，一份好的工作总结也是至关重要的。

其实写一份优秀的工作总结也是有章可循的，一些关键的地方我们必须要清楚的列举出来，一是我们自身进入企业的一些感受，然后是我们承担的工作，获得的收获，自身的优势、（当劣势然这个也是有技巧的，写自己不足的时候注意不要是爱偷懒、不合群、适应力差等企业比较忌讳的缺陷，可以是经验不足，并表示愿意跟老同事学习等。）最后就是对于自身一些规划或是对于做好工作的一些计划和建议等等。

掌握以上几点，写一份领导满意，也能够表现自身实力的试用期工作总结就会变成一件很简单的事情了！亲爱的朋友们，加油哦！祝你工作顺利！试用期工作总结范文在紧张、充实的工作氛围下，时间总是过得很快，转眼之间，来到公司已经快三个月了。从入职到现在，是一个从旧年到新年的过程，也是一个不断成长的过程。

我进入公司的职位是xxx，对于公司能够给我这个成长和锻炼的机会，我很珍惜，所以每天我都是非常认真努力的去做我的工作，也因此感到很充实，但是由于xxx，所以有不少不足之处需要改进，在这里做一下总结和分析，以求能够扬长避短，更好的发挥自身的优势，把工作做得更好。

几点认识和以后的想法：

1、对企业的认识：

2、对部门的认识：

3、关于自身的想法：

对于自身的职业规划还有待进一步明确，目前的想法是把本职工作做好，并加强相关的技能和知识的学习。然后再根据自己的特点进行相应的调整。短短三个月的时间，我参与并深切感受了公司的，感觉受益颇丰，因工作而成长，因成长而快乐，感谢公司，感谢领导，感谢给予我支持和帮助的同事们，我愿与你们一同成长，为企业的发展贡献自己的力量。

篇2：前端开发工程师工作总结

xx年初计划的事情，大部分都在进行或者在扫尾中。相对满意的是：镜像、应用监控、后台任务管理，过程和果都不错，碰到很多困难，好歹都过去了，基本问题已经解决，后续持续优化即可。不是很满意的：自动化、cache集群的管理、动态页面维护系统，虽然有不少进展，但是离我的期望还是差不少，完全可以做的更好的，得加油了。意外是单元测试和持续集成在同事的给力推动下有明显进展，很困难的事情，开了个好头。应用的无状态上，做了不少事情，为流动计算打下了很好的基础，超出预期了。

计划完成的情况及收获

xx年个人最大的收获，其实就两点：其一是在做、不做或者怎么做一件事情上，能更好的权衡了，所谓的最终价值评估，这是最大的收获了;其二呢，应该是对工作的认识，人对了，事情才能对，工作中心应该放在人的角度上，不过这一点虽然认识到了，但是做的还不够。有这两点收获，也聊以自了。团队工作倒是有不少起色，大家积极性都挺高，也做出不少成绩，整体还是挺好的。网站不少架构师无论是在技术上、规划上、视野上、推进力上，都有明显的提高，深感欣慰，好歹也算我支持的吧。同时也有一批潜力股冒出来，人员的层次建设比以前好，不过老板是否满意，还不一定。

对未来一年的展望

xx年，期望个人和团队都能有所突破。几个高p，希望能在视野和思维方式上放的更开一点;几个潜力高p，希望能认识到自己的不足，发挥自己的优势，能有明显进步，突破自己，向高p挺进;一些潜力小柱子，好好学习，天天向上吧，海阔天空，加油!

列出未来一年的具体计划

具体的事情么，大致有几点：前端优化这一点，我们投入太少，很乱，用户体验也不好。是时候改变了，得有强力的推进才行，ued不在我们这边，是一个困难点，虽然一直在老板面前吹风，看能否搞过来，但是还是不给力，没有强有力的论据能支撑这一变动。核心业务服务化我们刚起步，还有很多路要走，期望能把最核心的几个搞定，同时运作机制能搞起来，包括团队、流程、部署和维护等等，事情不少。自动化未完的事业，还需要持续，人肉工作是最没价值的，容易出错，响应也慢，而且投入的也不值，要坚决的推进。

篇3：前端开发和美工工程师工作总结

前端开发和美工工程师工作总结

作为公司的'网站前端开发和美工，20xx年本人主要负责的是经文保总队的各个系统的界面设计及动态页面制作，包括以下内容：

一、吉林省单位内部安全保卫平台内网及外网设计及制作，同时包括平台下边九个子系统首页制作（包括经文保综合管理系统、散装汽油销售管理系统、安保人员考试系统、高校少数名民族学生管理系统、考试服务系统、金融服务系统等）；

二、公安内网网站吉林公安经文保信息网整站设计及动态效果制作和后期维护；

三、吉林省单位内部安防信息网协同其他行政部门联合办公系统整站设计及动态网页制作；

四、系统内警踪平台整体界面制作；

五、经文保警用手机、平板app客户端界面设计及切图；

六、移动端网站建设；

七、经文保管辖单位重点部位和检查项3D全景建模技术学习及制作，720云场景应用线上展示重点单位主要监控部位动态效果。

经文保之外的临时项目与任务，包括以下内容：

一、省移动公司处系统项目界面设计及制作，家庭宽带项目管理系统界面制作及相关临时项目需要制作；

二、省公安厅汇报项目美化设计；

三、甘南农业项目app客户端制作及后台信息管理系统界面制作；

四、吉林省网优大数据平台demo制作；

五、公司电力部和工程部各类材料、检验报告合同修改以及发票制作；

六、社保材料制作；

七、临时投标演示项目demo效果制作。

以上列出了本人20xx年的工作内容，首先感谢公司提供这样优秀平台和机会，让我在工作中和公司一起度过忙碌而充实的一年，工作中努力协同后台开发人员一起完成界面系统的精美展现，同时选择当下主流框架界面，仔细研究客户的需求和业务流程，不断优化用户操作界面，提供给用户良好的用户体验和用户舒适度。

除了系统开发这一块，在经文保项目还中应用了新领域的720度3D全景动态展示技术，720全景动画展现也是近几年比较火爆市场需求，结合百度地图，实景展现任何地方的办公及生活场景。

这一年做项目过程中在本岗位上提升了自己，同时也学习了新领域的知识，不断充实自己赶在技术的前沿，随时接受新的任务和挑战。

希望公司在新的一年里拓展新领域业务，课余多开展一些培训活动，提高员工学习新技术的积极性，同时培养团队能更好的配合完成任务。

在工作之外，希望公司多组织一些体育活动和知识竟赛活动，这样在日常工作中既可以活动身心和头脑，有能找到更多的工作乐趣，劳逸结合，才能更好的钻研项目，在技术领域有更多的突破，和公司共同创新与成长，同时希望公司项目顺利开展，我会尽全力发挥自己的能力，实现个人的目标和公司的目标，在飞快发展的大环境下和公司共同进步，最后希望公司未来发展越来越好!

篇4：前端开发个人简历

基本信息

姓名：性别：

婚姻状况：民族：

户籍：年龄：

现所在地：身高：

联系电话：

电子邮箱：jy135.com

求职意向

希望岗位：Web前端开发

工作年限：职称：无职称

求职类型：全职

到岗时间：随时

工作经验

xx年3月—至今 xx有限公司，担任PHP开发工程师。工作描述：1、使用HTML标记、div+css+javascript Dom操作等前端WEB技术进行网站的开发与制造;

2、使用mvc思想、oop面向对象思想、ThinkPHP模板框架、基于jQuery的EasyUI框架、Smarty模板引擎等技术来做项目开发。

xx年3月—xx年7月 xx有限公司，担任数据库和网页设计。工作描述：1、负责编写详细需求分析和客户管理模块;2、实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能;3、分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳定，运算速度明显变快。

教育背景

毕业院校：xx大学

最高学历：本科

毕业日期：-07

专业：计算机网络工程

语言能力

外语：英语一般

国语水平：精通

粤语水平：一般

专业技能

计算机语言：HTML、CSS、JS、C++、Flash/Flex、Silverlight、XML

网页编辑器：Adobe Dreamweaver、Frontpage、CSSDesk、Drawter

数据库软件：Oracle、SQL Sever、Access

操作系统：Windows、Linux、Unix、iOS

编程软件：Delphi、VC++

获得证书

大学英语六级

全国计算机等级证书三级网络技术

Photoshop证书

网页设计师证书

自我评价

本人性格开朗，有热心，工作积极，能吃苦耐劳，服从上级安排。

篇5：前端开发个人简历

姓名：***

出生年月：1992-1

性别：男

身高：171CM

婚姻状况：未婚

籍贯：福建莆田市

政治面貌：共青团员

目前所在地：义乌稠州北路601号

求职意向

期望职位：网页设计/电脑美工

职位类型：全职工作地点：全国各地

工资待遇：暑期工 1000-1500 住房要求：面议web前端开发工程师求职简历模板由精品学习网提供!

工作经验

工作经验：1年

教育背景

最高学历：中专

毕业院校：义乌市城职校

所学专业：PHP程序员

计算机能力：精通web前端开发工程师求职简历模板由精品学习网提供!

其它能力：web前端开发

篇6：前端开发简历

基本资料

姓名：应届毕业生

性别：男

出生年月：1993-6

婚姻状况：未婚

政治面貌：群众

身高：171

籍贯：广东

目前所在地：广州

联系方式

联系电话：×××××××××××

电子邮箱：×××@yjbys.com

求职意向

期望职位：web 前端

职位类型：全职

工作地点：广州

工资待遇：3000-4000元

住房要求：面议

工作经验

12月-2月，在广州××××科技有限公司实习。目前在广州××××科技有限公司上班，从事web前端开发等。

教育背景

毕业院校：广东技术师范学院

最高学历：大专

所学专业：计算机应用技术

毕业时间：-7

英语：普通

计算机能力：熟练

其它能力：善于学习，沟通

自我评价

做事认真负责，性格直爽，热爱学习。时间都去哪了这句话时刻提醒着自己，要努力，加油!

篇7：前端开发简历

基本信息

姓名：×××

性别：男

出生日期：1992-4

婚姻状况：未婚

联系电话：×××××××××××

电子邮箱：×××

应聘岗位：Web前端开发

专业技能

计算机语言：HTML、CSS、JS、C++、Flash/Flex、Silverlight、XML

网页编辑器：Adobe Dreamweaver、Frontpage、CSSDesk、Drawter

数据库软件：Oracle、SQL Sever、Access

操作系统：Windows、Linux、Unix、iOS

编程软件：Delphi、VC++

Photoshop证书，网页设计师证书

工作经历

2015.02-2015.05 ××有限公司 PHP开发工程师

主要是使用HTML标记、div+css+javascript Dom操作等前端WEB技术进行网站的开发与制造

使用mvc思想、oop面向对象思想、ThinkPHP模板框架、基于jQuery的EasyUI框架、Smarty模板引擎等技术来做项目开发

.09-.08 CRM管理系统数据库和网页设计

负责编写详细需求分析和客户管理模块

实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能

分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳定，运算速度明显变快

教育背景

.09-2014.06 广州大学计算机网络工程本科

获得证书

大学英语六级

全国计算机等级证书三级网络技术

自我评价

在四年的软件开发学习中，让我变得更有耐心，思维更活跃，也培养了我独立思考和自主学习的能力，在压力和困难面前我有很好的分析能力和解决问题的能力。我更是一位富有团队精神的人，能够相互协作和充分的沟通。

本人热衷于网页设计，对网页响应式设计和UI设计有一定的了解，擅长运用Div + CSS进行网页的排版和设计，能很好根据用户需求完成可用性、易用性、良好交互性和用户体验的网页。

篇8：前端开发个人简历

姓名：大学生个人简历网

性别：女

出生年月： 1990年5月

工作经验：应届毕业生

毕业年月： 20xx年3月

最高学历：硕士

毕业学院：华北电力大学

所修专业：计算机应用

居住地：北京市市辖区昌平区

籍贯：河北省保定市易县

求职概况 / 求职意向

职位类型：全职

期望月薪：面议

期望地点：北京市市辖区，河北省保定市

期望职位：软件开发工程师前端开发工程师咨询师

意向概述：希望在北京从事开发类工作

教育经历

20xx年9月 - 20xx年3月华北电力大学计算机应用硕士

20xx年9月 - 20xx年7月华北电力大学软件工程本科

自我评价

学习能力强，能够快速适应环境，踏实肯干，具有良好的科研能力。待人以诚，人际关系良好，处事冷静稳健，能合理地统筹安排生活中的事务。具备较强的逻辑思维和判断能力，对事情认真负责，有很强的责任心和团队意识；自信、乐观，具有一定的创新意识和创造能力。

工作实践经验

20xx年7月 - 20xx年9月河南省电力公司科技信通部经理助理

20xx年9月 - 20xx年7月 DreamTech软件开发工作室软件开发工程师

20xx年7月 - 20xx年9月河北省保定市星座广告公司设计师助理

校内职务

年月 - 20xx年9月网络管理协会部长华北电力大学

年月 - 20xx年9月组织委员华北电力大学

篇9：前端开发个人简历

（女，22岁）

求职位：web前端开发期望薪资：3000-5000元/月

目前职位：网页设计/制作学历：大专

工作经验：1-3年现居住地：上海徐汇上海植物园

联系电话：

电子邮箱：

自我评价

本人在校表现优秀，连年获得国家奖学金、三好学生优秀班干部等荣誉。获得助理电子商务师、全国计算机高新技术证书证书。我乐观向上、有较强的团队意识，做事认真负责。现经过培训，已掌握web前端开发技术，熟悉HTML/XHTML、CSS等网页制作技术，熟悉页面架构及布局，掌握div+css制作符合W3C标准的静态网页；熟悉JavaScript脚本，使用过Query框架开发技术；入门Access数据库、c#、asp。net等后台应用的基础。了解html5css3的基础用法；用过了解Photoshop、flash、Fireworks、Dreamweaver等软件应用。

工作经验

中国电信

20xx-xx至20xx-2任职网页设计/制作薪资20xx-3000元/月

工作职责：独立完成中国电信积分商城内页设计，修改，切图，完成页面制作，制作符合W3C规范的静态页面，达到各种浏览器的兼容。

上海谷宇广告公司

20xx-2至现在任职网页设计/制作薪资20xx-3000元/月

工作职责：独立设计网站的平面，然后切图，制作成符合W3C标准的网页，达到各大主流浏览器的兼容，传上服务器，管理后台信息更新，兼顾日常网络推广

教育经历

20xx-9至20xx-6海南经贸职业技术学院电子商务专业

霍倩云语言能力

英语：一般

篇10：前端开发面试

近来几个月，一直在努力寻找前端战友，未果，一路的招聘经历下来，心生不少感慨，一直都很小心翼翼的，怕错失了高人，又更加怕失误把关不够招到不合格的同学进来公司，对公司对项目造成某些影响。

面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的摸索，我总结出了自己的一套很有效的面试前端工程的方法。

有的应聘者说我不好对付，但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付，主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西，告诉应聘者怎么才能通过我的面试(Surviving an interview with me)以及优秀的前面工程师应该具备什么样的素质(What makes a good front end engineer?)，而我的面试可以说完全是按照那两篇文章的标准进行的。我不会问一些特别偏门的问题，也不认为出几道逻辑题就能考出人的真实水平。我唯一的想法就是确定你能否胜任我们要招的这个职位。为此，我需要简单地考察如下几个方面。

基本知识

我们生活在互联网时代，你想知道的任何事情几乎都能在15分钟内找到相关信息。可是，能找到信息并不等于你会使用它。我认为所有前端工程师至少都应该掌握某些基本的知识，才能有效地完成自己的工作。如果一遇到问题，就停下工作上网四处搜索解决方案，怎么可能保证按期完成工作呢?听听，还有谁在说“我不知道，但我可以上网搜到。”请这些同学把手举起来，让大家认识一下(immediately raises a flag for me.)。下面我列出一些基本的知识点，这些都是我认为一名前端工程师(无论工作年头长短)在没有任何外来帮助的情况应该知道的。

DOM结构――两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

DOM操作――怎样添加、移除、移动、复制、创建和查找节点。

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

XMLHttpRequest――这是什么、怎样完整地执行一次GET请求、怎样检测错误。

严格模式与混杂模式――如何触发这两种模式，区分它们有何意义。

盒模型――外边距、内边距和边框之间的关系，IE 8以下版本的浏览器中的盒模型有什么不同。

块级元素与行内元素――怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

浮动元素――怎么使用它们、它们有什么问题以及怎么解决这些问题。

HTML与XHTML――二者有什么区别，你觉得应该使用哪一个并说出理由。

JSON――它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。

少量提问

我非常赞同面试者问的问题越少越好。反复问应聘者各种问题既不公平，也很无聊。我在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。回答每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插着问一些小问题。比如说：

现在有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描述一下实现这个功能的过程，假设服务器会负责准备好正确的股票价格数据。

这个问题牵扯到一组我想要考察的基本知识点：DOM结构、DOM操作、事件处理、XHR和JSON。如果我要求你对换一种处理股票价格的方式，或者让你在页面中显示其他信息，就可以把更多的知识点包括进来。对于经验比较丰富应聘者，我也可以自如地扩展要考察的知识范围，最简单像JOSN与XML的区别、安全问题、容量问题，等等。

我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把关于库的知识作为评判能力的因素，因为库是会随时间变化的。我需要的是真正理解库背后的机制，特别是能够徒手写出一个自己的库的人。

解决问题

做为一名前端工程师，最值得高兴的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最合适的方法来。我在提问的时候，经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以达到两个目的。

首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不承认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，如果我听到“我不明白这个方案为什么不够好”之类的反问，心里立刻就明白我的问题已经超出了他们的能力范围，而他们只是想拿自己死记硬背的结论来蒙混过关。

其次，可以测试出他们已经掌握的(还是那句话，“想都不用想”)浏览器技术知识。如果他们对浏览器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。

对一名前端工程师来说，这绝对是最重要的能力。前端工程师在工作中遇到本该如此却并未如此的难题(说你啦，IE6)，应该说是一件很平常的事。一个方案无效就无计可施的人，做不了前端工程师。

考核应聘者解决问题能力的另一层原因，与我的个人喜好有关。在搞清楚应聘者知道什么不知道什么之后，我就会想着问一个他们知识领域之外的问题。这样做的目的，就是想看看他们怎样运用已有的知识解决新问题。在解决问题的每一步，我也准备了一些提示，以防有人会卡壳打艮(在我面前15分钟一言不发，对我评价这个人毫无帮助)。我真正感兴趣的，是他们能够从上一步前进到下一步。我希望看到一个人就在我眼前学到新知识。

注意：所有问题都与浏览器技术相关。我不相信出几道抽象的逻辑题，就能够考出某人解决Web技术问题的能力。在我看来，这无异于让素描大师画肖像(或者让刘翔跟博尔特同场竞技)，没有意义，也得不到任何有价值的信息。

有激情

要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学能力。浏览器技术的变化可谓日新月异，所以也只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐怕还是必须这么做的。

你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能;这些人才是我真正想要的。当然，我会让他们详细解释自己提到的技术，以保证他们不是随口说了几个时髦的新词汇。

最后一点

计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。另外，高级前端工程师与一般工程师相比，肯定需要掌握更多的技能。而面试几乎没有经验大学毕业生，同样也会有一套完全不同的程序。我在这篇文章里列出来的都是一些最基本的东西。

对于那些还没有多少面试经验的人，我总是喜欢告诉他们，面试完了只要问自己一个问题就行：你想以后跟这个人在一起共事吗?如果不管为什么，回答是不，那就是不。

[前端开发面试]

篇11：前端开发面试题

前言

本文由我收集总结了一些优质的前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的!

前端还是一个年轻的行业，新的行业标准，框架，库都不断在更新和新增，正如赫门在深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术, 跟上快速变化的节奏, 也是身为一个前端程序员必备的技能之一。

最近也收到许多微博私信的鼓励和更正题目信息，后面会经常更新题目和答案到github博客，但其他旧版本的分支和其他网站出现的拷贝版本上面的错误回答我也管不了嘞。希望更多的前端开发可以达到既能使用也会表达，对理论知识有自己的理解，也可根据下面的知识点一个一个去进阶学习,形成自己的职业技能链。

面试有几点需注意：

1、面试题目：根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。

2、题目类型：理论知识，算法，项目细节、技术视野、开放性题，工作案例。

3、细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。

4、回答问题再棒，面试官(可能是你面试职位的直接领导)，会考虑我要不要这个人做我的同事?所以态度很重要、除了能做事，还要会做人。(感觉更像是相亲( ))

5、资深的前端开发能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能(靠谱)。

前端开发面试知识点大纲：

作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：

HTML

Doctype作用?标准模式与兼容模式各有什么区别?

HTML5 为什么只需要写 ?

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

首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素;span默认display属性值为“inline”，是“行内”元素。

(1)行内元素有：a b span img input select strong(强调的语气)

(2)块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

(3)常见的空元素：

鲜为人知的是：

页面导入样式时，使用link和@import有什么区别?

(1)link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的，只能用于加载CSS;

(2)页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

(3)import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

介绍一下你对浏览器内核的理解?

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

渲染引擎：负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等)，以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。

JS引擎则：解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

常见的浏览器内核有哪些?

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]

Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]

Webkit内核：Safari,Chrome等。 [ Chrome的：Blink(WebKit的分支)]

详细文章：浏览器内核的解析和对比 - 依水间

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

绘画 canvas;

用于媒介回放的 video 和 audio 元素;

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;

sessionStorage 的数据在浏览器关闭后自动删除;

语意化更好的内容元素，比如 article、footer、header、nav、section;

表单控件，calendar、date、time、email、url、search;

新的技术webworker, websockt, Geolocation;

移除的元素：

纯表现的元素：basefont，big，center，font, s，strike，tt，u;

对可用性产生负面影响的元素：frame，frameset，noframes;

* 支持HTML5新标签：

IE8/IE7/IE6支持通过document.createElement方法产生的标签，

可以利用这一特性让这些浏览器支持HTML5新标签，

浏览器支持新标签后，还需要添加标签默认的样式。

当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

* 如何区分： DOCTYPE声明\\新增的结构元素\\功能元素

简述一下你对HTML语义化的理解?

用正确的标签做正确的事情。

html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;

及时在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的;

搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;

使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

HTML5的离线储存怎么使用，工作原理能不能解释一下?

在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。

原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。

如何使用：

1、页面头部像下面一样加入一个manifest的属性;

2、在cache.manifest文件的编写离线存储的资源;

CACHE MANIFEST

#v0.11

CACHE:

js/app.js

css/style.css

NETWORK:

resourse/logo.png

FALLBACK:

/ /offline.html

3、在离线状态时，操作window.applicationCache进行需求实现。

详细的使用请参考：有趣的HTML5：离线存储

浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。

离线的情况下，浏览器就直接使用离线存储的资源。

详细的使用请参考：有趣的HTML5：离线存储

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

localStorage 长期存储数据，浏览器关闭后数据不丢失;

sessionStorage 数据在浏览器关闭后自动删除。

iframe有那些缺点?

*iframe会阻塞主页面的Onload事件;

*iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript

动态给iframe添加src属性值，这样可以可以绕开以上两个问题。

Label的作用是什么?是怎么用的?

label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

Number:

Date:

HTML5的form如何关闭自动完成功能?

给不想要提示的 form 或下某个input 设置为autocomplete=off。

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

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会

sessionStorage和localStorage的存储空间更大;

sessionStorage和localStorage有更多丰富易用的接口;

sessionStorage和localStorage各自独立的存储空间;

如何实现浏览器内多个标签页之间的通信? (阿里)

调用localstorge、cookies等本地存储方式

webSocket如何兼容低浏览器?(阿里)

Adobe Flash Socket 、ActiveX HTMLFile (IE) 、基于 multipart 编码发送 XHR 、基于长轮询的 XHR

CSS

介绍一下CSS的盒子模型?

(1)有两种， IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 pading;

(2)盒模型：内容(content)、填充(padding)、边界(margin)、边框(border).

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?

* 1.id选择器( # myid)

2.类选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul >li)

6.后代选择器(li a)

7.通配符选择器( * )

8.属性选择器(a[rel = “external”])

9.伪类选择器(a: hover, li: nth - child)

* 可继承的样式： font-size font-family color, UL LI DL DD DT;

* 不可继承的样式：border padding margin width height ;

* 优先级就近原则，同权重情况下样式定义最近者为准;

* 载入样式以最后载入的定位为准;

优先级为:

!important >id >class >tag

important 比内联优先级高

CSS3新增伪类举例：

p:first-of-type 选择属于其父元素的首个

元素的每个

元素。

p:last-of-type 选择属于其父元素的最后

元素的每个

元素。

p:only-of-type 选择属于其父元素唯一的

元素的每个

元素。

p:only-child 选择属于其父元素的唯一子元素的每个

元素。

p:nth-child(2) 选择属于其父元素的第二个子元素的每个

元素。

:enabled :disabled 控制表单控件的禁用状态。

:checked 单选框或复选框被选中。

如何居中div?如何居中一个浮动元素?

给div设置一个宽度，然后添加margin:0 auto属性

div{

width:200px;

margin:0 auto;

}

居中一个浮动元素

确定容器的宽高宽500 高 300 的层

设置层的外边距

.div {

Width:500px ; height:300px;//高度可以不设

Margin: -150px 0 0 -250px;

position:relative;相对定位

background-color:pink;//方便看效果

left:50%;

top:50%;

}

列出display的值，说明他们的作用。position的值， relative和absolute定位原点是?

1、block 象块类型元素一样显示。

none 缺省值。象行内元素类型一样显示。

inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。list-item 象块类型元素一样显示，并添加样式列表标记。

2、*absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

*fixed (老IE不支持)

生成绝对定位的元素，相对于浏览器窗口进行定位。

篇12：Web前端开发个人简历

向那些有需求、并看得出你在组织中的价值的人推销你自己吧。先从公司总裁、制造部门主管或销售部门副总等人着手。阅读招聘广告时注意公司的名称。如果所登的职务正适合你，就以广告为线索，研究该公司，认真作准备，再发一封强有力的信件给有权雇用你的人，设法取得面试的机会。

可以肯定，人事部门在你被雇用后对你的帮助，绝对比你还没有被雇用时大得多。

以下是小编J.L分享的Web前端开发个人简历范文，更多个人简历模板下载欢迎访问YJBYS简历网。

篇13：Web前端开发个人简历

yjbys

女 22岁 (WEB前端开发 ...)

学历：大专

工作年限：应届毕业生

期望薪资： 3000-5000元

工作地点：广州 - 不限

求职意向：网页设计/制作

教育经历

至今在校

南宁职业技术学院软件技术

项目/培训经验

2016年9月-2016年12月

投融资项目/培训内容：《投融资服务中心》是面向国内中小企业和个体的投融资服务平台，它是按照国内中小企业和个体的经营模式、组织结构等方面的特色设计，紧密结合中小型企业和个体的服务需求开发的。该项目主要功能模块分为项目展示、会员中心、公共资源三大模块;实现了对企业和用户的信息管理。该系统充分考虑到企业经营者的需要，提供了更加全面的留言和约谈项目方的'功能，将企业和个人的信息、项目等进行审核，企业和个人的信息安全下进行商业洽谈，从而是企业和个人能够迅速的找到心仪的投融资项目，并作出实际的、合理的战略决策。页面采用Html ,CSS, Js

专业技能

Java：一般经验：2年

CSS+DIV：精通经验：2年

JavaScript：一般经验：1年

HTML：精通经验：2年

Dreamweaver：精通经验：2年

SQLServer：熟练经验：1年

Photoshop：精通经验：2年

jquery：一般经验：1年

语言技能

英语：一般

证书奖项证书名称：大学英语B级颁发时间：2015年9月