web项目怎么写(优选9篇)

个人学习 23 0

web项目怎么写 第1篇

= alertContents;

('GET', url, true);

(null);

function alertContents {

if ( == 4) {

if ( == 200) {

alert();

} else {

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

字符串拼接改良方案

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

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(){ (this); }; (null);

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

DOCTYPE作用及意义

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

具体用法,可以参考:

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是靠来解析的,所以,与浏览器没有关系。IE6+和其他主流浏览器都可以使用less

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

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

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

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

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

1。是一个函数,长度为1

{}+'a'

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

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

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

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

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

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

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

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

[css] view plaincopyprint?

[css] view plaincopyprint?

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

*color: #667; // IE6,IE7

_color: #666; // IE6 only

/* 只在IE6下生效 */

/* 只在IE7下生效 */

color: #777;

/* 在非IE下生效 */

项目规划题:

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

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

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

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

逻辑题:

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

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

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

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

web项目怎么写 第2篇

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

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

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

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

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

web项目怎么写 第3篇

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

o = [];

for (var i = 0; i < ; i++) {

(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 = ; i< len; i++){

if((arr1[i]) < 0){

(arr1[i]);

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

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

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

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

function log(){

var args = (arguments);

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

('(app)');

(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 = (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){

(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 (/(^s*)|(s*)$/g,“”); //去除前后空白符

web项目怎么写 第4篇

2009/1 -- 2009/5 :企业宣传系统

软件环境: wdows xp

硬件环境: PC机

开发工具: MyEclipse + Tomcat + Oracle9i +

项目描述: 本项目结构上分为表现层、业务层和数据访问层,层次间的依赖关系自下到上。采用 的技术有Struts,Spring,Hibernate,Log4J,JDom等。其中表现层采用Struts框 架开发;业务层封装业务流程,为适应业务的变更,每一业务模块均有专门的接口及 实现类,利用Spring的IOC功能将实现类注入给表现层的Action;数据访问层借助于 Hibernate实现,代码简洁且可适应不同的数据库。事务部分利用Spring的声明式事 务管理。为提高性能,采用了Servlet Filter. 1.档案管理:可以对员工的基本信息进行录入,如:员工基本信息,员工子女情况,员工教育经历,工作经历,职称信息,资格证书等。 2.录入完成后需要发送审核,发送时需填写发送审核人,审核人,被审核人,审核内容,以及发送时间等,经由上级批准后方可正式生效,如果未批准通过,审核人则需要写明理由,当发送人看到后可进行修改,修改后可进行再次发送。 3.审核通过以后,可查看员工的详细信息,也可以对员工的所有信息进行修改除员工编号以外,对除员工基本信息以外的所有信息进行删除,也可以添加。 4.人员调动:由公司主管发送申请给人事部,人事部人员看到申请后对可调动人员进行审核,然后填写人员调动信息,如:调动员工姓名,员工编号,原部门,调动后部门,原职务,调动后职务,调动类型,调动原因,调动时间,填写完毕后进行发送申请,由公司主管或总经理进行审批,审批通过方可生效,如未审批通过需写明原因。

责任描述: 档案管理和人员调动的开发,项目开发后对自己不仅在技术有一个相当大的提高,而且在工作的认真程度,对开发中遇到的问题能及时的解决以及对其他人在开发中技术问题给予帮助,真正认识到团队合作的重要性。

web项目怎么写 第5篇

HTML+CSS

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

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

和html有什么区别

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

最主要的不同:

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

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

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

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

加入XMl声明可触发,解析方式更改为 拥有的bug

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

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

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

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

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

内联 内嵌 外链 导入

区别 :同时加载

前者无兼容性,后者以下浏览器不支持

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

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

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

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

后者优先级高

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

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

的基本语句构成是?

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

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

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

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

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

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

web项目怎么写 第6篇

基本资料

姓 名:

性 别:女

年 龄:22

婚姻状况:未婚

身 高:161CM

体 重:51KG

籍 贯:浙江

现所在地:浙江

求职意向

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

求职类型: 全职

期望月薪: 面议

到岗时间: 随时到岗

期望工作地点:浙江

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

自我评价

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

教育经历

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

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

工作经验

2014年7月 ~2014年8月 ××××网络公司

公司性质: 私营企业

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

担任职位: 网络工程师

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

2013年7月 ~2013年8月 ××××公司

公司性质: 民营企业

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

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

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

获得证书

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

2014-05: 中级网络工程师

2013-11: 浙江省计算机三级

2013-11: CET6级

在校经历

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

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

联系方式

web项目怎么写 第7篇

国产中间件参考实现及平台

软件环境: j2ee

硬件环境: x86

开发工具: Java

项目描述: 核高基重大专项课题 该课题旨在建立国产中间件标准体系,进而在该标准体系指导下构建国产中间件参考实现与平台,从技术、产品与产业运作机制等方面探索适合国产中间件发展的一体化方案。 责任描述: 编写相关文档和设计报告。将Onceportal 中符合JSR 286规范的Portlet容器OSGi化。

轻量级数据持久框架

软件环境: j2ee

硬件环境: x86

开发工具: Java

项目描述: 国家863项目子课题 该课题旨在提供一种能够提高小型信息系统持久层的开发效率,降低其在异构数据库之间的迁移成本的数据持久化框架。 责任描述: 调研现有持久化技术,编写可行性报告。借鉴已有产品和标准的经验,提取数据持久化通用接口,完成持久化框架总体设计。在Java环境下对框架进行开发,并提供了框架接口在关系数据库、XML数据库和目录数据库下的实现。

web项目怎么写 第8篇

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

WEB标准是什么?

说是WEB标准,不过我这里主要是对和的一些经验总结。因为WEB含盖的内容实在是太多了,“WEB标准”是一系列标准的总称,包括、、、、、、等等。所以这里要跟大家指出来一下,WEB标准不是我们所说的DIV+CSS。刚刚上面提到了——DIV+CSS,这里要说明下,这样说其实是不正确的。DIV+CSS准确的.说法(个人的理解)应该是:采用W3C推荐的WEB标准中的结合样式表制作页面的方法,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标准的问得最多的问题之一,我也曾经常被这个问题所困扰,这里就说说我对合理布局的一些理解。

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

web项目怎么写 第9篇

可视化快递追踪分析平台- VisualExpress

软件环境: j2ee

硬件环境: x86

开发工具: Java

项目描述: 该项目旨在开发一个可以向用户提供基于Google Map的可视化快递单件查询,提供RSS、手机短信、Email等多种单件状态信息订阅,能够利用既往数据进行单件到达时间预测,并对快递公司的整体运营情况进行简单分析的综合快递交互平台。 责任描述: 任务分配、项目模块划分、项目进度监督以及相关人员的协调(项目组共6人)。需求分析、模块功能的取舍裁定以及模块之间的接口定义。利用Struts和JSP编写系统表示层的相关代码。相关文档和项目报告的编写。

抱歉,评论功能暂时关闭!