简易网站制作流程(简易网站制作流程图片)

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