web前端开发职位描述

Web前端开发工程师

岗位职责：

1、公司产品web端页面的制作、开发和优化

2、根据设计稿，编写静态页面和交互、特效等功能的脚本程序 2、开发基于HTML5技术的可灵活定制、可扩展的前端UI组件 3、优化前端架构，提高系统的灵活性和可扩展性 4、开发、维护、扩展前端代码框架

5、跟踪研究前沿的前端技术，并应用到公司的产品开发当中

任职要求：

1、两年以上工作经验，了解各种Web前端技术，对符合web标准的网站重构有经验；

2、熟练掌握DIV+CSS网页布局，并且对模板化、模块化有一定理解,精通HTML/HTML5、CSS/CSS3等前端开发技术；

3、熟练掌握JavaScript语言核心技术DOM、BOM、Ajax、JSON等，对javascript框架（如prototype/jQuery/YUI等）有一定的经验；

4、对css/JavaScript性能优化、解决多浏览器兼容性问题有一定的经验；

5、熟悉浏览器渲染原理，精通各种前端调试工具，对页面性能和浏览器兼容有丰富的实践经验； 6、理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验； 7、对用户体验、交互操作流程、及用户需求有一定了解；

8、具备良好的责任心、逻辑思维

最近开始着手网站的改版，因为是团队协作，所有需要注意很多地方，也为了让我们的代码更加规范特收集了一些Web前端开发规范

规范目的

为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.

基本准则

符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.

文件规范

1.html,css,js,images文件均归档至<系统开发规范>约定的目录中;

2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件同名,以方便后端添加功能时查找对应页面;

3.css文件命名:英文命名,后缀.css.共用base.css,首页

index.css,其他页面依实际模块需求命名.;

4.Js文件命名:英文命名,后缀.js.共用common.js,其他依实际模块需求命名.

html书写规范

1.文档类型声明及编码:统一为html5声明类型

单选题

1、湖区表单select域（对象为ob）的选择部分的文本（B）

A、 obj.options[obj.selectedIndex].Value B、 obj.text

C、 obj.options[obj.selectedIndex].text D、 obj.Value

2、请选择结果为真的表达式：（A） A、null instanceof Object B、null ===undefined C、NaN===NaN

D、null====undefined 3、下列的那一个表达式将返回假（D）

A、 ！（3<=1）

