当前位置：首页 > 简历大全>web前端简历

web前端简历

2023-02-03 08:09:23 收藏本文下载本文

“庚三五四”通过精心收集，向本站投稿了12篇web前端简历，下面小编为大家带来整理后的web前端简历，希望能帮助大家!

web前端简历

篇1：web前端应聘简历

web前端应聘简历模板

基本信息

姓名：XX 性别：男

目前所在：肇庆年龄：XX

联系方式：135xxxx-xxxx

邮箱：789@126.com

应聘岗位：Web前端开发

教育背景

XXX大学软件工程本科

GPA：3.5/4.0，学习优秀奖学金二等奖

优秀课程：C/C++ 、汇编语言、离散数学、结构化计算机组成、JAVA语言、编译原理、计算机网络

专业技能

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

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

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

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

编程软件：Delphi、VC++

Photoshop证书，网页设计师证书

篇2：web前端简历怎么写

基本资料

姓名：

性别：女

年龄：22

婚姻状况：未婚

身高：161CM

体重：51KG

籍贯：浙江

现所在地：浙江

求职意向

意向岗位：网页设计与制作;网络工程师

求职类型：全职

期望月薪：面议

到岗时间：随时到岗

期望工作地点：浙江

从事行业：计算机业、互联网、电子商务

自我评价

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

教育经历

9月~至今温州大学计算机网络工程本科

课程描述：主修专业为计算机安全、无线、路由与交换计算机基础、编程等计算机相关专业学科，掌握基本程序语言，如C,html，div+css

工作经验

7月 ~208月 ××××网络公司

公司性质：私营企业

行业类别：计算机业、互联网、电子商务

担任职位：网络工程师

工作描述：网络实习工程师，配合无线项目进行，CAD制图、VISIO等实用工具使用

7月 ~208月 ××××公司

公司性质：民营企业

行业类别：家具、家电、工艺品、玩具

担任职位：数据库开发与管理

工作描述：设计公司后台管理系统

获得证书

-06： CCNA：思科认证网络工程师

2014-05：中级网络工程师

-11：浙江省计算机三级

2013-11： CET6级

在校经历

大学期间一直在业余时间做家教，或者做服务生。因为我不喜欢用家里的钱，所以我不存在娇气问题

荣誉每年都会获得国家励志奖学金

联系方式

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

电子邮箱：

篇3：web前端简历怎么写

韩正

两年以上工作经验|男|26岁(1990年8月21日)

居住地：北京

电话：152******(手机)

E-mail：xuexila

.com

最近工作[1年4个月]

公司：XX有限公司

行业：互联网/电子商务

职位：Web前端开发

最高学历

学历：本科

专业：电子信息工程

学校：清华大学

自我评价

本人思想端正、积极向上、适应力强，有管理、组织能力。工作中能吃苦肯钻研，能承受较强工作压力，注重长期稳定的发展机会、谈判及沟通协调能力强。强烈的工作责任心及优秀的问题分析与处理能力，强烈的团队协作意识、结果导向及成本控制意识强，并且从事的每项工作都能很好的完成。

求职意向

到岗时间：一个月之内

工作性质：全职

希望行业：互联网/电子商务

目标地点：北京

期望月薪：面议/月

目标职能：Web前端开发

工作经验

2014/6 — /10：XX有限公司[1年4个月]

所属行业：互联网/电子商务

开发部 Web前端开发

1. 与设计师和后台程序配合，高效率高质量地完成页面的实现工作。

2. 任前端开发小组长，带领团队成员高效的完成工作。

3. 负责公司国际机票后端php的开发及网站维护，与接口组配合完成接口调用。

2013/8 — 2014/4：XX有限公司[8个月]

所属行业：互联网/电子商务

开发部 Web前端开发

1. 公司市场宣传品及公司形象规划设计。

2. 公司网站前台及后台的日常更新及维护，对下级工作进行监督、考核。

3. 完成领导交办的其他工作，保持与各部门良好的沟通关系。

教育经历

/9— 2013/6 清华大学电子信息工程本科

证书

/12 大学英语四级

语言能力

英语(良好)听说(良好)，读写(良好)

篇4：web前端开发简历

姓名：***** 出生年月：1992-1

性别：男身高：171CM

婚姻状况：未婚籍贯：福建莆田市

政治面貌：共青团员目前所在地：义乌稠州北路601号

• 求职意向

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

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

工资待遇：暑期工 1000-1500 住房要求：面议

• 工作经验

工作经验：1年

工作经历：

在校学生目前还没工作经历。

• 教育背景

最高学历：中专毕业院校：义乌市城职校

所学专业：PHP程序员毕业时间：0-0

第一外语：水平：普通

