项目一：智造360平台
网站简介
智造360是国内最大的工业自动化设备零配件B2B交易平台,汇集国内外众多自动化设备用标准件品牌与机械加工工厂,为采购商提供公平、透明的一站式采购服务,为供应商提供机械零件外协加工订单信息! 链接智造360
前端框架
HTML+CSS+JQuery+easyUI
业务流程
流程：有注册登录（QQ号或手机号），资料完善（供应商或采购商），供应商发布订单，采购商下单，确认订单，支付，线下（发货->物流->收货），确认订单，付款，对账。典型P2P商城流程
开发总结
部分页面采用服务端渲染，考虑SEO；个人中心模块大部分都是Ajax异步渲染；列表部分采用分页异步请求（自己封装的分页插件；图片展示利用懒加载；页面图标引入字体图标库，以及雪碧图；解决IE9的兼容问题；
项目优化
- 首页服务器缓存，缓存时间未12小时；
- 静态资源增加时间戳；
- CSS+JS压缩及合并；
- JS引用CDN加速，并移至页面底部；
- common.JS提取；
- 图片图标压缩；
- 模块整合，如封装错误提示，弹框提示，Ajax请求，分页插件，时间插件，区域选择插件
- 整合工具类util.js；
成效：网站首页打开时间从7s优化到1.5s内，其他网页打开速度提高20%；
结言
整个项目做下来，增强了MVC这种开发模式的认识，以及前后端数据交互的知识，提高了对项目整体规划能力，熟练操作JQuery；同时在项目中熟练运用OOP编程，学会优雅降级兼容IE9浏览器。
未完待续、、、(智造360+小程序)
