工程师规范 - 开发准备

了解产品和设计

  • 参加需求、交互、视觉会议,了解产品设计和项目成员。
  • 了解产品面向的设备和平台。
  • 了解产品对兼容性的要求以及是否采用响应式设计等。
  • 了解产品要使用的技术(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 工程师规范的更多相关文章

  1. NEC html规范

    HTML规范 - 整体结构 HTML基础设施 文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”. 必须申明文档的编码cha ...

  2. NEC css规范

    CSS规范 - 分类方法 SS文件的分类和引用顺序 通常,一个项目我们只引用一个CSS,但是对于较大的项目,我们需要把CSS文件进行分类. 我们按照CSS的性质和用途,将CSS文件分成“公共型样式”. ...

  3. NEC 框架规范 template media

    <!DOCTYPE html><html><head><meta charset="utf-8"/><title>NEC ...

  4. NEC 框架规范 animation

    /* animation *//* 淡入 */.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animat ...

  5. NEC 框架规范 css function

    /* function */.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overf ...

  6. 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 ...

  7. 前端开发工程师 - 04.页面架构 - CSS Reset & 布局解决方案 & 响应式 & 页面优化 &规范与模块化

    04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 课堂交流区 水平列表的底部对齐 如图所示,一个水平排列的列表,每项高度都未知,但要求底部对齐,有哪些方法可以解决呢? & ...

  8. CSS的编写规范

    一.前言 如上图,页面在渲染和画图时,耗时还是比较多的,这就对我们的编写要求愈加严格. 我们有很多方法来减少上图所示的页面加载耗时的,比如 但是更多的还是在于平时的编写规范,我们需要了解浏览器,让他更 ...

  9. stc89c52开发板遥控器解码 红外线发射 内置 eeprom 存储 串口显示编码

    单片机,大概三年前,就买了一本 <爱上单片机> 最后就学会,用面包板了,编程书上基本没讲. 看原理图,看时序图,看数据手册, 都没讲. 而且书上自带的代码写的很烂. 1,缩近控制不好 2, ...

随机推荐

  1. mysql应用学习-解决数据乱码

    原因 mysql数据库character_set_database和character_set_server默认编码是latin1,所以导致乱码: 修改步骤 step1. 修改my.ini配置 在[m ...

  2. Thrift笔记(四)--Thrift client源码分析

    thrift文件 namespace java com.gxf.demo namespace py tutorial typedef i32 int // We can use typedef to ...

  3. TensorFlow入门:mac 安装 TensorFlow

    开发环境: mac os 10.12.5 Python 2.7.10 GCC 4.2.1 mac默认是不带pip的,安装pip. sudo easy_install pip 1.安装virtualen ...

  4. sql: 生日赠品中的相关算法

    ---2013年10月9日生日,就以2012年9月1日至2013年8月31日計算 (因為係生日月份前兩個月之最後一天為結算日) DECLARE @birthday datetime,@now date ...

  5. Scrum之初体验

    一.前言 入职两个月,作为新人,没有参加过一次早晨的scrum会议. 最大的感触就是,有一天中午,带我的开发哥哥突然说产品今天下午提测,我突然就懵了. 这算是我体会的最大的团队中人没有参加scrum, ...

  6. vue 音乐播放器报错

    使用Vue报错[Vue warn]: Error in nextTick: "TypeError: fn.bind is not a function"页面进不去. 检查:看看da ...

  7. windows常用命令集锦

    开始→运行→输入的命令集锦 gpedit.msc-----组策略 sndrec32-------录音机 Nslookup-------IP地址侦测器 explorer-------打开资源管理器 lo ...

  8. JS实现“双色球”

    需求: 双色球玩法简单介绍: “双色球”彩票投注区分为红色球号码区和蓝色球号码区.每注投注号码由6个红色球号码和1个蓝色球号码组成.红色球号码从1--33中选择:蓝色球号码从1--16中选择.程序要求 ...

  9. 【Leetcode】【Easy】Climbing Stairs

    You are climbing a stair case. It takes n steps to reach to the top. Each time you can either climb ...

  10. 【java开发系列】—— java输入输出流

    前言 任何语言输入输出流都是很重要的部分,比如从一个文件读入内容,进行分析,或者输出到另一个文件等等,都需要文件流的操作.这里简单介绍下reader,wirter,inputstream,output ...