计算机能力：精通其它能力：web前端开发

所获证书：

篇5：web前端工程师简历

基本信息

姓名：简历本学历水平：本科

年龄：25 毕业学校：中国矿业大学

性别：男所学专业：地理信息科学专业

电话：工作经验：1年以内

邮箱：求职意向：WEB前端开发工程师

教育背景

xx年9月 — xx年6月本科 — 中国矿业大学 — 地理信息科学

项目经历

xx年8月 — xx年12月

中国矿业大学在线图片网前端开发

工作内容：

1、主要是图片上传的表单的前端实现。

2、使用了CSS布局和浮动技术，使用jQuery插件实现本地图片的上传及缩略图功能。

xx年11月 — xx年12月

中国矿业大学就业信息网前端开发

项目介绍：

就业信息网对应届毕业生、辅导员老师和学工处使用，应届毕业生登记就业信息，以便于企业单位查看应届毕业生信息和简历的下载。

工作内容：

1、主页统计饼图的'实现，使用Highcharts插件，通过AJAX从后端获取数据，并在饼图中显示。

2、管理员界面开发，主要实现了密码修改、学生信息登记、学生信息修改及学生信息审核等功能。使用CSS+DIV布局，使用JavaScript实现动态效果，使用AJAX获取数据。

兴趣爱好

爱运动，爱健身，喜欢学习新技术，喜欢挑战。

获奖经历

奖项一：获得中国矿业大学优秀新生奖学金二等奖。

奖项二：xx年获中国矿业大学三等奖学金。

个人技能

1、通过英语CET—4（518）、英语CET—6（449），有较好的英语听说读写能力。

2、掌握HTML/XHTML、CSS等网页制作技术，熟悉页面架构和布局。

3、熟练使用原生JavaScript进行开发和交互，以及jQuery、Bootstrap等主流框架。

4、对互联网产品和Web技术有强烈兴趣，有优秀的学习能力和强烈的进取心。

个人评价

<描述自己的性格特征、特殊经历、核心能力等><可与“个人技能”作为同一项>

<例>1、两年学生会副主席任职经历，负责了多个社团活动的举办，锻炼了自己较强的沟通能力；

<例>2、性格开朗，积极向上，乐于沟通，有很强的团队合作精神，喜欢迎接新的挑战；

<例>3、有多个项目经验，熟悉 MVC模式，熟悉并能恰当运用单例、适配器等主流的设计模式；

篇6：web前端电子简历

web前端电子简历模板

一般来说，除非是公司要求填写的申请表有明确要求，否则不建议在简历中写兴趣爱好。一是我们很难保证写在简历上的兴趣爱好能够投HR所好;二是兴趣爱好主观的成分居多，并不能说明什么问题;三是占据简历篇幅。

虽然有一些求职指导书籍给出的观点认为HR会通过兴趣爱好来判断求职者是否具备团队协作精神、独立工作能力及沟通能力等品质，实际上，这样的观点并不准确。因为对于工作繁忙的HR来说，在简历筛选时，停留在每份简历上的时间最多不超过2分钟，根本不会以兴趣爱好这种主观的认识来判断求职者是否合格。

下面是yjbys小编和大家分享的web前端电子简历模板，更多内容请访问(文件。个人建议，我们可以提前一两天专门训练一下自己这方面的技能.

9.【沉着应对提问】

我们在回答hr或者技术负责人的问题时，应该沉着应对，不慌不忙，把自己最好的一面展示给对方。

Web前端面试技巧

一、基本知识

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

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

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

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

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

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

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

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

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

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

二、少量提问

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

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

我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库了解多少多少，但我不能把关于库的知识作为评判能力的因素，因为库是会随时间变化的。

三、解决问题

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

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

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

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

四、有激情

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

你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几乎不可能出错……除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、HTML、WebGL、客户端数据库，等等。只有对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能;

五、最后一点

计算机科学或者Web设计方面的知识当然也有用，但那都是基本知识之外的东西。只要基本知识在那儿了，一切就都有了基础，想扩充知识面也不难。可是，如果等到正式上班以后，还得从头学习基本技能，那种难度是不可同日而语的。

>>>下一页更多精彩“web前端面试题目及答案”

篇10：web前端简历自我评价

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)

隐式(== – ===)

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.如何阻止事件冒泡和默认事件

canceBubble return false

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

}

篇11：web前端简历自我评价

详细资料

姓名：XXX 出生年月：XXXX年X月

名族：X族政治面貌：XXXX

Q Q：xxx 联系电话：xxx

博客：xxxx

教育背景

时间：20XX/0X----20XX/0X 学校：XXXX大学

专业：XXXX 学历：本科

主修课程：XXXXXXXXXXXXXXXXXXXXXXXX

