Soumettre la recherche
Mettre en ligne
微观重构 黄婉芳
•
Télécharger en tant que PPTX, PDF
•
1 j'aime
•
664 vues
W
Webrebuild
Suivre
黄婉芳/迅雷用户体验设计中心高级重构工程师
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 30
Télécharger maintenant
Recommandé
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
年会主持 By pufen
年会主持 By pufen
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
Presentation1
Presentation1
Jaisna Jaiswal
年会主持 By pufen
年会主持 By pufen
Webrebuild
Prevention Of Atm Fraud Using F Pin (Publication)
Prevention Of Atm Fraud Using F Pin (Publication)
yasirshk
Recommandé
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
年会主持 By pufen
年会主持 By pufen
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
Presentation1
Presentation1
Jaisna Jaiswal
年会主持 By pufen
年会主持 By pufen
Webrebuild
Prevention Of Atm Fraud Using F Pin (Publication)
Prevention Of Atm Fraud Using F Pin (Publication)
yasirshk
SEO & Social: Work Together Better with a Strategic Approach
SEO & Social: Work Together Better with a Strategic Approach
Kevin Getch
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
张思坚 浏览器兼容性
张思坚 浏览器兼容性
Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
飘飘 年会主持
飘飘 年会主持
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
《Linux运维趋势》2012年5月号 总第19期
《Linux运维趋势》2012年5月号 总第19期
51CTO
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
Fred Chiang
Open Source from Legend, Business, to Ecosystem
Open Source from Legend, Business, to Ecosystem
National Cheng Kung University
事件風暴-領域建模
事件風暴-領域建模
國昭 張
151107 物聯網教學應用發表會-開場
151107 物聯網教學應用發表會-開場
CAVEDU Education
物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
Herman Wu
與設計架構當朋友
與設計架構當朋友
Win Yu
Scrum between different platforms and different domains
Scrum between different platforms and different domains
Jonathan Chen
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
張大明 Ta-Ming Chang
成大GDSC期初大會
成大GDSC期初大會
ssuser9b703f1
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
August Lin
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
彭其捷 Jack
程序员与技术
程序员与技术
ligaoren
Contenu connexe
En vedette
SEO & Social: Work Together Better with a Strategic Approach
SEO & Social: Work Together Better with a Strategic Approach
Kevin Getch
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
张思坚 浏览器兼容性
张思坚 浏览器兼容性
Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
飘飘 年会主持
飘飘 年会主持
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
En vedette
(9)
SEO & Social: Work Together Better with a Strategic Approach
SEO & Social: Work Together Better with a Strategic Approach
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Css3之颜色与半透明
Css3之颜色与半透明
移动网站的兼容性探索
移动网站的兼容性探索
张思坚 浏览器兼容性
张思坚 浏览器兼容性
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
飘飘 年会主持
飘飘 年会主持
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
郑焕义 重温网站重构
郑焕义 重温网站重构
Similaire à 微观重构 黄婉芳
《Linux运维趋势》2012年5月号 总第19期
《Linux运维趋势》2012年5月号 总第19期
51CTO
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
Fred Chiang
Open Source from Legend, Business, to Ecosystem
Open Source from Legend, Business, to Ecosystem
National Cheng Kung University
事件風暴-領域建模
事件風暴-領域建模
國昭 張
151107 物聯網教學應用發表會-開場
151107 物聯網教學應用發表會-開場
CAVEDU Education
物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
Herman Wu
與設計架構當朋友
與設計架構當朋友
Win Yu
Scrum between different platforms and different domains
Scrum between different platforms and different domains
Jonathan Chen
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
張大明 Ta-Ming Chang
成大GDSC期初大會
成大GDSC期初大會
ssuser9b703f1
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
August Lin
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
彭其捷 Jack
程序员与技术
程序员与技术
ligaoren
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
从人物角色到设计呈现
从人物角色到设计呈现
canouyang
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
IxDC
My yahoo
My yahoo
Alite Yu
Taiwanese Experience in IT
Taiwanese Experience in IT
National Cheng Kung University
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法
NTUST
How we get what we want...
How we get what we want...
sudowen
Similaire à 微观重构 黄婉芳
(20)
《Linux运维趋势》2012年5月号 总第19期
《Linux运维趋势》2012年5月号 总第19期
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
Open Source from Legend, Business, to Ecosystem
Open Source from Legend, Business, to Ecosystem
事件風暴-領域建模
事件風暴-領域建模
151107 物聯網教學應用發表會-開場
151107 物聯網教學應用發表會-開場
物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
與設計架構當朋友
與設計架構當朋友
Scrum between different platforms and different domains
Scrum between different platforms and different domains
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
成大GDSC期初大會
成大GDSC期初大會
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
程序员与技术
程序员与技术
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
从人物角色到设计呈现
从人物角色到设计呈现
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
My yahoo
My yahoo
Taiwanese Experience in IT
Taiwanese Experience in IT
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法
How we get what we want...
How we get what we want...
Plus de Webrebuild
重构 这一路走来
重构 这一路走来
Webrebuild
Script with engine
Script with engine
Webrebuild
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
Webrebuild
陈子舜-Html5 based web app
陈子舜-Html5 based web app
Webrebuild
Css schema by_sofish
Css schema by_sofish
Webrebuild
Qmail rebuild_by_nico
Qmail rebuild_by_nico
Webrebuild
潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
Webrebuild
Plus de Webrebuild
(9)
重构 这一路走来
重构 这一路走来
Script with engine
Script with engine
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
陈子舜-Html5 based web app
陈子舜-Html5 based web app
Css schema by_sofish
Css schema by_sofish
Qmail rebuild_by_nico
Qmail rebuild_by_nico
潘杰茂_网络图像优化
潘杰茂_网络图像优化
石玉磊 Web rebuild
石玉磊 Web rebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
微观重构 黄婉芳
1.
微观重构 迅雷网络 黄婉芳
2011年9月
2.
关于主题
3.
这是一个最好的年代 设备、平台、技术 ?
硬件、带宽、webkit、Android、IOS…… chrome13、 IE10、FF6、Html5、CSS3…… 环境 引导、学习、交流、成长……
4.
我; 两年 ;
在 迅 雷
5.
谈谈“微观”
6.
重构 一张散乱的网 宏观
中观 微观
7.
细微到每一个细节 开始 结束
过程
8.
开始 了解需求背景、内容 拿来干嘛的?功能要求?什么平台?
清晰的规划和架构 不盲目、不慌乱 可参考项目(你或者别人的) 增加熟悉感 E.g. 你陌生的领域 明确的判断
9.
过程 你,
认真并专业地在做网页重构
10.
结束 休整
做得足够好了 么?
11.
寻找适合你的最优途径 别人的路可以引导你但不一定适合你
12.
模块的提取复用
13.
!意外 团队协作良好 规划足够清晰
足够产品了解 构建项目模块 丰富的项目经验 ………… 即使需求穿插或者长时停顿也能应对自如
14.
生命在于挖掘 ——提炼
15.
看新的知识,寻找旧的踪影;
16.
伪元素 图片替换 :before
:after
17.
2. 从旧的东西,回顾遗漏的点;
18.
word-break (no ie
only)
19.
3. 挖根究底。 247K
221K 200K内
20.
你做的东西可能并不会有用武之地 但我们不会因为这样就不去多做尝试
21.
li:nth-child(2n) margin-top:height margin-left:-width
22.
IE678 Chrome等 .cmt_list
li{opacity:0.3} .cmt_list li:nth-child(1){font-size:1.1em;font-weight:bold;opacity:1} .cmt_list li:nth-child(2){font-size:1.1em;opacity:0.9} .cmt_list li:nth-child(3){opacity:0.7} .cmt_list li:nth-child(4){opacity:0.6} .cmt_list li:nth-child(5){opacity:0.5} .cmt_list li:nth-child(6){opacity:0.4} .cmt_list li:nth-child(7){opacity:0.3} .cmt_list li:hover{opacity:0.9}
23.
看,这些问题
24.
成长 谁都无法一口气吃成胖子,除非得了糖尿病
25.
瓶颈 充实 –
了解得越多越强大; 版本迭代 – 全力以赴; 拟想你是:产品、设计、开发……
26.
或者,纯粹只是 一个新人
27.
E.g. 1. 邮件页
2. 背景色 3. 强调内容 4. 接收端多 5. 人工发布 6. 排版固定 7. 每月发布 8. 测试繁琐 …… http://xlbb.xunlei.com/201108/
28.
E.g. 设计稿 1.
邮件页 2. 背景色 3. 强调内容 4. 接收端多 5. 人工发布 6. 排版固定 7. 每月发布 8. 测试繁琐 …… 内容 自动化 测试 上线
29.
End~ 欢迎来论:)
30.
相关链接: http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/demo http://cued.xunlei.com/css-image-replacement-and-pseudo-elements
http://ued.taobao.com/blog/2010/10/14/research-of-word-wrap/ http://www.webrebuild.org/2010/guangzhou/ 联系我: QQ:469220334 邮箱:hbaeor@gmail.com
Télécharger maintenant