本文阅读大约需要5分钟

  主要记录一个半正式的前端工作流程

  一.项目文件

  完整的项目文件,流程初步了解

  分配任务,公共样式,各自页面

  流程

  二.兼容问题

  Css Hack技术

  Js浏览器识别技术

  渐进增强和优雅降级(弄清需求)

三.代码规范

  1.简单清楚的注释和说明

  2.代码的缩进和结构布局

  3.命名空间(避免命名重复)

四.Js模块化

  1.RequireJs模块加载器(持续更新)

  2.SeaJS(了解即可,已停止更新)

五.协同软件

  1.TortoiseSVN 软件

  2.码云(代码管理平台)

六.后台接口

  1.布局时就要考虑后续的Js和后台数据接口

  2.布局时应尽考虑到后续可能的变动和需求,代码要灵活

七.通用问题

  1.IE7/8样式兼容问题(Css Hack)

  2.Js变量冲突和依赖(模块化之前)

  3.协同工作方式和流程

八.个人问题

  一.Win 7无法测试IE 5-11的版本

  解决方式:新建Win 10虚拟机系统

  二.布局调整/Hack兼容/Js调整优先级

  解决思路:

  1.能从布局和样式变换从而调整的优先

  2.能用Css Hack的Hack优先

  3.最后才是Js调整

  三.工作效率

  1.一个问题卡半天

  解决方法:基础和高频应用需要倒背如流,复杂的要备有通用模板

  2.整体和细节

  解决思路:先布局整体,然后完善细节

  细节:

  1.凡是浏览器渲染的,W3c默认的,尽可能自己再次重置,避免产生不同环境之间的bug(比如position虽然默认是left:0和top:0,但是IE下会产生问题,诸如此类的一定要按标准写全)