Your SlideShare is downloading. ×
0
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Pagelet in action
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Pagelet in action

3,844

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,844
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Pagelet in Action fahai@taobao.com
  • 2. What The…• Applet, Widget, Gadget, …• Part of a page.• You mean “part”? – Independent life cycle. – How to divide? • For those view-only… • For whoever communicate… – And more…
  • 3. Pagelet in BigPipe• The same as previous stuff…• Work elements: – Basic DOM frame and seed.js only for first request. – And pagelets’ initial meta in JSON. (html, css, js, onloadRegister) – Initialize.• Work modes: – Static. – Pipe. – Parallel.
  • 4. So… Why pagelet• Serial response and rendering to parallel.• Reuse.
  • 5. Basic Practice• Static… just for reuse.• DPL is just unnecessary.
  • 6. Reorganize our code• include• combo• local concat
  • 7. Communication• No need for those view-only ones! – Oh, maybe there’s a little bit yet… • CSS dependency. • ONE simple base, many specific pagelets.• What if I have complicated JS rels? – Simplify the dependency structure. – Interface oriented, that is, one port in, and one port out.
  • 8. More…• Nesting?• Fly-weight guys… say… a button!?• A “control” wrap?... like… WebX!?• Apply pagelet on an advanced level.
  • 9. Q & A & THANK U!

×