公众平台网重构实践倪栩生

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2014/4/28,#,公众平台,网页重构实践,微,信重构组,xushengni,大纲,公众平台简介,公共库形成背景,公共库形成过程,重构实践心得,公众平台简介,什么是公众平台,公共库形成,背景,-,common.less,回顾,23%,40%,3000+,行,3700+,行,4200+,行,公共,库形成背景,-,分析,common,一些明显的问题,样式冗余严重,项目,局限性,经常,冲突,公共库形成过程,公共库的,目标,公共库,的内容,公共库,的使用,公共库的目标,代码架构化,高效,并行,开发,能跨各个,项目,能跨,PC,端和,移动,端,公共库的内容,公共库规划,一,个独立的,svn,目录,less,文件分服务层和应用层,兼容,移动端,公共库模型,公共,库的内容,-,模型,服务层,应用层,公共,库的内容,-,模型,g_fn.less,fn.less,引用变量和公共方法,公共,库的使用,使用原则,部署方式,公共,库的使用,-,使用原则,理论上，公共库,的文件都,相当于一个,父,类，依赖,本,项目的继承才能被间接使用。,var.less,fn.less,btn.less,var.less,fn.less,btn.less,common,project,继承,继承,引用,引用,引用,引用,公共,库的使用,-,部署方式,由于公共库是一个独立的,svn,，所以它在项目中的部署方式可以不固定。,使用公共,库,-,部署方式,1,使用公共,库,-,部署方式,2,使用公共,库,-,部署方式,3,重构,实践心得,与,前端,的合作方式,代码设计原则,与前端的合作方式,工作,流程,资源,管理,与,前端的合作,方式,-,工作流程,与,前端的合作方式,-,资源管理,资源管理,与,前端的合作方式,-,资源管理,资源管理,整页面型,页面片段型,组件型,代码,设计原则,html,视模块的信息结构而定,html,与,css,解耦,使用语境扩展类,适时优化,代码设计原则,html,视模块的,信息结构,而定,推荐,代码设计原则,html,与,css,解耦,推荐,代码设计原则,使用语境扩展类,推荐,代码,设计,原则,适时优化,（二次复用，三次抽离,）,大纲,公众平台简介,公共库形成背景,公共库形成过程,重构实践心得,Q&A,谢谢,微信号：,uxsi_wx,