本文阅读大约需要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下会产生问题,诸如此类的一定要按标准写全)
评论列表