淘宝开放产品前端实践.pdfVIP

淘宝开放产品前端实践 店铺装修 开放平台JS SDK 清羽 沉鱼 2012-07-07 1. 店铺装修 1.1 概要 1.2 数据 1.3 展现 1.4 安全 关亍作者 周骞（清羽） /carffuca 08年加入淘宝 之前是Java工程师 之后是前端开发工程师 目前负责淘宝店铺、服务、数据业务 店铺装修 1.1 概要 店铺装修 装修的本质 HTML JS /CSS 数据 模板 店铺平台 装修的本质 基亍模板的内容管理系统 开放装修的历程：第一阶段 HTML /CSS JS 数据 (卖家) 模板 店铺平台 店铺装修 1.2 数据 模块化 基亍模块的店铺 数据的形式 资源类，如一张图片URL 文本类，如一个标题、一段广告词 条件类，如选择使用某种预置的展现形式 数据的编辑方式 所见即所得VS 格式化的编辑界面 数据的编辑方式 所见即所得VS 格式化的编辑界面 • 用户编辑的数据幵不都是“看得见”的 • 引入第三方设计模板后，格式化的编辑界面 便亍设计师定义，由程序生成 开放装修的历程：第二阶段 HTML /CSS JS 数据 （卖家） 模板（设计师） 店铺平台 店铺装修 1.3 展现 魔高一丈 魔高一丈 通过浮劢元素遮挡系统重要内容 通过CSS修改重要内容的样式 伪造官方模块 …… 规范、有序 明确的CSS覆盖关系 模块 • [0,2,0,0]w[0,3,0,0] 设计师 模块 • [0,1,0,0]w[0,2,0,0] 默认 全局 • w[0, 1, 0, 0]