企业微信项目前端开发总结分享
  • 需求分析、前后端架构选择
  • 技术选型、拥抱开源
  • 过程、规范
  • 构建上线
需求分析 架构选择
公众平台概况

整体架构类似邮箱
采用form提交 + 部分ajax
前后端技术
企业微信变化点

需求增加
体验升级
SPA
Web开发常用的几种方式
1、a标签 + form
2、spa + ajax
3、pajax
a + form



SpA


单页面应用
router + mv* 框架
SEO



www.example.com/cgi-bin/ajax?test=a#!ckzhang=david

www.example.com/cgi-bin/ajax?test=a&_escaped_fragment_=ckzhang%3Ddavid
https://developers.google.com/webmasters/ajax-crawling/

Pajax


pushstate + ajax
选择哪种？



三种融合方式
流量、体验、SEO、技术体系
技术选型 拥抱开源

MV*
Jquery
Seajs
artTemplate
其它开源组件：
1、jquery.validate
2、lightbox.js
3、soundmanager2.js（6000）, video.js（7400）
4、Uploadify.js
开源使用

1、轻量级，不要超前设计
2、尽量不要修改开源代码通过开源库提供的对外API，封装业务需要的统一入口
3、如果一定要修改库的源代码的，修改处注释（reason、author、time）
4、了解开源库源码，可控性
过程、规范

研发规范：
1、低冗余度
2、代码规范
（code、名称、文件目录结构、特定库使用规范）
3、组件化（js、ui）
4、微重构
项目经验


规范定义
时间控制
沟通、推动
设计规则

1、tips的就近提示规则，前后端分离策略
2、验证提示内容、关注验证规则，不关注内容
3、ajaxproxy的底层代理，错误代理，参数代理
构建上线

1、Grunt快速构建

2、seajs构建研究
Made with Slides.com