首页 > 实用文档 > 其他范文

web前端项目描述范文

2022-05-06 15:56:01| 收藏本文下载本文作者：风姿绰约的鸡腿

下面是小编整理的web前端项目描述范文(共含15篇），欢迎大家阅读分享借鉴，希望对大家有所帮助。同时，但愿您也能像本文投稿人“风姿绰约的鸡腿”一样，积极向本站投稿分享好文章。

web前端项目描述范文

篇1：web前端面试题

http_request.onreadystatechange = alertContents;

http_request.open('GET', url, true);

http_request.send(null);

}

function alertContents {

if (http_request.readyState == 4) {

if (http_request.status == 200) {

alert(http_request.responseText);

} else {

alert('There was a problem with the request.');

}

字符串拼接改良方案

把要拼接的字符串写入数组arr，然后调用arr.join(“”);

title和alt的区别?

都是提示词。简单的说，title给人看，alt给引擎看

CSS选择器有哪些?

通配选择器(*)，标签选择器(tag)，类选择器(.class)，id选择器(#id)，属性选择器(selector[attr=“val”])，后代选择器(selector1 selector2)，子代选择器(selector1 > selector2)，相邻选择器(selector1 ~ selector2)，伪元素(selector:first-child等)，伪类(selector:hover等)。叫法可能不大一样，所以举出一些例子供参考。

function foo(){ console.log(this); }; foo.call(null);

window。call第一个参数为null，所以调用者为全局，也就是window，而this指向调用者

DOCTYPE作用及意义

为了告诉浏览器以什么标准来解析文档。这是因为部分网页并没有遵循标准，或者遵循的是旧版本的标准。

具体用法，可以参考：www.jb51.net/web/34217.html

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，只需要两次。

篇2：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

}

篇3：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前端简历封面

篇4：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 广州大学计算机网络工程本科

获得证书

大学英语六级

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

自我评价

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

篇5：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标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。

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

篇6：web前端论文参考文献

web前端论文参考文献

参考文献：

[1]张璇.MOOC在线教学模式的启示与再思考[J].江苏广播电视大学学报，（5）：5-10. [2]赵国海，张岩.基于HTML5开发跨平台在线教育系统[J].科技创业家，2013（8）：46. [3]张幸芝，徐东东，贾菲.基于响应式Web设计的`教务系统移动平台研究与建设[J].软件，2013（6）：5-7. [4]刘春华.基于HTML5的移动互联网应用发展趋势[J].移动通信，2013（09）：64-68. [5]赵爱美.基于HTML5和_NET的移动学习的平台研究与实现[J].河南科技学院学报，2013（8）：62-66. [6]潘志宏，罗伟斌，柳青.基于HTML5跨平台移动应用的研究与实践[J].电脑知识与技术，2013（6）：3992-3995.

参考文献：

[1]李俊青，季文天.高职WEB程序设计实训课程探索与实践[J].职业教育研究，（9）. [2]唐灿.下一代Web界面前端技术综述[J].重庆工商大学学报：自然科学版，2009（8）. [3]曹刘阳.编写高质量代码――Web前端开发修炼之道[M].北京：机械工业出版社，. [4]李强，杨岿，吴天吉.基于Asp_net的网站开发前端技术优化研究[J].软件导刊，2013，12（5）.

参考文献：

[1]陈鲱.Web前端开发技术以及优化方向分析[J].新媒体研究，（7）：39-40. [2]曹刘阳.编写高质量代码：Web前端开发修炼之道[M].北京：机械工业出版社，2010. [3]邓小善，龙艳军.高访问量网站性能监测与优化的设计与实现[J].现代计算机：专业版，2009（2）：149-151. [4]俞华锋.基于HTML5的网页设计与实现[J].科技信息，（29）.

参考文献：

[1]马新强，孙兆，袁哲.Web标准与HTML5的核心技术研究[J].重庆文理学院学报：自然科学版，2010，29（6）：61-65. [2]秦美峰.Web前端编程实践性教学的探索[J].福建电脑，2015（1）：117-119. [3]储久良.Web前端开发技术课程教学改革与实践[J].计算机教育，（14）：12-15. [4]唐灿.下一代Web界面前端技术综述[J].重庆工商大学学报：自然科学版，2009，26（4）：350-354. [5]阮晓龙.Web前端开发课程内容改革的探索与尝试[J].中国现代教育装备，2015（4）：94-97.

篇7：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证书，网页设计师证书

篇8：web前端面试题及答案

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

1)创建新节点

createDocumentFragment //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

2)添加、移除、替换、插入

appendChild() //添加

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

3)查找

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id，唯一性

2、实现一个函数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;

}

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

// 方法一：

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

4、想实现一个对页面某个节点的拖曳?如何做?(使用原生JS)。

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

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

function log(){

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

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

args.unshift('(app)');

console.log.apply(console, args);

};

6、Javascript中callee和caller的作用?

caller是返回一个对函数的引用，该函数调用了当前函数;

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

7、请描述一下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仅仅是为了在本地“存储”数据而生。

8、手写数组快速排序

关于快排算法的详细说明，可以参考阮一峰老师的文章快速排序

“快速排序”的思想很简单，整个排序过程只需要三步：

(1)在数据集之中，选择一个元素作为”基准”(pivot)。

(2)所有小于”基准”的元素，都移到”基准”的左边;所有大于”基准”的元素，都移到”基准”的右边。

(3)对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。

9、统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。

var str = “aaaabbbccccddfgh”;

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

}

10、写一个function，清除字符串前后的空格。(兼容所有浏览器)

function trim(str) {

if (str && typeof str === “string”) {

return str.replace(/(^s*)|(s*)$/g,“”); //去除前后空白符

}

篇9：web前端面试题及答案

01、原来公司工作流程是怎么样的，如何与其他人协作的?如何夸部门合作的?

02、你遇到过比较难的技术问题是?你是如何解决的?

03、设计模式知道什么是singleton, factory, strategy, decrator么?

04、常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

05、页面重构怎么操作?

06、列举IE与其他浏览器不一样的特性?

07、99%的网站都需要被重构是那本书上写的?

08、什么叫优雅降级和渐进增强?

09、是否了解公钥加密和私钥加密。

10、WEB应用从服务器主动推送Data到客户端有那些方式?

11、对Node的优点和缺点提出了自己的看法?

12、你有用过哪些前端性能优化的方法?

13、http状态码有那些?分别代表是什么意思?

14、一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么?(流程说的越详细越好)

15、部分地区用户反应网站很卡，请问有哪些可能性的原因，以及解决方法?

16、从打开app到刷新出内容，整个过程中都发生了什么，如果感觉慢，怎么定位问题，怎么解决?

17、除了前端以外还了解什么其它技术么?你最最厉害的技能是什么?

18、你用的得心应手用的熟练地编辑器&开发环境是什么样子?

19、对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

20、你怎么看待Web App 、hybrid App、Native App?

21、你移动端前端开发的理解?(和 Web 前端开发的主要区别是什么?)

22、你对加班的看法?

23、平时如何管理你的项目?

24、说说最近最流行的一些东西吧?常去哪些网站?

25、如何设计突发大规模并发架构?

26、是否了解开源的工具 bower、npm、yeoman、grunt、gulp，一个 npm 的包里的

package.json 具备的必要的字段都有哪些?(名称、版本号，依赖)

每个模块的代码结构都应该比较简单，且每个模块之间的关系也应该非常清晰，随着功能和迭代

次数越来越多，你会如何去保持这个状态的?

27、Git知道branch, diff, merge么?如何设计突发大规模并发架构?

28、当团队人手不足，把功能代码写完已经需要加班的情况下，你会做前端代码的测试吗?

29、知道什么是SEO并且怎么优化么? 知道各种meta data的含义么?

30、移动端(Android IOS)怎么做好用户体验?

31、简单描述一下你做过的移动APP项目研发流程?

32、你在现在的团队处于什么样的角色，起到了什么明显的作用?

33、你认为怎样才是全端工程师(Full Stack developer)?

34、介绍一个你最得意的作品吧?

35、你有自己的技术博客吗，用了哪些技术?

36、对前端安全有什么看法?

37、是否了解Web注入攻击，说下原理，最常见的两种攻击(XSS 和 CSRF)了解到什么程度?

38、项目中遇到国哪些印象深刻的技术难题，具体是什么问题，怎么解决?。

39、最近在学什么东西?

40、你的优点是什么?缺点是什么?

41、如何管理前端团队?

42、最近在学什么?能谈谈你未来3，5年给自己的规划吗?

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

应聘职位：Web前端开发

个人网页：

个人微信公共帐号：

(+86) 1xx-00xx-x000

个人新浪微博：

教育背景

.06-.09

**财经大学|电子商务专业

本科

Web前端开发相关经历

.06-2013.09

**有限公司

PHP开发工程师

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

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

.07-2012.12

动力无限

项目负责人

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

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

•	网址：www.dormforce.net/

.09-2012.08

CRM管理系统

数据库和网页设计

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

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

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

活动组织经历

2011.09-2011.11

安徽财经大学job精英社

宣传部干事

•	策划举办多场宣讲会，与企业沟通交涉，拉到多笔赞助

其他证书

•

大学英语六级

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

专业技能

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

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

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

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

•	编程软件：Delphi、VC++

•	Photoshop证书，网页设计师证书

特长爱好

•	喜欢泡开发论坛（CSDN等） <请优先填写体现职业能力的特长爱好

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

有时候，你看到别人在进行自我介绍时既简洁又内容全面，并且花了很短的时间就得到了别人的认可。你是否曾在心底心生崇拜?如果是，出国留学网的小编告诉你——你也可以做到。下面小编整理了自我介绍的相关内容，欢迎大家前来了解，想知道更多信息，或者有什么疑问，可以登录个人简历网。

我的名字是xx，我主要学习的是工程师，我不是在大学学习的，但是，我的能力还是很强的，因为我很刻苦钻研，对待学习很执着，我的能力在学习的过程中不断呢的得到了提高。

经过北大青鸟1年半的培训，完全掌握了软件开发的基本知识，现在已经可以独立完成软件的开发工作，也可以团队进行软件工程项目开发。相信在以后的工作和学习中一定会很称职的。作为北大青鸟的一员很欣慰和自豪。

平时爱好打篮球，真是这样培养了我自信、乐观、积极向上的性格。因为不太爱说话，所以很多时候是在书店和书本朋友在一起。但是这并不代表我内向。因为我爱好看书。

个人比较喜欢的一句话：海阔任鱼跃，天高任鸟飞。很荣幸能来到xxx公司,请大家多多指教,很高兴于各位同事一起创造明天的辉煌!

>>>下一页更多精彩“web前端开发个人简历”

篇12：web前端开发面试题

(答案在下一篇文章中)

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

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

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

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

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

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

7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?

8. 如何居中一个浮动元素?

9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!

10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)

11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?

12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

【Javascript】

1. js是什么，js和html 的开发如何结合?

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

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

4. 面向对象编程:b怎么继承a

5. 看看下面alert的结果是什么

view sourceprint?1.function b(x, y, a) {

.arguments[2] = 10;

.alert(a);

}

b(1, 2, 3);

如果函数体改成下面，结果又会是什么?

a = 10;

alert(arguments[2] );

6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象

var obj = parseQueryString(url);

alert(obj.key0) // 输出0

7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8. 什么是闭包?下面这个ul，如何点击每一列的时候alert其index?

这是第一条

这是第二条

这是第三条

9. 最近看的一篇Javascript的文章是?

10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

11.说说YSlow(可以详细一点)

[web前端开发面试题]

篇13：web前端面试自我介绍

大学的四年,给我奠定了扎实的专业理论基础，良好的组织能力，团队协作精神，务实的工作作风还有良好的为人处世能力。

理论学习上，我认真学习专业知识理论，在学好专业必修课的同时，我还阅读了大量计算机书籍。同时对于法律、文学等方面的非专业知识我也有浓厚的兴趣。在校期间，在专业考试中屡次获得单科第一。获得院设奖学金一次，院三等奖学金五次。是个成绩优秀的学生，一致受到老师和同学的好评。

在专业知识上，我除了精通Visual Basic、SQL Server、ASP，熟练使用Linux、Windows 9x/Me/NT//XP等操作系统，熟练使用Office、WPS办公自动化软件。还自学HTML 、Frontpage 、Dreamweaver 、Fireworks 、Flash等网页制作相关软件。对于常用软件都能熟练使用。运用自如。

工作上，曾担任院学生会成员、副班长等职，现任计算机系团总支组织部部长。多次组织系部、班级联欢会、春游等活动，受到老师、同学们的一致好评。思想修养上，我品质优秀，思想进步，笃守诚、信、礼、智的做人原则。

在社会实践上，四年的大学生活，我对自己严格要求，注重能力的培养，尤其是实践动手能力更是我的强项。曾多次参加社会实践活动，具有一定的实践经验和动手能力。

篇14：web前端开发年终总结

web前端开发年终总结

20xx年不知不觉已经在我们手中流逝，也许是因为忙碌，也许是因为充实，所有觉得时间过得很快。来到来到我们的这个积极向上的长沙seo搜遇网络已经有2年多了。在工作中，经历了很多欢快困难的时刻，结识了一批工作上的好同事，生活上的好朋友，领悟了很多新技能，感谢领导给了我展示的空间。在20xx年的这段时间里，通过自身的不懈努力，在工作上取得了一定的成果，但也存在了很多不足之处。回首20xx年，现在将web前端开发工作总结一下。

从去年开始，我们项目组就接手了OA系统开发，由于框架的前端样式老旧，我们打算将框架的样式全面改版，包括样式风格，用户体验等多方面着手处理。

一、框架采用样式风格

一个系统好不好，第一映像很重要，就像别人对你的认识是从第一印象开始的，这种第一印象一且形成将很难改变。研究表明，当一个人见到另一个人时第一印象往往是在前3秒确定的，而且是在没有任何语言交流的前3秒，因为别人已从你的形象气质窥见了你的基本特征。在应酬中，如果第一印象不好，想要挽回，就要做很大的努力，所以，一定要特别注意第一印象。所以系统的第一印象也是非常重要的。

我们采用layui样式风格，在layui上加以个性化样式的修改，让网站第一印象看上去大气，清晰，简洁。在中间我们付出了很多努力与坚持，才能让我们现在的OA系统看上去简约而不简单。

二、提升用户体验操作

1、我们采用了简单易懂的'网站架构，让用户看到网站界面就知道如何操作，将每个用户桌面做自定义操作，让每个用户都有自己个性化的桌面。

2、系统采用方便明了的操作方式，系统都是为了迎合用户，如果操作界面太麻烦，用户可能直接放弃，所以需要将系统的设置尽量人性化。

3、系统采用用户引导方式的界面，一个步骤接着下一个步骤，让用户不知不觉中处理好工作上的任务。

三、web前端开发存在不足

虽然网站整体样式风格已经调整过来，由于之前系统框架原因，网站样式调整起来十分吃力，有部分样式只能做风格上的调整，离预期效果稍有偏差。在工作时间很仓促的情况下，事情多了，就一定要有详实而主次分明的计划，哪些需要立即完成，哪些可以缓缓加班完成，今年在计划上自己进步很大，但在这方面还有很大的优化空间。

20xx年web前端开发工作计划

在新的一年来临之际，我希望我们的OA系统做得更好，继续完善系统整体前端样式风格，用户体验。不断加强个人web前端开发的技能，提高工作效率，扬长避短，发奋工作，克难攻坚，做好web前端开发的工作计划，力求把OA系统做到更好。也希望我们OA团队给公司带来更大的价值，祝我们搜遇网络公司成功上市！在新的一年里大展宏图。