Enviar pesquisa
Carregar
产品线中的思考
•
Transferir como PPTX, PDF
•
0 gostou
•
336 visualizações
fangdeng
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 31
Baixar agora
Recomendados
Display of goods and auctions in pakistani case perspective
Display of goods and auctions in pakistani case perspective
Muneer Hussain
Preso ideenwett gr_20_07_2010
Preso ideenwett gr_20_07_2010
Harald Fratz
Offer in pakistani case perspective
Offer in pakistani case perspective
Muneer Hussain
Lwk 1
Lwk 1
Harald Fratz
Jodo Mission of Hawaii Bulletin - April 2015
Jodo Mission of Hawaii Bulletin - April 2015
Ryan Ozawa
COAST GUARD DAY - 2015
COAST GUARD DAY - 2015
Clifton M. Hasegawa & Associates, LLC
Bharti airtel
Bharti airtel
Karthik Yadav
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
Recomendados
Display of goods and auctions in pakistani case perspective
Display of goods and auctions in pakistani case perspective
Muneer Hussain
Preso ideenwett gr_20_07_2010
Preso ideenwett gr_20_07_2010
Harald Fratz
Offer in pakistani case perspective
Offer in pakistani case perspective
Muneer Hussain
Lwk 1
Lwk 1
Harald Fratz
Jodo Mission of Hawaii Bulletin - April 2015
Jodo Mission of Hawaii Bulletin - April 2015
Ryan Ozawa
COAST GUARD DAY - 2015
COAST GUARD DAY - 2015
Clifton M. Hasegawa & Associates, LLC
Bharti airtel
Bharti airtel
Karthik Yadav
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
Jacmel projectpp tv4
Jacmel projectpp tv4
Maria-Bello
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Lynne d Johnson
Architektenwettbewerb sieger
Architektenwettbewerb sieger
Harald Fratz
Aircel
Aircel
Karthik Yadav
浅尝jQuery
浅尝jQuery
fangdeng
Lwk reporter 1
Lwk reporter 1
Harald Fratz
online marketing course in bangalore
online marketing course in bangalore
vinuthna58
Migue final presentation_v28
Migue final presentation_v28
askroll
3 lo esencial2014-vc_esp
3 lo esencial2014-vc_esp
VINCI Construction
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
Minter Dial
产品线中的思考
产品线中的思考
fangdeng
Digital case study vw people's car china
Digital case study vw people's car china
Cohn & Wolfe
10 潮百搭,搭出我的时尚v4
10 潮百搭,搭出我的时尚v4
36Kr.com
《科技新玩趣》企划方案
《科技新玩趣》企划方案
Feng Jing
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
National Cheng Kung University
《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)
36Kr.com
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
jixuan1989
都宝烟网络社区项目
都宝烟网络社区项目
yufei
266 炒更大咖 bp
266 炒更大咖 bp
Rui (Nash) Yang
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Changshu Liu
手游渠道杂谈
手游渠道杂谈
赵 强
User Research For Npd (Copy)
User Research For Npd (Copy)
jameguilin
Mais conteúdo relacionado
Destaque
Jacmel projectpp tv4
Jacmel projectpp tv4
Maria-Bello
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Lynne d Johnson
Architektenwettbewerb sieger
Architektenwettbewerb sieger
Harald Fratz
Aircel
Aircel
Karthik Yadav
浅尝jQuery
浅尝jQuery
fangdeng
Lwk reporter 1
Lwk reporter 1
Harald Fratz
online marketing course in bangalore
online marketing course in bangalore
vinuthna58
Migue final presentation_v28
Migue final presentation_v28
askroll
3 lo esencial2014-vc_esp
3 lo esencial2014-vc_esp
VINCI Construction
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
Minter Dial
Destaque
(10)
Jacmel projectpp tv4
Jacmel projectpp tv4
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Augmented Reality for Marketers - Lynne d Johnson and John C. Havens talk fro...
Architektenwettbewerb sieger
Architektenwettbewerb sieger
Aircel
Aircel
浅尝jQuery
浅尝jQuery
Lwk reporter 1
Lwk reporter 1
online marketing course in bangalore
online marketing course in bangalore
Migue final presentation_v28
Migue final presentation_v28
3 lo esencial2014-vc_esp
3 lo esencial2014-vc_esp
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
9 1/2 raisons pourquoi NE PAS aller sur les réseaux sociaux
Semelhante a 产品线中的思考
产品线中的思考
产品线中的思考
fangdeng
Digital case study vw people's car china
Digital case study vw people's car china
Cohn & Wolfe
10 潮百搭,搭出我的时尚v4
10 潮百搭,搭出我的时尚v4
36Kr.com
《科技新玩趣》企划方案
《科技新玩趣》企划方案
Feng Jing
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
National Cheng Kung University
《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)
36Kr.com
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
jixuan1989
都宝烟网络社区项目
都宝烟网络社区项目
yufei
266 炒更大咖 bp
266 炒更大咖 bp
Rui (Nash) Yang
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Changshu Liu
手游渠道杂谈
手游渠道杂谈
赵 强
User Research For Npd (Copy)
User Research For Npd (Copy)
jameguilin
產品企劃分享版2010十一月
產品企劃分享版2010十一月
Mr PM
《氪周刊:互联网创业必读》(第27期)
《氪周刊:互联网创业必读》(第27期)
36Kr.com
Layer 8 - Open source communities and your product
Layer 8 - Open source communities and your product
Rex Tsai
移动互联网的微时代
移动互联网的微时代
宁 阮
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Souyi Yang
Interaction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃Workshop
悠識學院
[幻灯片版]《氪周刊:关注互联网创业》(第16期)
[幻灯片版]《氪周刊:关注互联网创业》(第16期)
36Kr.com
《氪周刊:互联网创业必读》(第31期)
《氪周刊:互联网创业必读》(第31期)
36Kr.com
Semelhante a 产品线中的思考
(20)
产品线中的思考
产品线中的思考
Digital case study vw people's car china
Digital case study vw people's car china
10 潮百搭,搭出我的时尚v4
10 潮百搭,搭出我的时尚v4
《科技新玩趣》企划方案
《科技新玩趣》企划方案
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
軟體又熱又平又擠:淺談開放原始碼軟體衝擊下的新思維
《氪周刊:互联网创业必读》(第45期)
《氪周刊:互联网创业必读》(第45期)
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
Willem Ning Jiang: Getting Started: How to join an Open Source project Apache...
都宝烟网络社区项目
都宝烟网络社区项目
266 炒更大咖 bp
266 炒更大咖 bp
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
Tencent.Wechat.ProductDesign-Xiaolong.Zhang.2012
手游渠道杂谈
手游渠道杂谈
User Research For Npd (Copy)
User Research For Npd (Copy)
產品企劃分享版2010十一月
產品企劃分享版2010十一月
《氪周刊:互联网创业必读》(第27期)
《氪周刊:互联网创业必读》(第27期)
Layer 8 - Open source communities and your product
Layer 8 - Open source communities and your product
移动互联网的微时代
移动互联网的微时代
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Interaction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃Workshop
[幻灯片版]《氪周刊:关注互联网创业》(第16期)
[幻灯片版]《氪周刊:关注互联网创业》(第16期)
《氪周刊:互联网创业必读》(第31期)
《氪周刊:互联网创业必读》(第31期)
Mais de fangdeng
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
Html基础培训
Html基础培训
fangdeng
前端开发之Js
前端开发之Js
fangdeng
Javascript代码注释及文档生成
Javascript代码注释及文档生成
fangdeng
前端单元测试初体验
前端单元测试初体验
fangdeng
Java script测试之js unit ut
Java script测试之js unit ut
fangdeng
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
fangdeng
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
Varnish简介
Varnish简介
fangdeng
Websocket
Websocket
fangdeng
Let's talk about date in javascript
Let's talk about date in javascript
fangdeng
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
方凳良品1期
方凳良品1期
fangdeng
方凳良品2期
方凳良品2期
fangdeng
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
Datalazyload
Datalazyload
fangdeng
Request animateframe初探
Request animateframe初探
fangdeng
简鲜侠Websocket
简鲜侠Websocket
fangdeng
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
Mais de fangdeng
(20)
jQuery底层架构
jQuery底层架构
Building an event driven web
Building an event driven web
Html基础培训
Html基础培训
前端开发之Js
前端开发之Js
Javascript代码注释及文档生成
Javascript代码注释及文档生成
前端单元测试初体验
前端单元测试初体验
Java script测试之js unit ut
Java script测试之js unit ut
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
Postoffer前端架构设计
Postoffer前端架构设计
Varnish简介
Varnish简介
Websocket
Websocket
Let's talk about date in javascript
Let's talk about date in javascript
Test driven-frontend-develop
Test driven-frontend-develop
方凳良品1期
方凳良品1期
方凳良品2期
方凳良品2期
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
Datalazyload
Datalazyload
Request animateframe初探
Request animateframe初探
简鲜侠Websocket
简鲜侠Websocket
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
产品线中的思考
1.
产品线中的思考
Author:raywu
2.
目录 产品线特点 产品线中的思考 一些新东西的尝试 个人的感悟
3.
渊源
大社 区 大市场
4.
大社区
商业资讯 商人社区
5.
商人社区 活跃的产品 •
论坛 • 博客 • 百科 • 视频 • 我的社区 消逝的产品 • 人脉通 • 聊天室 • 商圈 • ……
6.
猜猜看 论坛作为社区元老产品,有很多分论坛,第一个分论坛是 哪一个?
A:管理员论坛 B:创业论坛 C:外贸论坛 D:情感论坛
7.
答案 D http://club.china.alibaba.com/forum/threadList/1_.html
情感话题永远是用户的刚性需求啊。。。
8.
一个有趣的现象 关于故障的两个过程: 用户不爽——》电话投诉——》紧急处理——》分摊黑锅 用户不爽——》发帖反馈——》紧急处理——》回帖答复
9.
本身的特点 体系独立 以人和内容为主 每个子产品都有自己的生态圈 以商会友,互动很强
10.
前端开发中一些特殊的地方 子产品间都有独立的体系 子产品中有几套相对固定的风格(前台、个人后台、管 理员后台、专题产品等) 后端会参与到后台的js开发 前端参与模板开发
11.
目录分布 ①css、js都位于对应的apphood目录下 ②每个产品都有对应的目录文件 ③部分产品有它对应的admin文件
12.
目录体系 Global
• 产品线级文件 Module • 模块级文件 Page • 页面级文件
13.
疑问 目录体系能很好的帮助我们管理css、js文 件,区分它的功能和影响,那么html呢?
14.
目录体系的延伸 模板层中的概念 Layout:模板中页面布局的框架文件 Control:模板中抽象公用的文件 Screen:模板中实际对应页面的文件
15.
目录体系的延伸 vm≈≈hmtl片段+业务逻辑
16.
回归目录体系 layout
• 产品线级文件 control • 模块级文件 screen • 页面级文件
17.
目录体系
Javascript 模块级 Css HTML 产品级 页面级 三位 三位 一体 一体
18.
一个例子
19.
实际产品部署
简单、实用
20.
产品级文件 js&css: baike-merge yunplan-merge admin/baike-merge VM Layout: base.vm yun.vm admin/base.vm
21.
产品级base.js
22.
页面级
23.
页面级
24.
模块按需调用
25.
模块按需调用
26.
一些微创新 手机版生意经 i.china.alibaba.com
27.
一些微创新 modernizr.js 相关链接: http://www.adobe.com/cn/devnet/dreamweaver/articles/using-
modernizr.html
28.
一些微创新 独角兽系统 版本管理系统,使js、css的缓存提升到一年,提升2次访问性能 模板层的按模块开发 …… 正在完善中……
29.
未来和展望 ……
30.
个人感悟 a) 了解产品就要去了解它的业务、它的历史、它的人 b) 看到老麻烦,一定要下决心重构 c)
一定不能制造新麻烦 d) 一定要做一些微创新 e) 有自己的风格,即使不精彩 f) 你就是业务线的专家 g) 了解后端,了解模板,对前端有不少帮助
31.
Q&A
Baixar agora