当前位置：首页 > 职场文档 > 简历> web前端个人简历

web前端个人简历

时间：2023-07-30 07:38:44 简历收藏本文下载本文

web前端个人简历（整理15篇）由网友“小金不吃饭”投稿提供，下面是小编整理过的web前端个人简历，希望能帮助到大家!

web前端个人简历

篇1：web前端个人简历

web前端个人简历模板

求职编写个人简历首先要关注招聘信息，你所写的个人简历要有针对性，所针对的就是求职的信息。而在获得求职信息上，同样需要注意其信息的准确性，以及招聘信息的真正含义。在个人简历上能够体现个人的信息非常多，比如说学历、工作经验、个人特长、学习情况等等。这些信息也是在求职中能否被录用的关键所在，于是就有一些人，想要通过编造虚假信息的方式来提高竞争力。这种行为是不道德的，也是不可取的'。

要知道现在网络技术非常发达，用人单位想要知道信息的真实性非常简单，一旦发现是虚假的个人简历直接就被淘汰。在编写个人简历的时候，也需要注意突出关键部分，针对不同的职位，以及不同的用人单位，所需要使用的关键词也是不同。在个人简历中，不能让对方来找关键词，而是要自己突出关键词，通过关键词的突出，也可以让用人单位更方便的认识到你的优势所在。

以下是yjbys小编和大家分享的web前端个人简历模板，更多内容请关注简历模板栏目。

个人信息

yjbys

目前所在：天河区年龄：26

户口所在：湖北国籍：中国

婚姻状况：未婚民族：汉族

培训认证：未参加身高：160 cm

诚信徽章：未申请体重：47 kg

人才测评：未测评

我的特长：

Web前端开发经历

xx之星有限公司 PHP开发工程师

•主要是HTML标记、div+css+javascript Dom操作等前端WEB技术进行网站的开发与制造•使用mvc思想、oop面向对象思想、ThinkPHP模板框架、基于jQuery的EasyUI框架、Smarty模板引擎等技术来做项目开发

栋力无限项目负责人

•负责开发小组的工作调度、人员职能安排与分配、网站的功能策划与需求分析

•设计制作功能架构图、以及网站数十个页面的设计、前端与后端以及与系统管理员的交接、进度的跟进和时间安排、服务器监控等任务，网站目前运行状况良好

CRM管理系统数据库和网页设计

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

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

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

教育背景

毕业院校：XX大学最高学位：本科

专业一：PHP程序员专业二：

起始年月终止年月学校(机构) 所学专业获得证书证书编号

技能专长

语言能力：英语 CET-4

计算机能力：精通

综合技能： 1.熟练运用Dreamweaver、Photoshop、Illustrator、flash多媒体软件;

2.熟悉HTML语言和CSS样式表，并能够熟练使用Div+css进行网页排版以及设计，擅长将网页原图模型转化成静态网页;

3.掌握并能熟练运用Word、ppt、Excel等office办公软件;

4.掌握Oracle、Server Sql、MySQL数据库软件;

5.参加学校的“计算机协会”，对计算机各方面有一定的了解;

6.掌握struts、spring、hibernate三大框架和MVC设计模式。

自我评价

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

希望发展方向：具备软件开发能力，谋求公司的网页前端开发职位。

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

熟练使用HTML,DIV+CSS,能独立解决不同浏览器间布局问题，掌握jQuery，熟练Photoshop,Flash制作相关素材,熟练使用dreamweaver，有良好的沟通能力和执行力.熟悉asp,sql,js语言,有较强的学习能力(正在自学php),对计算机方面有极大兴趣,曾获校级奖学金,正在往web前端发展.

更多相关文章推荐阅读：

1.Web前端开发简历表格

2.web前端开发应届生简历模板

3.web前端简历模板下载

4.web前端求职简历模板下载

5.web前端简历模板

6.web编程电子简历模板

7.web前端设计师简历模板

8.web前端电子简历模板

9.web前端简历封面

篇2：web前端个人简历

web前端个人简历模板

基本信息

姓名：应届毕业生求职网

性别：男