B、 （2<3）‖(3<2) C、”a”==”a”)&&(“c”!=”d”) D、（4>=4）&&(5

4、下列JavaScript的循环语句中（）是正确的？（B）

A、if（i<10;i++）

B、for（i=0；i<10;i++） C、for(i=0;i<10) D、for i=1 to 10 5、下列JS的语句中，哪一个是合法的（） A、document.Write（”john said,”Hi!””） B、document.Write（”john said,”Hi!”） C、document.Write（”john said,”Hi!” ’） D、document.Write（”john said,\\”Hi!””）

6、码中没有明确初始化，变量和参数的默认值是什么？（A、””

B、多个答案是正确的 C、null

D、undefined E、 0

7、改变文本行高的属性是哪个？（B）

A、 text-height B、 line-height C、 min-height D、 height

D）

8、面的例子中，元素在总宽度是多少？（B）

div.elem{

Windth：200px； Padding：10px；

Web前端开发实验指导书

20XX年09月

目录

实验1 HTML基础与布局元素 (3)

实验2 表格与表单的应用 (6)

实验3 框架 (8)

实验4 CSS样式表基础 (12)

实验5 CSS样式布局 (16)

实验6 Dreamweaver制作网页 (19)

实验7 网站设计 (22)

实验8 JavaScript基础 (26)

实验9 JavaScript对象 (29)

实验10 DOM编程 (33)

实验11 JavaScript常用特效 (36)

3实验1 HTML 基础与布局元素

一、实验目的

1．

掌握使用HTML 的基本结构创建网页 2．

掌握使用行级和块级标签组织页面内容 3． 掌握使用图像标签实现图文并茂的页面

二、实验内容

使用HTML 基本元素设计基本网页

三、实验环境

（1） 使用的操作系统及版本。

Windows XP Professional

（2） 使用的编译系统及版本。

Dreamweaver CS6

四、实验步骤及说明

任务1基本块级元素

使用HTML 编辑工具，编写HTML 代码，实现如图所示的页面效果

任务2用于布局的块级元素

4编写HTML 代码，实现如图所示的页面效果

任务3行级元素

编写HTML 代码，实现如图所示的页面效果。

任务4超链接

编写HTML 代码

长春大学

20 15 —2016学年第二学期Web前端开发技术课程

实验报告

学院：计算机科学技术专业：软件工程

班级：软件14402

学号：041440210

姓名：王悦

任课教师：车娜

精选文档

实验五 HTML表单

一、实验目的

1.理解表单的构成，可以快速创建表单。

2.掌握表单相关标记，能够创建具有相应功能的表单控件。

3.掌握表单样式的控制，能够美化表单界面。

二、内容及要求

使用表单控件，并通过CSS控制表单样式制作一个学员档案，其效果如图6-1所示，满足以下要求：

1.学员档案上面的标题和下面的表单两部分构成。

2.标题部分通过标题标记定义。

3.表单部分通过相关的表单控件进行定义

图6-1 “学员档案”CSS样式效果

三、实验原理

表单：是网页上用于输入信息的区域，它的主要功能是收集用户信息，并将这些信息传递给后台服务器，实现网页与用户的沟通。表单由表单控件、提示信息和表单域构成。

创建表单：标记被用于创建一个表单，action、method、name 为表单标记

web实验报告

长 春 大 学

20 15 — 2016学年第

课程

实 验 报 告

学 院： 计算机科学技术

专 业： 软件工程

班 级： 软件15402

学 号：姓 名：

任课教师： 车 娜

web实验报告

实验三 CSS网页布局

一、实验目的

1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面；

2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素；

3.理解块元素与行内元素的区别，能够对它们进行转换。

二、内容及要求

运用盒子模型的相关属性实现网页弹出框效果，满足如下要求：

1.网页弹出框由上面的标题和下面的宣传内容两部分组成；

2.标题通过h2定义；

3.在段落文本中内容部分由h3和p标记进行定义；

4.应用<div>标记、<span>标记、边框属性、背景属性等设计页面结构效果。

三、实验原理

盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

<div>标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。

边框属性：使用b

web实验报告

长 春 大 学

20 15 — 2016学年第

课程

实 验 报 告

学 院： 计算机科学技术

专 业： 软件工程

班 级： 软件15402

学 号：姓 名：

任课教师： 车 娜

web实验报告

实验三 CSS网页布局

一、实验目的

1.掌握CSS盒子模型的概念，能够灵活运用盒子模型布局页面；

2.掌握盒子模型相关属性，能够使用它们熟练地控制网页元素；

3.理解块元素与行内元素的区别，能够对它们进行转换。

二、内容及要求

运用盒子模型的相关属性实现网页弹出框效果，满足如下要求：

1.网页弹出框由上面的标题和下面的宣传内容两部分组成；

2.标题通过h2定义；

3.在段落文本中内容部分由h3和p标记进行定义；

4.应用<div>标记、<span>标记、边框属性、背景属性等设计页面结构效果。

三、实验原理

盒子模型：把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

<div>标记：是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。

边框属性：使用b

初学者如何学习web前端开发，都需要掌握哪些方面的知识？IT程序视界为初学者大概整理了一下web前端开发的学习路线： 一、学习HTML5和CSS3基础

随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。

随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。 利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。

初学Web前端开发，需要掌握哪些技术？

首先需要有html语言基础，以及div+css布局，这些基础的知识都可以在w3c上自学了解的，就算不会自己写html以及div+css的代码，至少要让自己看的懂，这些代码，有了这样的基础之后无论是自己多练多看自己摸索学习，亦或者是系统的参加web前端开发培训学习，都有了一个很好的基础 二、学习Java，了解DOM

Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。

初学Web前端开发，需要接着学习使用一些 Java 库，比如 Jquer

篇一：出纳岗位职责说明书模板

衡美达集团

出纳岗位职责说明书

篇二：出纳的工作描述

出纳的工作描述

职位名称：出纳

职位代号：6-06

直接上级：财务经理

所属部门：财务部

工作地点：湖南省邵阳市

职位概念：根据国家会计法规，执行现金管理制度和票据管理制度，进行公司货

币资金的管理，并对资金安全负责。 〈一〉 招聘标准

1、生理要求

年龄：18-30岁

性别：不限

身高：女 1.60米以上，男 1.65米以上

视力：矫正视力正常

听力：正常

外貌：五官端正

声音：普通话发音标准

健康状况：良好，无传染病

2、心理要求

沉静、细致，有耐心，认真负责，正直无私。

3、一般要求

工作经验：1年以上相关工作经验，持有会计专业资格从业证书

学历要求：中专以上

计算机技能：熟练使有一种以上财务软件和办公软件

职业道德：严格保守公司秘密

4、能力要求

1、有一定的电能会计水平

2、较强的分析总结能力

〈二〉 工作责任

1、工作内容：

⑴ 根据审核签章的原始凭证办理现金的收付结算业务，及时登记现金 日记帐，做到日清月洁，帐实相符；

⑵ 严格遵守各项结算纪律，办理银行转帐业务，正确使用有关印章。 严禁签发空头支票，及时登记银行日记帐，定期与银行核对帐面金 额，银行对帐单当日交主办会计，审核审对，月末编制银行存款余

额调节表，年末

电表

职位梳理优化和职位描述

QAI Global

http://www.77cn.com.cn

咨询是盛开的生命–

传承理念、思想、希望和行动

电表

内容要点

一、概述

二、职位梳理设置

三、职位管理与职业通道设计四、职位描述

电表

职位体系管理：问题的提出

问题的提出：

为什么部门要设置某个职位？该职位的职责要求是什么？为什么员工不知道自己该干什么？

为什么员工在项目中常常不符合要求，从而导致了项目的困境？为什么主管难以客观地评价员工的能力、绩效水平如何？

为什么主管认为自己在员工管理的情感投入没有获得相应的效果，而产生“人心散了，队伍不好带了”的感叹？

电表

职位相关的基本概念-1

职位族(Job family)

依据企业的商业目标和价值链划分职位族（职位类别），以体现对公司的价值/贡献领域

指组织中那些所需的知识技能相似，在相同或相关领域内解决问题，工作性质相似且相关的集合

是对职位的第一层分类，职位族可分为：管理族、技术族、专业族、操作族等

职位类

依据不同职位族所执行的核心业务流程，划分职位类，以体现专业化分工和协作方向

是职位的第二层分类，技术族可分为研发类、工艺工程类、IT类等

职位子类

职位的第三层分类，如研发类又可分为软件、算法、电子、电气、机械等子类

电表

职位