NEC 工程师规范
工程师规范 - 开发准备
了解产品和设计
- 参加需求、交互、视觉会议,了解产品设计和项目成员。
- 了解产品面向的设备和平台。
- 了解产品对兼容性的要求以及是否采用响应式设计等。
- 了解产品要使用的技术(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。
- 使用NEC代码库和插件,高效开发页面。
- 和交互、视觉及其他前端工程师或后端工程师保持良好的沟通。
- 及时反馈问题和建议:对效果疑问的确认、对状态缺失的补充、对优雅退化的建议、对行为结构的说明等等。
- 如果采取并行模式(页面开发和JS开发同时进行),则以交互原型定稿为准,JS开发工程师可并行开发业务逻辑层,当页面开发完成后再嵌入UI层。
提取剥离
- 页面开发的同时提取布局(grid)、模块(module)、元件(unit)至对应的HTML文件。
- 避免重复劳动,对页面元素一目了然,在增加元素时首先来此目录查找是否已经实现或有相似实现而只需扩展。
- “提取剥离”目录中的HTML文件和“页面开发”目录中的HTML文件需保持同步维护。
工程师规范 - 开发产出
自测联调
- 更新、合并、解决冲突、提交。
- 对自己的代码进行全面的多设备测试和兼容性测试。
- 如果自测过程中发现别人写的代码有问题,及时反馈。
提交验收
- 当有阶段性产出后,页面工程师将页面提交给设计师,进行效果验收。
- 效果验收将主要检查视觉效果符合度(尺寸、位置、颜色、切图等)。
- 如有必要,可以同时提交给经验丰富的前端工程师或前端技术组,进行代码验收。
- 代码验收将主要检查兼容性、HTML规范和CSS规范。
交接说明
- 当完成验收后,通知并交给后续的开发工程师,进行模板层开发和行为逻辑开发,页面工程师需要交代可能需要他们注意的地方或者对代码的解释说明。
- 如果你的工作需要与别人交接,也需要交代清楚整体架构部署和代码解释。
总结分享
- 分享内容可以包含:架构思想、协作心得、使用NEC体会、设备特性介绍、新技术应用、调研展示、遇到的问题和解决方案等。
- 分享对象不限于:交互、视觉、前端及所有感兴趣的人。
- 你可以把总结中的技术demo提交给NEC,我们会发布到代码库,以帮助你积累这些技术并分享给别人。
变更维护
- 如果未经过需求变更和设计变更,原则上不允许直接进行开发变更。
- 变更前应了解变更原因,变更后应该及时通知后续开发工程师。
- 如果静态资源的版本号不是自动完成更新,你可能需要手动更新版本号。
- 变更和维护使用本规范中所有流程,即你可能需要重复之前部分流程。
NEC 工程师规范的更多相关文章
- NEC html规范
HTML规范 - 整体结构 HTML基础设施 文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”. 必须申明文档的编码cha ...
- NEC css规范
CSS规范 - 分类方法 SS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”. ...
- NEC 框架规范 template media
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>NEC ...
- NEC 框架规范 animation
/* animation *//* 淡入 */.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animat ...
- NEC 框架规范 css function
/* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overf ...
- NEC 框架规范 css reset
/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,captio ...
- 前端开发工程师 - 04.页面架构 - CSS Reset & 布局解决方案 & 响应式 & 页面优化 &规范与模块化
04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 课堂交流区 水平列表的底部对齐 如图所示,一个水平排列的列表,每项高度都未知,但要求底部对齐,有哪些方法可以解决呢? & ...
- CSS的编写规范
一.前言 如上图,页面在渲染和画图时,耗时还是比较多的,这就对我们的编写要求愈加严格. 我们有很多方法来减少上图所示的页面加载耗时的,比如 但是更多的还是在于平时的编写规范,我们需要了解浏览器,让他更 ...
- stc89c52开发板遥控器解码 红外线发射 内置 eeprom 存储 串口显示编码
单片机,大概三年前,就买了一本 <爱上单片机> 最后就学会,用面包板了,编程书上基本没讲. 看原理图,看时序图,看数据手册, 都没讲. 而且书上自带的代码写的很烂. 1,缩近控制不好 2, ...
随机推荐
- python的元组及其书写规矩
1.元组 (1)元组看起来犹如列表,但使用圆括号而不是方括号来标识.定义元组后,就可以使用索引来访问其元素,就像访问列表元素一样. (2)元组的元素不可修改,但是可以赋值. 2.规矩 (1)缩进:建议 ...
- Please, configure Web Facet first!idea报这错的解决办法!!
Please, configure Web Facet first!idea报这错的解决办法!! 今天在idea导入用eclipse的项目,然后运行项目的时候报这个错, 看下图 网上找了好多都没解决, ...
- centos7 版本防火墻操作和配置
1.关闭firewall:systemctl stop firewalld.service #停止firewallsystemctl disable firewalld.service #禁止fire ...
- scss-注释
在scss中有两种注释方式 原生css的注释多行注释: /* * 注释的内容 */ 单行注释:// 注释内容一致延续到行末. 在尽可能的情况下,多行注释会被保留在输出的CSS中,而单行注释会被删除.
- html页面的加载顺序
页面加载顺序: 解析HTML结构加载外部脚本和样式表文件解析并执行脚本代码构造HTML DOM模型加载图片等外部文件页面加载完毕 window.onload = function () { } / ...
- arcengine自己做一个工具Tool放到工具箱中
// Copyright 2010 ESRI // // All rights reserved under the copyright laws of the United States // an ...
- 18_CGLib动态代理
[概述] 已知JDK动态代理中的Proxy.newProxyInstance(ClassLoader loader,Class[] interfaces,InvocationHandler h)方法的 ...
- Qt之QSS(Q_PROPERTY-自定义属性)
版权声明:进步始于交流,收获源于分享!纯正开源之美,有趣.好玩.靠谱...作者:一去丶二三里 博客地址:http://blog.csdn.net/liang19890820 目录(?)[+] ...
- setExecuteExistingDelayedTasksAfterShutdownPolicy方法与setContinueExistingPeriodicTasksAfterShutdownPolicy方法的比较
一.setExecuteExistingDelayedTasksAfterShutdownPolicy方法 这个方法大多是与schedule方法和shutdown方法搭配使用的. public voi ...
- Intel® Manager for Lustre* software(一)
Intel® Manager for Lustre* software Installation 软件安装指导目录: 安装IML(Intel® Manager for Lustre* software ...