获得奖励：XX一等奖、XX国家奖学金

在校经历：

(1)XXX

(2)XXXXXXX

(3)XXXXXXXX

技能特长

1.精通DIV+CSS布局的HTML代码编写，熟练手写符合W3C标准的代码，能够根据交互原型和UI设计图完整制作出网页;

2.熟悉JavaScript、CSS3和HTML5，且能熟练运用jQuery框架实现网页常用特效，掌握面向对象编程思想;

3.熟练应用dom、xml、json等相关技术;

4.熟悉Bootstrap前端框架，了解Nodejs和AngularJS以及less，sass、Git、github等技术和团队协作开发工具;

5.具备抗压能力、且有一定自学能力，能够熟练阅读使用中文API，英文API可以大概看懂并运用;

6.担任项目组长并组织团队开发过电商、企业和移动端网站前端项目;

工作经历

(20XX.6-20XX.8) XXXXXXXX有限公司实习生

1、设置地区网络架构(办公楼、园区)

2、配置网络路由器协议(RIP、OSPF)

3、进行真机操作配置

(20XX.7-20XX.11) XXXXXX公司实习生

1、参与多个不同项目的前端开发工作：包括企业站、电商网站、个人博客、移动端网站等;

2、参与讨论项目分工和编写工作计划;

3、根据项目需求开发项目前端页面，还原效果图，将psd文件写出html页面，并适应各主流浏览器;

4、使用js、jq、h5和c3实现页面特效，并解决特效兼容性问题;

5、使用浏览器Firebug工具进行页面调试解决BUG;

6、编写项目开发总结，把错误和解决方案，兼容性问题如何解决写成文档。

篇12：web前端简历自我评价

怎样添加、移除、移动、复制、创建和查找节点?

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 (Object.prototype.toString.call(obj).slice(8, -1) === “Array”) {

o = [];

for (var i = 0; i < obj.length; i++) {

o.push(clone(obj[i]));

}

} else {

o = {};

for (var k in obj) {

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

}

break;

default:

o = obj;

break;

}

return o;

}

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

10// 方法一：

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

arr2 = [];

for(var i = 0,len = arr1.length; i< len; i++){

if(arr2.indexOf(arr1[i]) < 0){

arr2.push(arr1[i]);

}

document.write(arr2); // 1,2,3,4,5,6

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

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

8function log(){

var args = Array.prototype.slice.call(arguments);

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

args.unshift('(app)');

console.log.apply(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仅仅是为了在本地“存储”数据而生。

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

16var str = “web前端面试题目及答案web前端面试题目及答案bbbccccddfgh”;

var obj = {};

for(var i=0;i

var v = str.charAt(i);

if(obj[v] && obj[v].value == v){

obj[v].count = ++ obj[v].count;

}else{

obj[v] = {};

obj[v].count = 1;

obj[v].value = v;

}

for(key in obj){

document.write(obj[key].value +'='+obj[key].count+' '); // a=4 b=3 c=4 d=2 f=1 g=1 h=1

}

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

HTTP

一次完整的HTTP事务是怎样的一个过程?

基本流程： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户

HTTP的状态码有哪些?

HTTPS是如何实现加密?

算法相关

手写数组快速排序

关于快排算法的详细说明，可以参考阮一峰老师的文章快速排序 “快速排序”的思想很简单，整个排序过程只需要三步： (1)在数据集之中，选择一个元素作为”基准”(pivot)。 (2)所有小于”基准”的元素，都移到”基准”的左边;所有大于”基准”的元素，都移到”基准”的右边。 (3)对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。参考代码：

JavaScript

16var quickSort = function(arr) {

if (arr.length <= 1) { return arr; }

var pivotIndex = Math.floor(arr.length / 2);

var pivot = arr.splice(pivotIndex, 1)[0];

var left = [];

var right = [];

for (var i = 0; i < arr.length; i++){

if (arr[i] < pivot) {

left.push(arr[i]);

} else {

right.push(arr[i]);

}

return quickSort(left).concat([pivot], quickSort(right));

};

JavaScript实现二分法查找

二分法查找，也称折半查找，是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤： (1)首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素(即要查找的元素)，则搜索过程结束，否则进行下一步。 (2)如果目标元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半区域查找，然后重复第一步的操作。 (3)如果某一步数组为空，则表示找不到目标元素。参考代码:

// 非递归算法

function binary_search(arr, key) {

var low = 0,

high = arr.length - 1;

while(low <= high){

var mid = parseInt((high + low) / 2);

if(key == arr[mid]){

return mid;

}else if(key >arr[mid]){

low = mid + 1;

}else if(key < arr[mid]){

high = mid -1;