Submit Search
Upload
微观重构 黄婉芳
•
Download as PPTX, PDF
•
1 like
•
664 views
W
Webrebuild
Follow
黄婉芳/迅雷用户体验设计中心高级重构工程师
Read less
Read more
Technology
Report
Share
Report
Share
1 of 30
Download now
Recommended
谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
唐俊开,网名:三桥,目前就职于广州悠乐无线科技。在广州3年JavaWeb开发经验,现前端工程师,热衷前端技术与研究,目前关注的领域是HTML5和iOS技术的研究,对用户体验和交互设计充满好奇。
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
Presentation1
Presentation1
Jaisna Jaiswal
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
Publication
Prevention Of Atm Fraud Using F Pin (Publication)
Prevention Of Atm Fraud Using F Pin (Publication)
yasirshk
Recommended
谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
唐俊开,网名:三桥,目前就职于广州悠乐无线科技。在广州3年JavaWeb开发经验,现前端工程师,热衷前端技术与研究,目前关注的领域是HTML5和iOS技术的研究,对用户体验和交互设计充满好奇。
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
Presentation1
Presentation1
Jaisna Jaiswal
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
Publication
Prevention Of Atm Fraud Using F Pin (Publication)
Prevention Of Atm Fraud Using F Pin (Publication)
yasirshk
Too often SEO & Social teams feel like they are on different sides fighting against each other. If this is the case it's because your digital strategy either isn't clearly defined or doesn't take into account how these two channels work together. It's a well-known fact that these channels when utilized together form a digital marketing duo not even rivaled by the likes of Batman and Robin.
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第四届年会主持
飘飘 年会主持
飘飘 年会主持
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
WebRebuild年会深圳站分享主题,《重温网站重构》 - 郑焕义/AvenirZheng
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
目录 05 百度云首席架构师林仕鼎:工程师应如何突破瓶颈 采访整理/杨赛 08 探秘Facebook的交付工程团队和BT部署系统 文/ Ryan Paul 编译/核子可乐 16 Django 托管在 Github 上的实践 文/ Perchouli 18 /dev/null 2>&1 详解 文/南非蚂蚁 19 Shell脚本自动记录登陆后的IP地址和历史记录 文/ Trespassers 20 批量下载Linux运维趋势引发的反思 文/煮酒品茶 22 警惕程序日志对性能的影响 文/杨文博(solrex) 24 一次博客的性能故障排查 文/BOYPT 26 三招解决MongoDB的磁盘IO问题 文/ nosqlfan 28 MySQL数据库中order by的实现和 by rand() 的优化 文/丁奇 30 阿里巴巴集团去IOE运动的思考与总结 文/mysqlops 33 挑战无处不在 文/陈皓 《Linux运维趋势》是由51CTO系统频道策划、针对Linux/Unix系统运维人员制作的一份开放的电子杂志,内容从基础的技巧心得、实际操作案例到中、高端的运维技术趋势与理念等均有覆盖。我们的所有内容均收集整理自国内外互联网,每篇文章都会严格标注出处与作者,同时编辑也会尽力联系每一篇文章的原作者进行确认。如果您认为本杂志的内容侵犯到了您的版权,可发信至yangsai@51cto.com进行投诉。 微群讨论:http://q.weibo.com/121303 邮件订阅入口:http://os.51cto.com/art/201011/233915.htm 投稿信箱:yangsai@51cto.com 发布周期:每个月的第二个星期五 往期《Linux运维趋势》下载汇总页:http://down.51cto.com/zt/71
《Linux运维趋势》2012年5月号 总第19期
《Linux运维趋势》2012年5月号 总第19期
51CTO
「所知有雲」 - 它是一場編輯行動 - 它以維基百科 (Wikipedia) 為載體 - 它的目標是要為雲端運算留下可持續維護的中文知識 - 它由你、你、你、你、我共同發起
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
Fred Chiang
A short introduction about the business, strategy, and ecosystem behind open source software model.
Open Source from Legend, Business, to Ecosystem
Open Source from Legend, Business, to Ecosystem
National Cheng Kung University
AgileTour Hsinchu 2018 - 工作坊
事件風暴-領域建模
事件風暴-領域建模
國昭 張
開場與介紹相關教學應用與期望
151107 物聯網教學應用發表會-開場
151107 物聯網教學應用發表會-開場
CAVEDU Education
簡介物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
Herman Wu
ModernWeb 2017 與會整合分享 http://s.itho.me/modernweb/2017/day2/201-K1-Ant.pdf https://www.slideshare.net/appleboy/go-78757166
與設計架構當朋友
與設計架構當朋友
Win Yu
2012/7/7 在 ezScrum 的講座中,介紹 Waveface Inc. 如何運用 Scrum 的框架,在跨平台的產品開發又快又順,讓 designer and engineer 攜手合作又快又順.
Scrum between different platforms and different domains
Scrum between different platforms and different domains
Jonathan Chen
【九月2023】新北市工策會:九月工商免費講座,數位時代企業營運三寶—雲端資源、數據驅動與人工智慧,主講人:張大明 執行長 ,摩方人力資本科技,20230906 https://www.youtube.com/watch?v=jkkjnx_zfBE #認識數位營運三寶 #人力資本模式 #中小企業數位轉型三部曲 #ChatGPT人機協作職場新未來 #數位變革 #工具包 #工具箱 #百寶箱 Ta-Ming Chang,richard@mfhc.io http://www.mfhc.io
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
張大明 Ta-Ming Chang
成大GDSC期初大會簡報
成大GDSC期初大會
成大GDSC期初大會
ssuser9b703f1
IoT Cloud Platforms- Players, Vendors and Vertical Segments
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
August Lin
作者:彭其捷(http://visualization.tw/) --- 演講介紹:現在的人每天都在接受資訊,各類的訊息如果能透過視覺化的方式進行包裝,將能更容易被一般人所理解與接收;然而良好的資料視覺化成果,絕對不是單純用 Excel 單鍵生成圖表即可,而是有許多的設計技巧可以搭配;希望透過本次的機會,分享一些資料視覺化的概念、技巧、工具、案例、學理等等,帶領同學們更認識資料視覺化的主題。
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
彭其捷 Jack
程序员y
程序员与技术
程序员与技术
ligaoren
More Related Content
Viewers also liked
Too often SEO & Social teams feel like they are on different sides fighting against each other. If this is the case it's because your digital strategy either isn't clearly defined or doesn't take into account how these two channels work together. It's a well-known fact that these channels when utilized together form a digital marketing duo not even rivaled by the likes of Batman and Robin.
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第四届年会主持
飘飘 年会主持
飘飘 年会主持
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
WebRebuild年会深圳站分享主题,《重温网站重构》 - 郑焕义/AvenirZheng
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
Viewers also liked
(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敏捷项目管理-重构年会
郑焕义 重温网站重构
郑焕义 重温网站重构
Similar to 微观重构 黄婉芳
目录 05 百度云首席架构师林仕鼎:工程师应如何突破瓶颈 采访整理/杨赛 08 探秘Facebook的交付工程团队和BT部署系统 文/ Ryan Paul 编译/核子可乐 16 Django 托管在 Github 上的实践 文/ Perchouli 18 /dev/null 2>&1 详解 文/南非蚂蚁 19 Shell脚本自动记录登陆后的IP地址和历史记录 文/ Trespassers 20 批量下载Linux运维趋势引发的反思 文/煮酒品茶 22 警惕程序日志对性能的影响 文/杨文博(solrex) 24 一次博客的性能故障排查 文/BOYPT 26 三招解决MongoDB的磁盘IO问题 文/ nosqlfan 28 MySQL数据库中order by的实现和 by rand() 的优化 文/丁奇 30 阿里巴巴集团去IOE运动的思考与总结 文/mysqlops 33 挑战无处不在 文/陈皓 《Linux运维趋势》是由51CTO系统频道策划、针对Linux/Unix系统运维人员制作的一份开放的电子杂志,内容从基础的技巧心得、实际操作案例到中、高端的运维技术趋势与理念等均有覆盖。我们的所有内容均收集整理自国内外互联网,每篇文章都会严格标注出处与作者,同时编辑也会尽力联系每一篇文章的原作者进行确认。如果您认为本杂志的内容侵犯到了您的版权,可发信至yangsai@51cto.com进行投诉。 微群讨论:http://q.weibo.com/121303 邮件订阅入口:http://os.51cto.com/art/201011/233915.htm 投稿信箱:yangsai@51cto.com 发布周期:每个月的第二个星期五 往期《Linux运维趋势》下载汇总页:http://down.51cto.com/zt/71
《Linux运维趋势》2012年5月号 总第19期
《Linux运维趋势》2012年5月号 总第19期
51CTO
「所知有雲」 - 它是一場編輯行動 - 它以維基百科 (Wikipedia) 為載體 - 它的目標是要為雲端運算留下可持續維護的中文知識 - 它由你、你、你、你、我共同發起
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
「所知有雲」:維基百科雲端運算中文條目編輯行動發起說明
Fred Chiang
A short introduction about the business, strategy, and ecosystem behind open source software model.
Open Source from Legend, Business, to Ecosystem
Open Source from Legend, Business, to Ecosystem
National Cheng Kung University
AgileTour Hsinchu 2018 - 工作坊
事件風暴-領域建模
事件風暴-領域建模
國昭 張
開場與介紹相關教學應用與期望
151107 物聯網教學應用發表會-開場
151107 物聯網教學應用發表會-開場
CAVEDU Education
簡介物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
物聯網應用全貌以及微軟全球案例
Herman Wu
ModernWeb 2017 與會整合分享 http://s.itho.me/modernweb/2017/day2/201-K1-Ant.pdf https://www.slideshare.net/appleboy/go-78757166
與設計架構當朋友
與設計架構當朋友
Win Yu
2012/7/7 在 ezScrum 的講座中,介紹 Waveface Inc. 如何運用 Scrum 的框架,在跨平台的產品開發又快又順,讓 designer and engineer 攜手合作又快又順.
Scrum between different platforms and different domains
Scrum between different platforms and different domains
Jonathan Chen
【九月2023】新北市工策會:九月工商免費講座,數位時代企業營運三寶—雲端資源、數據驅動與人工智慧,主講人:張大明 執行長 ,摩方人力資本科技,20230906 https://www.youtube.com/watch?v=jkkjnx_zfBE #認識數位營運三寶 #人力資本模式 #中小企業數位轉型三部曲 #ChatGPT人機協作職場新未來 #數位變革 #工具包 #工具箱 #百寶箱 Ta-Ming Chang,richard@mfhc.io http://www.mfhc.io
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
數位企業營運三寶:雲端資源、數據驅動與人工智慧,新北市工策會,2023/9/6
張大明 Ta-Ming Chang
成大GDSC期初大會簡報
成大GDSC期初大會
成大GDSC期初大會
ssuser9b703f1
IoT Cloud Platforms- Players, Vendors and Vertical Segments
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
IoT Cloud Platforms- Players, Vendors and Vertical Segments -20160519
August Lin
作者:彭其捷(http://visualization.tw/) --- 演講介紹:現在的人每天都在接受資訊,各類的訊息如果能透過視覺化的方式進行包裝,將能更容易被一般人所理解與接收;然而良好的資料視覺化成果,絕對不是單純用 Excel 單鍵生成圖表即可,而是有許多的設計技巧可以搭配;希望透過本次的機會,分享一些資料視覺化的概念、技巧、工具、案例、學理等等,帶領同學們更認識資料視覺化的主題。
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
2020/12 交通大學_資料視覺化與我們的生活|彭其捷
彭其捷 Jack
程序员y
程序员与技术
程序员与技术
ligaoren
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
在这个低成本就能抄袭的互联网时代,如何创新是越来越多公司考虑的问题。如何从拍脑袋就决定想法的方式,转移到系统的创新方式是这个workshop要带领大家体验的。 "人物角色"很多产品都有,但是如何使用,如何融入到设计中是设计师在实际工作中比较棘手的。在此workshop大家将能体验完整而合理的新产品诞生流程。 课程参与者将学到 1、了解人物角色的创建过程 2、了解当项目需要时,如何根据人物角色进行设计 3、了解如何在人物角色上进行创新设计 4、了解信息表达对交互的设计的影响。 工作坊环节安排 1、人物角色与交互设计的介绍:介绍网易这个两个工作的现状,以及工作方法和流程; 2、互动环节:分步进行人物角色-用户需求-交互设计-设计程序; 3、提问环节; 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
IxDC 中国交互设计体验日-B1_欧阳灿、张佳佳_从人物角色到设计呈现
IxDC
从人物角色到设计呈现
从人物角色到设计呈现
canouyang
神勋分享
My yahoo
My yahoo
Alite Yu
In this presentation, I shared my experience in IT (Information Technology).
Taiwanese Experience in IT
Taiwanese Experience in IT
National Cheng Kung University
2016.10 資策會演講 雲端產品的用戶體驗檢測 重要性與作法
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法
NTUST
栽植 茜茜
How we get what we want...
How we get what we want...
sudowen
Similar to 微观重构 黄婉芳
(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...
More from Webrebuild
重构 这一路走来
重构 这一路走来
Webrebuild
Script with engine
Script with engine
Webrebuild
网易邮箱资深页面架构工程师孙极,男,86年出生,4年前端经验,参与了网易邮箱极速4、iPad和iPhone版开发。主题《Hello, JSS! - 一种新样式语言的诞生》
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
Webrebuild
陈子舜,腾讯开放平台研发副总监。04年开始学前端,做重构,玩博客。06年入腾讯,做前端,玩空间。11年搞开放,做前端,玩手机。历经的产品不多,搞过PJBlog,QQ空间,接触过农牧场,腾讯开放平台。在7年前端生涯,发现前端技术水很深。从用户体验,性能优化,运营能力,编码效率,作为前端开发,压力越大机会越多,有木有。
陈子舜-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
合色的图像 真色彩图像(jpeg、png24、png32),色彩比较丰富包含16777216种颜色。调色板图像gif、png8,色彩简单只能包含256种颜色。 但如果把真色彩图像,错误地使用了gif或png8格式会,通常会有损视觉效果。 又如果把调色板图像,错误地使用了jpeg、png24、png32格式,通常会导致文件体积更大。 小尺寸图片,即使色彩丰富也可以使用调色板图像,因为256种颜色一般足够对小图片进行视觉还原,而肉眼对小图的敏感度也没有那么高。 GIF 适当降低GIF失真度,可有效减少体积。 利用Fireworks工具做压缩,Fireworks有一种叫“失真”可以压缩动画和静态的GIF图像,能提供0到100之间的压缩范围,选择压缩比例越大文件体积越小,当然着视觉体验也会随着降低。一种有损压缩的方法,在非必要的情况下,不建议使用这方法。 隔行扫描用户体验好,但文件体积会变大。 隔行扫描(某些软件又称:交错)指显示屏在显示一幅图像时,先扫描奇数行,全部完成奇数行扫描后再扫描偶数行,隔行扫描在还没有完成扫描时我们就已经能知道内容,能给我们带来更好的体检。虽然隔行扫描用户体验好,但文件体积会变大。所以在使用时我们要作出权衡了。 JPEG 除JPEG外,其它网络图像格式都是无损压缩,必要时为JPEG保留PSD源文件,以便修改维护。 JPEG品质一般选择在70 % ~80%之间,色彩越鲜艳要求品质越高。 JPEG不适合保存图形分明线条简单以及256颜色以下的图像。 渐进式JPEG,用户体验更好,文件体积更小。 适当的使用模糊降低JPEG细节,一些平滑过渡的颜色和色调,可减少图片体积。 JPEG2000图像更加细腻平滑,而且体积相比JPEG最高可减少30%,但JPEG2000还没有被广泛使用。 PNG PNG可分为,PNG8(调色板图像,支持半透明。但在PS只能导出布尔值的PNG8即要么不透明要么全透明不能实现全透明),PNG24(真色彩,不支持透明(和JPG唯一的区别是PNG24是无损的格式)、PNG32(真色彩,支持半透明。) 半透明的PNG8,与PS里的透明PNG24,体积有很大差异,所以色彩简单256色内的半透明图片,尽量使用PNG8。 在艺术加工过程中,可能把某些区域隐藏但依然占有数据空间,可利用PNGGauntlet工具对导出后的PNG,进行二次压缩把被隐藏数据清除。 需要真色彩及透明度的效果我们需要用到PNG32但往往文件体积会比较大,在可行的情况下,我们可以使用SWF替换PNG32,但对性能会有一定的影响,建议大家可以参考权衡一下。 工具 ImageMagick 、Gifsicle : 服务器及批量压缩的好工具。 PNGGauntlet: 把GIF转换成PNG8,如果是GIF动画经转换后则成了静态的PNG8图片。对现有的PNG8、PNG24、PNG32进行二次压缩,把多余的数据块清除。 TweakPNG: 是一款PNG数据块检查工具,经压缩过的PNG一般保留的数据块不超过5个。 Fireworks与Photoshop: 相同的质量,Fireworks比Photoshop输出的图片体积更小。 更多的工具参考: http://www.phpied.com/give-png-a-chance/
潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
Webrebuild
More from 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
Download now