因为转到万达web项目组比较匆忙,加上时间,内部协调和外部协调的一些因素,使整个开发过程鸭梨挺大的。
万达院线web站点是我做的前端架构,虽然说不上科学,也算是中小型站点的典型搞法。其实在前端开发规范里我预留了很多优化的地方,但是整个团队技能的约束,设计稿的不专业性,导致页面变得无法优化。
简单的说一下我最开始的想法吧:
- 用960栅格系统;
- 采用html5向后兼容的头部,严格编码规范;
- 尽量做到语义化,模块化;
- 图片格式和图片大小,应用css sprites减少图片请求并发数;
- 文件布局按照静态文件和动态文件(主要是图片),考虑后期使用图片服务器分布式部署;
- 代码采用svn同步管理;
- 后期js和css的管理和压缩;
中途却出现了不少搞笑的事情,准确的说是设计公司不专业。
- 网页宽度居然使用的1002px,而且还不统一,估计设计公司是没有写设计规范了;
- psd稿属性尽然是80像素/英寸;
- 大量的圆角,圆角设计的还不够细致,圆角边线模糊;
- 两栏布局的宽度也没统一;
- 部分设计不合理;
- 协同工作的人员编码风格水平不一致
- …
经过21天的奋战算是基本完成工作了,然后是一些算法的实现,选座算法,电影时刻表算法。主要是对dom的一些操作,jquery真是个好东西,用的多了自然就知道自己该多学习学习了。
附上这次写的一个规范,希望大家多多指正:网站前端架构最佳实践说明书v1.0.0
