搜索
您的当前位置:首页正文

项目实战:一个简单网站的制作流程(前端)

来源:哗拓教育

本文阅读大约需要5分钟
主要录一个半正式的前端工作流程


一.项目文件

完整的项目文件,流程初步了解
分配任务,公共样式,各自页面

Paste_Image.png

二.兼容问题

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下会产生问题,诸如此类的一定要按标准写全

Top