0

0

产品规范开发流程

伊谢尔伦

伊谢尔伦

发布时间:2016-12-01 10:36:15

|

1049人浏览过

|

来源于php中文网

原创

开发准备

了解产品和设计

参加需求、交互、视觉会议,了解产品设计和项目成员。

了解产品面向的设备和平台。

了解产品对兼容性的要求以及是否采用响应式设计等。

了解产品要使用的技术(WEB技术、桌面技术、APP技术、模板语言、混合模式等)。

提出疑问和见解

在交互或视觉会议中结合技术要求,提出疑问和见解。

提出可能存在的问题(技术实现问题、性能问题等),协商解决方案(如优雅退化)并达成共识。

提出已有新技术可能在产品中的应用场景,协助产品创新。

技术调研和培训

是否需要技术调研,提出可能存在的风险。

进行技术调研,产出技术demo,展示demo,反馈调研结果。

技术调研的内容可以先咨询经验丰富的前端工程师或前端技术组。

经验不足或新入职员工,可提出培训申请。

你可以把难以解决的技术问题提交给NEC,NEC将帮助你解决问题。

了解NEC,特别是代码规范和技术demo。

预算人力和时间

根据项目时间要求及工作量,预算人力和时间。

预算开发周期和阶段性产出。

提醒需求方在项目管理平台中创建项目并加入项目成员,创建SVN并设置成员权限。

开发过程

职责任务

确定一个页面工程师负责人,他将负责对整个页面开发工作做统筹规划、分配协调等管理工作和主开发职责。

确认交互原型或视觉效果已经定稿,再开始开发工作。

如果采取并行模式(视觉设计和页面开发同时进行),则以交互原型定稿为准(当视觉效果定稿后,页面工程师再补充细节),开始分配。

按页面类型分配,同一类型页面分配给同一个人。

每个人都要了解页面公共元素(多个页面中相同或相似部分),一个公共元素只分配到一个人,每人完成自身页面的同时完成“提取剥离”,你可能需要了解“分类方法规范”。

由于图片无法使用SVN合并和解决冲突,切图需要统筹分配。

在项目管理平台中创建细分的开发任务,填写任务详情和时间,如果任务间存在关系,则设置好关联或从属关系。

页面开发

创建前端目录,包含“页面开发”目录(如:js、css、html、img)及“提取剥离”目录(如:demo)。

使用NEC框架创建前端文件,如:css/*.css、html/*.html、demo/grid.html、demo/module.html、demo/unit.html。

商城购物系统
商城购物系统

商城购物系统是一个以php+MySQL进行开发的可塑性极强的电子商品平台;商城购物系统可自定义商品栏目内容,包含分销功能,分销管理、分销订单提成完整功能,商品加购物车、商品支付、商品发货等一系列流程,包括pc端和手机H5端。

下载

使用NEC代码库和插件,高效开发页面。

和交互、视觉及其他前端工程师或后端工程师保持良好的沟通。

及时反馈问题和建议:对效果疑问的确认、对状态缺失的补充、对优雅退化的建议、对行为结构的说明等等。

如果采取并行模式(页面开发和JS开发同时进行),则以交互原型定稿为准,JS开发工程师可并行开发业务逻辑层,当页面开发完成后再嵌入UI层。

提取剥离

页面开发的同时提取布局(grid)、模块(module)、元件(unit)至对应的HTML文件。

避免重复劳动,对页面元素一目了然,在增加元素时首先来此目录查找是否已经实现或有相似实现而只需扩展。

“提取剥离”目录中的HTML文件和“页面开发”目录中的HTML文件需保持同步维护。

开发产出

自测联调

更新、合并、解决冲突、提交。

对自己的代码进行全面的多设备测试和兼容性测试。

如果自测过程中发现别人写的代码有问题,及时反馈。

提交验收

当有阶段性产出后,页面工程师将页面提交给设计师,进行效果验收。

效果验收将主要检查视觉效果符合度(尺寸、位置、颜色、切图等)。

如有必要,可以同时提交给经验丰富的前端工程师或前端技术组,进行代码验收。

代码验收将主要检查兼容性、HTML规范和CSS规范。

交接说明

当完成验收后,通知并交给后续的开发工程师,进行模板层开发和行为逻辑开发,页面工程师需要交代可能需要他们注意的地方或者对代码的解释说明。

如果你的工作需要与别人交接,也需要交代清楚整体架构部署和代码解释。

总结分享

分享内容可以包含:架构思想、协作心得、使用NEC体会、设备特性介绍、新技术应用、调研展示、遇到的问题和解决方案等。

分享对象不限于:交互、视觉、前端及所有感兴趣的人。

你可以把总结中的技术demo提交给NEC,我们会发布到代码库,以帮助你积累这些技术并分享给别人。

变更维护

如果未经过需求变更和设计变更,原则上不允许直接进行开发变更。

变更前应了解变更原因,变更后应该及时通知后续开发工程师。

如果静态资源的版本号不是自动完成更新,你可能需要手动更新版本号。

变更和维护使用本规范中所有流程,即你可能需要重复之前部分流程。

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

4

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

7

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

42

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

4

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

3

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
【李炎恢】ThinkPHP8.x 后端框架课程
【李炎恢】ThinkPHP8.x 后端框架课程

共50课时 | 4.3万人学习

AI绘画教程
AI绘画教程

共2课时 | 0.2万人学习

Django DRF 源码解析
Django DRF 源码解析

共21课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号