银客网PC网站优化简案

一. css方面

1.采用预编译scss进行原始版本管理

2.reset.css独立出来，包含基础reset以及全局通用组件的css（按钮，头部，底部，右侧固定栏）

3.css中引用的图片，采用sprite拼图拼合在一起。

二. css方面

1.js的加载全部放在页面底部加载

2.引入seajs，模块化页面js，设置统一入口，通过config.js进行页面js的版本控制

3.尽可能去掉页面本身上的脚本，采用外链引用。

4.js代码首先需要压缩，然后通过服务器的combo服务拼合在一起

5.js代码逻辑现在是按页面功能以业务逻辑编写的，初期优化考虑改成

a.底层框架：jquery（基础的dom操作，大家也最熟悉）

b.工具层：tools（cookie操作，浏览器检测，分享等）

c.视图组件层：viewmodle（基于业务进行设计，结合数据部分，每个组件的init，ready，run，end等阶段配置回调。方便后台同事直接使用，以及细微需求的修改扩展）

d.考虑采用AngularJS的语义化标签设计， 数据变动后自动刷新视图组件，避免ajax回调后dom的操作由后台同事编写

三. 团队方面

1.整合团队开发流程，用gulp工具简化重复的工作流。

2.其余团队优化问题，需要根据具体痛点，再制定解决方案。