程序员工作流程
程序员工作流程
程序员的工作流程是什么,程序员主要负责哪些职责,关于程序员有哪些了解.以下是学习啦小编为大家整理的关于程序员工作流程，给大家作为参考，欢迎阅读!
程序员工作流程
1、 目的：
为了更好的满足客户对网站页面的要求;
2、 范围：
适应于程序员;
3、 流程说明
3.1客户提出网站功能的要求;
3.2网页程序员根据客户的要求，设计动态功能;
3.3项目负责人对设计的页面进行审核，如果符合要求交给客户审核，如不符合要求，则返回给程序员重新修改;
3.4 客户对页面进行审核，如果符合要求，须填写网页功能确认书，如不符合要求，则返回给程序员重新制作;
3.5、程序员完成的静态页面和后台程序进行整合。
4、XHTML编码规范
(1)使用过度的(Transitional)XHTML1.0DTD编写网页。
每个HTML页面的基本结构必须是：
内容
(3)CSS和JavaScript必须使用外部调用的方式。
例如：
(4) 所有的标记都必须要有一个相应的结束标记。
所有标签必须关闭。假如是单独不成对的标签，在标签最后加一个"/"来关闭它。例如：
…
或者
所有标签的元素和属性的名字都必须使用小写。
所有的标签和属性都要用小写。例如：
要写成
onMouseOver=‖…‖
要写成
onmouseover=‖‖
所有的XHTML标记都必须合理嵌套。
也就是说所有的标签必须对齐。例如不能出现
而要是
所有的属性必须用引号""括起来。
必须修改为：
不要在注释内容中使―–‖， 一定要使用可用―=‖代替。
―–‖只能发生在XHTML注释的开头和结束，例如：
要改为
使用语义标签。
每个区块的划分必须有注释。
表现与结构分离，代码中严格控制涉及任何的表现元素。如style、font、bgColor、border等。
标签必须有alt属性。5、CSS编码规范
1)、 总体规范
CSS代码要按照固定格式编写，属性之间不换行。
属性按照―显示属性‖(display ?list-style? position? float? clear)——―自身属性‖(width? ?height? ?margin? padding? border? ?background )——―文本属性‖(color font text-decoration text-align vertical-align white-space other text content)的顺序来编写。 按照XHTML的层级来缩进CSS的定义。加强代码的结构性。如：
#nav{} #nav #sub_nav{}
不同的块之间要用空行或者注释隔开。
编写的样式要在主流浏览器中解析正常。(正常并不要求在每种浏览器都有中都有一摸一样的样式，但要求在每种浏览器里都比较美观且相差不大。)
2)、 CSS样式表各区块用注释说明
注释的写法:
/* Footer */
内容区
/* End Footer */
3)、 CSS选择器的命名规范
id和class命名采用该版块的英文单词或组合命名，要做到见名之意，单词之间采用下划线链接new_Release。注意不能采用―驼峰标识‖的写法。
颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.ff8600 { color: #ff8600; }
字体大小,直接使用"font_字体大小"作为名称,如
.font_12px { font-size: 12px; }
.font_9pt {font-size: 9pt; }
对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
标题栏样式,使用"类别_功能"的方式命名,如
.bar_news { }
.bar_product { }
页面结构
容器 布局 头部 尾部 侧栏
#container #layout #head、#header #foot、#footer #sidebar
左边栏 右边栏 页面主体 栏目 包装/外套
#sidebar_left #sidebar_right #main #column #wrapper、wrap
内容
#content
导航
导航 主导航 顶导航 左导航 右导航
#nav #main_nav #top_nav left_nav right_nav
下导航 二级导航 菜单 二级菜单 下拉
bottom_nav #sub_nav #menu #sub_menu .drop
下拉菜单
. drop_menu
功能
标签 提示信息 小技巧 注释 热点
.tab、.tag .msg、.message .tips .note .hot
标签 工具条 标题 LOGO 搜索
.label .tool、.tool_bar .title .logo .search
搜索条 搜索框 搜索输入框 搜索输出框 搜索结果
.search_bar .search_box .search_input .search_output .search_results
注册 登录 登录条 登录框 友情链接
.register .login .login_bar .login_box .friend_link
广告/标语 版权信息 加入我们 合作伙伴 服务
.banner .copyright .join_us .partner .service
网站地图 缩略图 产品 产品价格 产品描述
.site_map .screen_shot products products_prices products_description
编辑 编辑评论
editor editor_review
其他
左中右 上中下 按钮 面包屑 滚动
left、center、right top、middle、bottom btn bread_crumb scroll
当前： 图标 箭头 首页 二级页面
current icon arrow home_page sub_page
状态 常见问题 关键词
status faq keyword
4)、 CSS文件命名规范
基本的样式表，每个文件都要引用的命名为： default.css。
该文件用于定义整站的风格，如站点的默认字体大小，默认链接样式等。
用于布局的样式表命名为：layout.css。
一般分为首页布局，二级页面布局，详细页面布局等几个块，块与块之间要用注释隔开。 头部，底部，导航等单独的页面模块要单独的定义一个CSS文件。名称和页面名称相同。如：head.css
首页要单独定义一个CSS文件：index.css。
其他页面可更具情况共用一个或按照网站栏目共用几个CSS文件。如：page.css、news.css等等。
特殊功能可以单独定义一个CSS文件，4.6.21 如lightBox.css。
5) 、JavaScript编码规范
JavaScript文件
JavaScript程序应独立保存在后缀名为.js的文件中。JavaScript代码不能被包含在HTML文件中,除非这是段特定只属于此部分的代码。JavaScript引用应尽量放到body的后面。这样可以减少因为载入JavaScript而造成其他页面内容载入也被延迟的问题。
注释
代码必须有注释。以便给以后需要理解你的代码的人们(或许就是你自己)留下信息。注释要和所注释的代码一样是书写良好且清晰明了。避免冗长或者情绪化。及时地更新注释。避免错误的注释存在于程序中。
变量声明
所有的变量必须在使用前进行声明。将var语句放在函数的首部。把每个变量的声明语句单独放到一行,并加上注释说明。
var currentEntry; // 当前选择项
var level; // 缩进程度
var size; // 表格大小
函数声明
所有的函数在使用前进行声明。 内函数的声明跟在var语句的后面。
函数名与((左括号)之间不要有空格。)(右括号)与 开始程序体的{(左大括号)之间应插入一个空格。函数程序体应缩进一个TAB键。}(右大括号)与声明函数的那一行代码头部对齐。 function outer(c, d) {
var e = c * d;
function inner(a, b) {
return (e * a) + b;
}
return inner(0, 1);
}
命名变量名由26个大小写字母(A..Z,a..z),10个数字(0..9),和_(下划线)组成。大多数的变量名和方法命应以小写字母开头。必须与new共同使用的构造函数名应以大写字母开头。全局变量要全部大写。
语句
简单语句
每一行最多只包含一条语句。把;(分号)放到每条简单语句的结尾处。注意一个函数赋值或对象赋值语句也是赋值语句,要以分号结尾。
复合语句
复合语句是被包含在{ }(大括号)的语句序列。被括起的语句必须多缩进一个TAB键。 {(左大括号)应在复合语句其实行的结尾处。 }(右大括号)应与{(左大括号)的那一行的开头对齐大括号要在所有复合语句中使用,即使只有一条语句,当它们是控制结构的一部分时, 比如一个if或者for语句。这样做可以避免以后添加语句时造成的错误。
return 语句
一条有返回值的return语句不要使用( )(括号)来括住返回值。如果返回表达式,则表达式应与return 关键字在同一行。
if 语句
if语句应如以下格式:
if (condition){
statements;
}
if (condition) {
statements;
} else {
statements;
}
if (condition) {
statements;
} else if (condition) {
statements;
} else {
statements;
}
for 语句
for语句应如以下格式:
for (initialization;condition; update) {
statements;
}
for (variable in object)if (filter) {
statements;
}
第一种形式的循环用于已经知道相关参数的数组循环。第二种形式应用于对象中。object原型中的成员将会被包含在迭代器中。通过预先定义hasOwnProperty方法来区分真正的object成员：
for (variablein object) if (object.hasOwnProperty(variable)){
statements;
}
while 语句
while语句应如以下格式:
while (condition){
statements;
}
do 语句
do语句应如以下格式:
do {
statements;
} while (condition);
不像别的复合语句,do语句总是以;(分号)结尾。
switch 语句
switch语句应如以下格式:
switch (expression){
case expression:
statements;
default:
statements;
}
每个 case与switch对齐。每一组statements(除了default应以 break,return,或者throw结尾。不要让它顺次往下执行。
try 语句
try语句应如以下格式:
try {
statements;
} catch (variable){
statements;
}
try {
statements;
} catch (variable){
statements;
} finally {
statements;
}
continue 语句
避免使用continue语句。它容易使得程序的逻辑过程晦涩难懂。
with 语句
不要使用with语句。
空白
用空行来将逻辑相关的代码块分割开可以提高程序的可读性。空格应在以下情况时使用:跟在((左括号)后面的关键字应被一个空格隔开。while (true) {函数参数与((左括号)之间不要有空格。这能帮助区分关键字和函数调用。所有的二元操作符,除了.(点) 和((左括号)和 [(左方括号)应用空格将其与操作数隔开。一元操作符与其操作数之间不应有空格,除非操作符是个单词,比如typeof。每个在控制部分,比如for 语句中的; (分号)后须跟一个空格。每个,(逗号)后应跟一个空格。
6、 根据效果图利用XHTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。
7、 开发JavaScript以及Flash模块，
8、 增加交互动态功能。致力于通过技术改善用户体验。
9、 结合后台程序，
10、 从后台接口获取数据整合到前台界面显示。
程序员的日常工作
确认通过审查方案的目标，输入数据，分析师，监事，和客户的输出要求的项目要求。
安排项目要求在编程序列分析要求;准备工作流程图和使用计算机知识的能力，题材，编程语言和逻辑图。
编码工作流程的信息转换成计算机语言的项目要求。
通过输入编码信息的计算机程序。
确认程序操作进行测试，修改程序序列和/或代码。
准备写操作指令供用户参考。
保持历史记录，通过记录方案的制定和修订。
维护客户的信心和保护保密的业务。
技能/资格：一般的编程技巧，分析信息，解决问题，软件算法设计，软件性能优化，注重细节，软件设计，软件调试，软件开发基础，软件文档，软件测试。程序员其实分为很多种，大家开发的语言可能不尽相同，但是都是有他们的共同点。
程序员工作流程相关文章：
1.程序员的工作流程