Upgrade to Pro — share decks privately, control downloads, hide ads and more …

分层语义化模板实现

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Max Max
February 17, 2013
Programming
180
0

 分层语义化模板实现

分层语义化模板实现

Avatar for Max

Max

February 17, 2013

More Decks by Max

See All by Max
让前端开发更高效
Avatar for Max maxlee
1
200
如何发现前端性能问题
Avatar for Max maxlee
4
200
七年很痒
Avatar for Max maxlee
1
140
跟乐高学模块设计
Avatar for Max maxlee
2
150
从YUI2到YUI3看前端的演变
Avatar for Max maxlee
0
130
Qzone-前端-CPU-性能优化
Avatar for Max maxlee
0
200
更好的文件组织
Avatar for Max maxlee
0
97
Mobile App Action design
Avatar for Max maxlee
1
100
关于数据分析
Avatar for Max maxlee
0
170

Other Decks in Programming

See All in Programming
ローカルLLMでどこまでコードが書けるか -拡張版 /　How much code can be written on a local LLM Extended
Avatar for Naoki Kishida kishida
11
4.1k
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
140
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
Avatar for nrs nrslib
4
1.4k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
550
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
340
Contextとはなにか
Avatar for chiroruxx chiroruxx
1
320
メソッドのジェネリクスでGoの夢は広がるか？ / Kyoto.go #65
Avatar for utagawa kiki utgwkk
3
770
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
160
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
110
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.6k
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.1k

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
240
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
430
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
220
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.7k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.3k

Transcript

  1. ٳҪეၬ߄ଆϰൌ࡬ क़फ http://hikejun.com twitter: @kejunz

  2. Me. • ᅦक़फ • భ؊۽ӱഽč׸ϵĎ • http://hikejun.com • twitter: @kejunz

  3. L(ayered) S(emantic) M(arkup)

  4. L(ayered) S(emantic) M(arkup) ٳҪĒ భ؊֥MVCࡏܒ

  5. L(ayered) S(emantic) M(arkup) ٳҪĒ భ؊֥MVCࡏܒ ეၬĒ ކ৘קၬIA

  6. DesignerބFrontEnd Engineer ׻൞ྐ༏֥Ԯղᆀ demoğhttp://hikejun.com/work/qq/spec/example_mod_compare.html

  7. PRD PSD HTML CSS

  8. PRD PSD HTML CSS

  9. PRD PSD HTML CSS

  10. PRD PSD HTML CSS

  11. PRD PSD HTML CSS JS Prototype ࢌ޺ྛູ ൪तіགྷ ྐ༏ࡏܒ

  12. PRD PSD HTML CSS JS Prototype ࢌ޺ྛູ ൪तіགྷ ྐ༏ࡏܒ C

    - ॥ᇅ V - ᅚགྷ M - ଆ྘

  13. HTML CSS Javascript ଽಸ ൪त(࣡෿) Ⴈ޼ྛູ(׮෿)

  14. UI֥ࡶࣉൌགྷݖӱ

  15. step 1: ձࡹHTML ۴ऌwireframeބ๤၂်֥૫҃अaଆॶࢲܒ demo: http://hikejun.com/work/qq/share_8.4/page_naked.png

  16. step 2: ނྏဢൔ ѓదresetđሳุđ৽ࢤđଆॶಸఖđ๙Ⴈଆॶဢൔčิൕaਙіaο୦֩Ďđ်૫҃अđၛࠣӈႨ֥rules(ۚਊaႅҟaౢڜ׮֩) demo: http://hikejun.com/work/qq/share_8.4/page_base_style_1.png

  17. step 3: ଆॶ๤၂ဢൔ קၬӁ௖(ࠇ௔֡)ࠩଆॶ๤၂ဢൔ demo: http://hikejun.com/work/qq/share_8.4/page_base_style_2.png

  18. step 4: ห೤ဢൔ ်૫ࠩህႵဢൔ demo: http://hikejun.com/work/qq/share_8.4/page_base_style_3.png

  19. step 5: ׮෿ིݔ/ࢌ޺ྛູ

  20. Ⴊׄ • ЌᆣᆜᅟUI֥၂ᇁྟ • ླྀቔིੱ۷ۚ • ิۚषؿིੱ

  21. HTML ၂۱ಸၞФದޭ൪֥ܱ࡯࢘೤

  22. ა൪त໭ܱ

  23. None
  24. None

  25. ᇗႨ demo: http://hikejun.com/work/qq/share_8.23/mod_comp.html ‘ࣚґ൪௔’ᇗႨğ http://hikejun.com/work/qq/share_8.23/sports.qq.com.html http://hikejun.com/work/qq/share_8.23/news.qq.com.html

  26. ѓሙ߄ࢲܒ

  27. 1. ѓሙ҃अࢲܒ demo: http://hikejun.com/work/qq/share_8.4/example2/article-layout.html

  28. II. ѓሙଆॶࢲܒ demo: http://hikejun.com/work/qq/share_8.4/example2/article.html

  29. III. ѓሙଆॶ demo: http://localhost/~kejun/douban/ui-framework/test/all.html

  30. IV. ྍଆॶ֥ӁളčஊളބቆކĎ demo: http://localhost/~kejun/douban/ui-framework/test/all.html

  31. ஻ਈളӁᇉਈन်֥֩૫

  32. Ӂ௖֥UIॖၛ֤֞๤၂֥॥ᇅ

  33. ླྀቔaॖ॥aིੱ

  34. Q&A

  35. ྆྆Ć:)