出生日期：1992-4

婚姻状况：未婚

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

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

应聘岗位：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证书，网页设计师证书

工作经历

20XX.02-20XX.05 ××有限公司 PHP开发工程师

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

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

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

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

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

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

教育背景

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

获得证书

大学英语六级

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

自我评价

工作积极，并且性格开朗，服从安排，吃苦耐劳

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

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

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

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

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

yjbys

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

学历：大专

工作年限：应届毕业生

期望薪资： 3000-5000元

工作地点：广州 - 不限

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

教育经历

至今在校

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

项目/培训经验

9月-月

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

专业技能

Java：一般经验：2年

CSS+DIV：精通经验：2年

JavaScript：一般经验：1年

HTML：精通经验：2年

Dreamweaver：精通经验：2年

SQLServer：熟练经验：1年

Photoshop：精通经验：2年

jquery：一般经验：1年

语言技能

英语：一般

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

证书名称：程序员证颁发时间：2012月

自我描述

为人真诚，谦虚好学，乐观开朗，能很好地处理人际关系，遇到问题不抱怨而是用行动去解决，有较强的责任心和团队合作精神;对自己要求严格，做事情讲究高质量;热衷于网页设计;服从安排，肯吃苦耐劳。希望求得一份web前端开发或网页设计/制作的职位。

更多相关文章推荐阅读：

1.Web前端开发简历表格

2.web前端求职简历模板下载

3.web前端简历模板下载

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

基本信息

姓名：YJBYS

性别：男

出生日期：1992-4

婚姻状况：未婚

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

电子邮箱：

readyState有哪些值?各代表什么?

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法，正在发送请求

2 - (载入完成)send()方法执行完成，已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成，可以在客户端调用了

js闭包概念

js函数里声明的局部变量会在退出函数时被销毁。而闭包则是保留对局部变量的引用，使其久居内存。

HTML5和HTML4相比多出哪些功能?CSS3和CSS2相比多出哪些功能?

HTML5：表单验证、websocket、语义化标签等等

CSS3：动画，计算，新的属性

less是什么?有什么特点?如何判断less的兼容性

less是一种CSS预编译器，在CSS原有基础上引入了变量、函数等元素，使得CSS更容易维护、扩充。

less是靠less.js来解析的，所以，与浏览器没有关系。IE6+和其他主流浏览器都可以使用less

JS的属性可以直接在构造函数中定义，也可以在原型中定义。两者有什么不同?

前者定义是写在内存中，而后者是写在硬盘中

Array(6).join('a')结果是多少?

”aaaaa“。join是指数组每一项用join的参数隔开。

123456['toString']['length'];

1。Number.toString是一个函数，长度为1

{}+'a'<{}+'b';

false。{}+”a“会转化成数字相加，结果为NaN。NaN与NaN比较永远返回false

var arr = [1,2,3,4,5,6];arr.splice(1,3);arr.toString();

156。splice(index, length)。第一个参数表示开始切割的下标，第二个是切割的长度。注意这个切割是从原数组中去除

var arr = [1,2,3,4,5,6];arr.slice(1,3)['toString']();

23。和上例不同，slice(index1, index2)第一个参数表示开始切割的下标，第二个参数是结束切割的下标(不含)。且这个切割返回切除部分。

({a:1,b:2,c:3})[['b']];

2、写一个hack样式实现 IE6、IE7、firefox 下分别使用不同颜色

以下分别用条件注释和属性前缀法实现

[css] view plaincopyprint?

color: #67f; // firefox, IE6, IE7

*color: #667; // IE6,IE7

_color: #666; // IE6 only

/* 只在IE6下生效 */

/* 只在IE7下生效 */

color: #777;

/* 在非IE下生效 */

项目规划题：

假如你是项目负责人，你会如何规划整个项目的CSS文件?

reset.css

public.css

各模块按文件夹分配CSS，或直接以模块划分CSS

如何在项目中避免和其他小组冲突?例如类名的命名?

在类名中加模块前缀，例如登录的提交按钮命名可以为”login-btn-submit"(个人用法，不一样的欢迎提出来交流)

