Pagelet in action

4,227 views
4,056 views

Published on

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

No Downloads
Views
Total views
4,227
On SlideShare
0
From Embeds
0
Number of Embeds
404
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Pagelet in action

  1. 1. Pagelet in Action fahai@taobao.com
  2. 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. 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. 4. So… Why pagelet• Serial response and rendering to parallel.• Reuse.
  5. 5. Basic Practice• Static… just for reuse.• DPL is just unnecessary.
  6. 6. Reorganize our code• include• combo• local concat
  7. 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. 8. More…• Nesting?• Fly-weight guys… say… a button!?• A “control” wrap?... like… WebX!?• Apply pagelet on an advanced level.
  9. 9. Q & A & THANK U!

×