公众平台网页重构实践倪栩生xushengni.pptxVIP

公众平台网页重构实践 微信重构组 xushengni 2014.04.26 大纲 公众平台简介 公共库形成背景 公共库形成过程 重构实践心得 公众平台简介 什么是公众平台 公共库形成背景-common.less回顾 公共库形成背景-分析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解耦 推荐 代码设计原则 使用语境扩展类 推荐 代码设计原则 适时优化 （二次复用，三次抽离） 大纲 公众平台简介 公共库形成背景 公共库形成过程 重构实践心得 QA 谢谢 微信号：uxsi_wx