逻辑题：

七点四十五分的时候，时针和分针之间的角度是多少?

37.5°

给你N个苹果和一座天平，其中一个苹果比较重，其他苹果一样重。假设其他因素完全一样，假设天平两侧可以放无限个苹果。现在要找出那个较重的苹果，需要使用几次天平。求最差情况的最优解。(设计一种算法，让平均次数最少)

想说二分的都准备挂吧2333，不信想一下N=8的情况。

我能想到的最好方案是三分，即N/3并向上取整*2，剩下的作为第三堆。即每次天平称的时候两边是ceil(N/3)。例如上面说的，N=8的时候，按二分的思路，第一次称是4,4，第二次称的时候是2,2，第三次是1,1，总共三次。而用三分的思路，第一次是3,3,2，第二次(最坏)是1,1,1，只需要两次。

篇14：web前端面试题

HTML+CSS

1.对WEB标准以及W3C的理解与认识

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性;

2.xhtml和html有什么区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档

加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug

4.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容，border ,margin，padding

5.CSS引入的方式有哪些? link和@import的区别是?

内联内嵌外链导入

区别：同时加载

前者无兼容性，后者CSS2.1以下浏览器不支持

Link 支持使用javascript改变样式，后者不可

6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

标签选择符类选择符 id选择符

继承不如指定 Id>class>标签选择

后者优先级高

7.前端页面有哪三层构成，分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

8.css的基本语句构成是?

选择器{属性1:值1;属性2:值2;……}

9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

10.写出几种IE6 BUG的解决方法

1.双边距BUG float引起的使用display

2.3像素问题使用float引起的使用dislpay:inline -3px

3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active

4.Ie z-index问题给父级添加position:relative

5.Png 透明使用js代码改

6.Min-height 最小高度 !Important 解决’

7.select 在ie6下遮盖使用iframe嵌套

8.为什么没有办法定义1px左右的宽度容器(IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px)

11.标签上title与alt属性的区别是什么?

Alt 当图片不显示是用文字代表。

Title 为该属性提供信息

12.描述css reset的作用和用途。

Reset重置浏览器的css默认属性浏览器的品种不同，样式不同，然后重置，让他们统一

13.解释css sprites，如何使用。

Css 精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

14.浏览器标准模式和怪异模式之间的区别是什么?

盒子模型渲染模式的不同

使用 window.top.document.compatMode 可显示为什么模式

15.你如何对网站的文件和资源进行优化?期待的解决方案包括：

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

16.什么是语义化的HTML?

直观的认识标签对于搜索引擎的抓取有好处

17.清除浮动的几种方式，各自的优缺点

1.使用空标签清除浮动 clear:both

2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)

3.是用afert伪元素清除浮动(用于非IE浏览器)

Javascript

1.javascript的typeof返回哪些数据类型

Object number function boolean underfind

2.例举3种强制类型转换和2种隐式类型转换?

强制(parseInt,parseFloat,number)

隐式(== C ===)

3.split() join() 的区别

前者是切割成数组的形式，后者是将数组转换成字符串

4.数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除

5.事件绑定和普通事件有什么区别

6.IE和DOM事件流的区别

1.执行顺序不一样、

2.参数不一样

3.事件加不加on

4.this指向问题

7.IE和标准下有哪些兼容性的写法

Var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth

Var target = ev.srcElement||ev.target

8.ajax请求的时候get 和post方式的区别

一个在url后面一个放在虚拟载体里面

有大小限制

安全问题

应用不同一个是论坛等只需要请求的，一个是类似修改密码的

9.call和apply的区别

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)

10.ajax请求时，如何解释json数据

使用eval parse 鉴于安全性考虑使用parse更靠谱

11.b继承a的方法

12.写一个获取非行间样式的函数

function getStyle(obj,attr,value)

