高力：19楼现有前端架构

1、19楼前端架构浅析2011 / 09 / 22关于我 About me红茶（高力 19lou 前端设计师）产品设计 - 6个月前端开发 - 18个月博客: 折腾: 内容概述 Content summary为何规范基础架构有待完善FAQ为何规范 Why standard话说当年 没有 前瞻 性目录架构没有 规范 的文件命名没有 模块 的复用所有的原则就是 - 看心情为何规范 Why standard呐，做前端呢，最重要的就是开心，前期没有架构这种事，大家都不想的 为何规范 Why standard话说这样的环境下，我们依旧快速的迭代开发，原因有二：没有很多城市站没有很多产品经理为何规范 Why

2、standard当需要 10位 攻城师协同合作，同时维护杭州站与另外的 30个 城市站时，这种老方式就开始 hold 不住 了为何规范 Why standard代码沉余过多且无法复用命名、编码风格各不相同无法应对疯涨的产品线与快速迭代是时候整整规范了 基础架构 - 宏观目录CSSJSImg19lou存放各产品线通用图片，例如：表情图片，等级图标，帖子类型图标 除了存放CSS文件外，还存放CSS直接引用的 img 文件 基础架构 - CSS目录ForumHomeCSSCity按照产品线各自分布杭州宁波城市站个性化需求准备common.cssfontLinkColor基础架构 - common.c

3、ss quick.layout.iblock.clearallresetmodcommon.cssfontLinkColor基础架构 - 模块化 mod. mod. tips-mod. win-modresetquick基础架构 - 模块化基础架构 - 模块化 .win-mod.win-ft.win-bd基础架构 - 模块结构.win-hd .win-mod.win-ft .win-bd基础架构 - 模块嵌套.win-hd. page-mod. form-mod基础架构 - 模块个性化设计师永远是感性的，需要预留足够的空间 加个ID ?基础架构 - 换肤模式HomeDefaultGrayPin

4、kimagesStyle.cssimagesStyle.css只替换文字、边框、背景颜色替换换肤所需图片基础架构 - 换肤模式Style.css colorother.color1.color2.color3基础架构 - 换肤模式 link.link1.link2.link3基础架构 - 组件管理JS组件的管理需要规范那么就需要有一个 组件管理器 用来实现文件异步加载 与 依赖关系管理基础架构 - 组件管理豆瓣Do - 轻量级开发框架现在有更多的选择：sea.js 、In.js基础架构 - 组件管理两点小修改，使其更符合实际应用：组件调用要足够 智能便捷快速迭代需避免 顽固缓存基础架构 - 组

5、件管理管理器组件配置jQuery 版本号 版本号基础架构 - 组件管理组件配置swfuploadshowWintabfile: /swfupload/01.js02.js01.css02.css基础架构 - 组件管理swfupload01.js ?v=80402.js ?v=80401.css ?v=80402.css ?v=804添加版本管理组件管理器开始搭建我们的JS目录架构基础架构 - JS 目录组件管理器jQuery基础架构 - JS 目录组件管理器jQueryForum(common)HomeCity基础架构 - JS 目录组件管理器jQueryForum(common)HomeCi

6、tyEditorSWFUpload基础架构 - JS 目录组件管理器jQueryCoreBBcodebrowserexecCommandrange基础架构 - 编辑器Pluginsmileymedialink组件管理器jQuery AppDev完善中App.winApp.tabApp.dragApp.popoApp.fixedApp.punchApp.ratePKDev.xxx基础架构 - JS 命名空间基础架构 - 标准接口文档组件需要不断的 更新增强 以满足产品需求，这时候便需要一份 标准接口文档，方便前端同学维护的同时，也便于后端同学使用修改 基础架构 - 标准接口文档调用方式参数含义数据结构基础架构 - 标准文档所有的规范最好形成文档 基础架构 - PSD归档基础架构 - PSD归档防止合成图片导出质量过低防止分支合并时的图片冲突有待完善 Promote页面 HTTP请求数 过多, 管理器需添加 请求合并 功能 有待完善 Promote js/forum/jquery.js?v=804js/forum/App.showWin.js?v=804?/js/forum/jquery.js, /js/forum/App.showWin.js?v=804有待完善 Pr