Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
后IE6时代
Search
kaiye
September 06, 2012
Technology
1
1.4k
后IE6时代
在IE6即将消失的时代,中国前端开发者能做些什么,从哪开始做?
kaiye
September 06, 2012
Tweet
Share
More Decks by kaiye
See All by kaiye
大话前端黑客
kaiye
4
300
前端七年之路
kaiye
8
390
拍拍首页2012版前端技术应用
kaiye
2
260
CSS3/JS/Flash版动画角标的实现与比较
kaiye
0
130
GDD 2011 in Guangzhou
kaiye
0
1.8k
拍首2011前端技术分享
kaiye
1
170
Notification 3
kaiye
0
85
前端开发眼中的组件库
kaiye
3
330
Notification 2
kaiye
0
67
Other Decks in Technology
See All in Technology
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
800
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
190
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Designing for humans not robots
tammielis
247
25k
Debugging Ruby Performance
tmm1
71
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Raft: Consensus for Rubyists
vanstee
134
6.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Transcript
后IE6时代+ kaiye @ Notification 4
IE6 Countdown http://www.ie6countdown.com/
March 1, 2010
RIP in 中国?
RIP in 中国? 50周后降到1%
也许用不了那长时间 • 史密达的速度让人瞠目结舌 http://gs.statcounter.com/ #browser_version-KR- monthly-200912-201204 • WHY? 政府法律 SEED
开源社区 opentochoice.org
唯⼀一不变的 就是变化 自动升级的IE 更安全的网银 ⼀一个爱维稳的政府:( 鸿祎教主拯救世界?
大伯(太伯) (16:47:16): 拒绝IE6就是拒绝74%的用户,拒绝IE浏览就是拒绝99%的衣食父母,你看着办吧 鸽子(520xiaogezi) (16:50:53): 感谢番茄,感谢IE6--让我地有工做,有饭食,吾露宿街头
前端开发@后IE6时代
未来总是美好的 • 更少的调试时间 • 更炫的视觉效果 • 更爽的交互体验 • 更强的前端架构
调试时间-- • Position is Everything • MSDN: Details on our
CSS changes for IE7 • IE6 a:hover 的各种BUG • IE6最诡异的BUG
http abort / memory leak / ...
Visual Effect++ PNG32 & Alpha filter
更爽的交互体验 • :hover • position: fixed • background-attachment: fixed
<strong>前端架构</strong> • Box Model的统⼀一促进 响应式layout变革 • 模块化CSS • 清浮动方法统⼀一 •
WPO新台阶
后IE6时代关键前端技术 • min-width / min-height • 弹性流体布局 • :first-child /
.classA.classB • ._class{} • overflow:hidden • 并发连接数激增对前端架构的影响 • ::before ::after对前端技术的冲击
现实总是残酷的
Where We Start?
Chrome内裤上的线头 • 谭校长《那些被忽视的边框的边缘》 http://km.oa.com/group/15166/articles/ show/98785
给我⼀一个支点,我可以翘起地球
再加⼀一个DIV CSS可以实现⼀一切 给我⼀一个支点,我可以翘起地球
+
推动WEB向前发展 http://movethewebforward.org/cn/
推动后IE6时代变革 • 以彼之长,攻彼之短 filter: Alpha / Transition / Gradient /
... htc: DHTML behavior • IE7.js • DD_belatedPNG & DD_roundies
None
See Ya