{

if(!value)

{

if(obj.currentStyle)

{

return obj.currentStyle(attr)

}

else

{

obj.getComputedStyle(attr,false)

}

else

{

obj.style[attr]=value

}

13.事件委托是什么

让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行!

14.闭包是什么，有什么特性，对页面有什么影响

闭包就是能够读取其他函数内部变量的函数。

15.如何阻止事件冒泡和默认事件

16.添加删除替换插入到某个接点的方法

obj.appendChidl()

obj.innersetBefore

obj.replaceChild

obj.removeChild

17.解释jsonp的原理，以及为什么不是真正的ajax

动态创建script标签，回调函数

Ajax是页面无刷新请求数据操作

18.javascript的本地对象，内置对象和宿主对象

本地对象为array obj regexp等可以new实例化

内置对象为gload Math 等不可以实例化的

宿主为浏览器自带的document,window 等

19.document load 和document ready的区别

Document.onload 是在结构和样式加载完才执行js

Document.ready原生种没有这个方法，jquery中有 $().ready(function)

20.”==”和“===”的不同

前者会自动转换类型

后者不会

21.javascript的同源策略

一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

22.编写一个数组去重的方法

function oSort(arr)

{

var result ={};

var newArr=[];

for(var i=0;i

{

if(!result[arr])

{

newArr.push(arr)

result[arr]=1

}

return newArr

}

篇15：web前端总结

这里跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。

WEB标准是什么？

说是WEB标准，不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DIV+CSS。刚刚上面提到了——DIV+CSS，这里要说明下，这样说其实是不正确的。DIV+CSS准确的.说法（个人的理解）应该是：采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0样式表制作页面的方法，DIV应该指的是XHTML标签，而CSS显示是指的CSS样式表了。

采用WEB标准开发的好处？

那么W3C为什么会推荐这样的页面制作方法呢？下面我们就简单的看看采用WEB标准开发（个人理解的）相对以前TABLE布局的优势有哪些？

1、节约运营成本

看看我们的WEB标准制作方法是如何做到的？

采用WEB标准制作，我们可以做到表现很形式的分离，我们用XHTML来表现（数据），用CSS来控制（页面元素呈现的）形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，还其他修饰性的东西，全部由我们的CSS来控制。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K，100W个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。

而我们的CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。维护的成本也下来了，省了不少钱了吧？还有，你开这个页面的速度会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时间去用来等待的。

2、对用户友好更友好，且有机会获得更多的用户。

现在来说说用户友好。首先我想把我们的用户来分下类。

第一类：普通用户（每个访问我们网站的人）；

第二类：搜索引擎；

采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问（显示）页面，且页面的结构清晰，要找的数据可以很方便的浏览到。

而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的，它访问起来很友好，很容易理解你的页面中哪里是标题（H1~H6标签），哪里是段落（p标签），哪里是段落里要强调的内容（strong标签）等，它可以很容易的分析出来。而一个SEO好的站点，大家都知道，被搜索引擎收录的机会更多，这个也意味着您的网站会被更多的普通用户访问到，给你的站点带来更多的用户。

一个能帮我们省下大笔费用，提高工作效率。同时又能够提高页面浏览速度，对用户友好，甚至能够不花钱宣传，就能给你带来更多用户的技术。你说你会不会去使用它？这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可，所以您现在需要学习WEB标准啊。温习完了基础课程，现在正式开始讲XHTML和CSS的技巧了。

合理的布局

有朋友会开始问了，怎么一开始就开始讲合理的布局了呢?前面我们提到了一些知识点——“结构清晰、SEO优化、页面体积小、XHTML代码中基本上都是用户要看的数据”。这些东西，都是我们做了合理布局的结果。而且我个人觉得，我们采用WEB标准制作的一切都是从这个知识点开始的，所以我这里就先来说这个话题。

那么大家又会开始问，怎样的一个页面，才算是合理的布局的呢？这个问题问题问得好，也是我们大家刚开始学用WEB标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。

在开始讲合理布局的页面要达到的要素前，我们还是用个实例来讲解会更直观些。先来看看这个图片：不错，这个是一个文章详细页，没有左右两栏布局，不过这里我重点要讲的是合理的布局，在稍后的文章中我会详细的介绍浮动元素。好，回到刚才的话题，大家看到了这个页面了。