Submit Search
Upload
Kissy mvc
•
Download as PPTX, PDF
•
2 likes
•
1,265 views
yiming he
Follow
kissy's backbone style mvc
Read less
Read more
Technology
Business
Report
Share
Report
Share
1 of 32
Download now
Recommended
Docker 1.12 (dockercon recap)
Docker 1.12 (dockercon recap)
Nguyen Anh Tu
What can-be-done-around-mesos
What can-be-done-around-mesos
Zhou Weitao
Cloud Computing Training
Cloud Computing Training
Deccansoft
AWS Elastic Container Service - DockerHN
AWS Elastic Container Service - DockerHN
Nguyen Anh Tu
VSTS/ TFS automated Release Pipelines for Web Applications with Docker
VSTS/ TFS automated Release Pipelines for Web Applications with Docker
Marc Müller
Sails.js Model / ORM introduce
Sails.js Model / ORM introduce
謝 宗穎
Ruby on Rails & PostgreSQL - v2
Ruby on Rails & PostgreSQL - v2
John Ashmead
Sails js
Sails js
Andrey Kolodnitsky
Recommended
Docker 1.12 (dockercon recap)
Docker 1.12 (dockercon recap)
Nguyen Anh Tu
What can-be-done-around-mesos
What can-be-done-around-mesos
Zhou Weitao
Cloud Computing Training
Cloud Computing Training
Deccansoft
AWS Elastic Container Service - DockerHN
AWS Elastic Container Service - DockerHN
Nguyen Anh Tu
VSTS/ TFS automated Release Pipelines for Web Applications with Docker
VSTS/ TFS automated Release Pipelines for Web Applications with Docker
Marc Müller
Sails.js Model / ORM introduce
Sails.js Model / ORM introduce
謝 宗穎
Ruby on Rails & PostgreSQL - v2
Ruby on Rails & PostgreSQL - v2
John Ashmead
Sails js
Sails js
Andrey Kolodnitsky
SilverStripe Meetup 07/06/2011
SilverStripe Meetup 07/06/2011
GPMD Ltd
Meteor presentation
Meteor presentation
Andy Bute
Usecase examples of Packer
Usecase examples of Packer
Hiroshi SHIBATA
Baking in the cloud with packer and puppet
Baking in the cloud with packer and puppet
Alan Parkinson
Packer, where DevOps begins
Packer, where DevOps begins
Jeff Hung
A Introduction of Packer
A Introduction of Packer
Freyr Lin
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
HubSpot Product Team
Shipping Performant 3rd Party JavaScript Widgets
Shipping Performant 3rd Party JavaScript Widgets
Eric Clemmons
Packer
Packer
Diego Pacheco
Archiving in eZ Publish: What to do with all your content
Archiving in eZ Publish: What to do with all your content
Peter Keung
Power your website with Windows Azure
Power your website with Windows Azure
João Pedro Martins
Application Deployment and Management at Scale at 1&1
Application Deployment and Management at Scale at 1&1
Matt Baldwin
reInvent 2021 Recap and k9s review
reInvent 2021 Recap and k9s review
Faheem Memon
Using ansible to core os & kubernetes clusters
Using ansible to core os & kubernetes clusters
magicmarkup
Barcamp Macau 2014 - Introduction to AWS
Barcamp Macau 2014 - Introduction to AWS
Wong Hoi Sing Edison
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
MongoDB
Ansible and CloudStack
Ansible and CloudStack
ShapeBlue
Share point 2013 on azure
Share point 2013 on azure
Prabath Fonseka
OpenStack Tokyo Meeup - Gluster Storage Day
OpenStack Tokyo Meeup - Gluster Storage Day
Dan Radez
London Hug 19/5 - Terraform in Production
London Hug 19/5 - Terraform in Production
London HashiCorp User Group
Client Side MVC with Backbone and Rails
Client Side MVC with Backbone and Rails
Tom Z Zeng
Play Framework and Activator
Play Framework and Activator
Kevin Webber
More Related Content
What's hot
SilverStripe Meetup 07/06/2011
SilverStripe Meetup 07/06/2011
GPMD Ltd
Meteor presentation
Meteor presentation
Andy Bute
Usecase examples of Packer
Usecase examples of Packer
Hiroshi SHIBATA
Baking in the cloud with packer and puppet
Baking in the cloud with packer and puppet
Alan Parkinson
Packer, where DevOps begins
Packer, where DevOps begins
Jeff Hung
A Introduction of Packer
A Introduction of Packer
Freyr Lin
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
HubSpot Product Team
Shipping Performant 3rd Party JavaScript Widgets
Shipping Performant 3rd Party JavaScript Widgets
Eric Clemmons
Packer
Packer
Diego Pacheco
Archiving in eZ Publish: What to do with all your content
Archiving in eZ Publish: What to do with all your content
Peter Keung
Power your website with Windows Azure
Power your website with Windows Azure
João Pedro Martins
Application Deployment and Management at Scale at 1&1
Application Deployment and Management at Scale at 1&1
Matt Baldwin
reInvent 2021 Recap and k9s review
reInvent 2021 Recap and k9s review
Faheem Memon
Using ansible to core os & kubernetes clusters
Using ansible to core os & kubernetes clusters
magicmarkup
Barcamp Macau 2014 - Introduction to AWS
Barcamp Macau 2014 - Introduction to AWS
Wong Hoi Sing Edison
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
MongoDB
Ansible and CloudStack
Ansible and CloudStack
ShapeBlue
Share point 2013 on azure
Share point 2013 on azure
Prabath Fonseka
OpenStack Tokyo Meeup - Gluster Storage Day
OpenStack Tokyo Meeup - Gluster Storage Day
Dan Radez
London Hug 19/5 - Terraform in Production
London Hug 19/5 - Terraform in Production
London HashiCorp User Group
What's hot
(20)
SilverStripe Meetup 07/06/2011
SilverStripe Meetup 07/06/2011
Meteor presentation
Meteor presentation
Usecase examples of Packer
Usecase examples of Packer
Baking in the cloud with packer and puppet
Baking in the cloud with packer and puppet
Packer, where DevOps begins
Packer, where DevOps begins
A Introduction of Packer
A Introduction of Packer
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Shipping Performant 3rd Party JavaScript Widgets
Shipping Performant 3rd Party JavaScript Widgets
Packer
Packer
Archiving in eZ Publish: What to do with all your content
Archiving in eZ Publish: What to do with all your content
Power your website with Windows Azure
Power your website with Windows Azure
Application Deployment and Management at Scale at 1&1
Application Deployment and Management at Scale at 1&1
reInvent 2021 Recap and k9s review
reInvent 2021 Recap and k9s review
Using ansible to core os & kubernetes clusters
Using ansible to core os & kubernetes clusters
Barcamp Macau 2014 - Introduction to AWS
Barcamp Macau 2014 - Introduction to AWS
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
MongoDB and Amazon Web Services: Storage Options for MongoDB Deployments
Ansible and CloudStack
Ansible and CloudStack
Share point 2013 on azure
Share point 2013 on azure
OpenStack Tokyo Meeup - Gluster Storage Day
OpenStack Tokyo Meeup - Gluster Storage Day
London Hug 19/5 - Terraform in Production
London Hug 19/5 - Terraform in Production
Similar to Kissy mvc
Client Side MVC with Backbone and Rails
Client Side MVC with Backbone and Rails
Tom Z Zeng
Play Framework and Activator
Play Framework and Activator
Kevin Webber
Spring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloud
Orkhan Gasimov
Azure cli-azure devops
Azure cli-azure devops
Thi Nguyen Dinh
Evolution of a cloud start up: From C# to Node.js
Evolution of a cloud start up: From C# to Node.js
Steve Jamieson
Icinga 2009 at OSMC
Icinga 2009 at OSMC
Icinga
What is the State of my Kafka Streams Application? Unleashing Metrics. | Neil...
What is the State of my Kafka Streams Application? Unleashing Metrics. | Neil...
HostedbyConfluent
StackWatch: A prototype CloudWatch service for CloudStack
StackWatch: A prototype CloudWatch service for CloudStack
Chiradeep Vittal
IBM Think 2018 - IBM Connections Troubleshooting
IBM Think 2018 - IBM Connections Troubleshooting
Nico Meisenzahl
C# Advanced L09-HTML5+ASP
C# Advanced L09-HTML5+ASP
Mohammad Shaker
Staging Drupal 8 31 09 1 3
Staging Drupal 8 31 09 1 3
Drupalcon Paris
MonkeyMan – a Perl5 framework for Apache CloudStack automation
MonkeyMan – a Perl5 framework for Apache CloudStack automation
Cloud IaaS Provider Tucha
Global Scale ESB with Mule
Global Scale ESB with Mule
Andrew Kennedy
Webpack Encore - Asset Management for the rest of us
Webpack Encore - Asset Management for the rest of us
Stefan Adolf
Making MySQL Administration a Breeze - A look into a MySQL DBA's toolchest
Making MySQL Administration a Breeze - A look into a MySQL DBA's toolchest
Lenz Grimmer
CFWheels - Pragmatic, Beautiful Code
CFWheels - Pragmatic, Beautiful Code
indiver
Zero to scaleable in ten minutes
Zero to scaleable in ten minutes
Matt Walters
Architectures, Frameworks and Infrastructure
Architectures, Frameworks and Infrastructure
harendra_pathak
The Wix Microservice Stack
The Wix Microservice Stack
Tomer Gabel
Social Connections 13 - Troubleshooting Connections Pink
Social Connections 13 - Troubleshooting Connections Pink
Nico Meisenzahl
Similar to Kissy mvc
(20)
Client Side MVC with Backbone and Rails
Client Side MVC with Backbone and Rails
Play Framework and Activator
Play Framework and Activator
Spring Cloud: API gateway upgrade & configuration in the cloud
Spring Cloud: API gateway upgrade & configuration in the cloud
Azure cli-azure devops
Azure cli-azure devops
Evolution of a cloud start up: From C# to Node.js
Evolution of a cloud start up: From C# to Node.js
Icinga 2009 at OSMC
Icinga 2009 at OSMC
What is the State of my Kafka Streams Application? Unleashing Metrics. | Neil...
What is the State of my Kafka Streams Application? Unleashing Metrics. | Neil...
StackWatch: A prototype CloudWatch service for CloudStack
StackWatch: A prototype CloudWatch service for CloudStack
IBM Think 2018 - IBM Connections Troubleshooting
IBM Think 2018 - IBM Connections Troubleshooting
C# Advanced L09-HTML5+ASP
C# Advanced L09-HTML5+ASP
Staging Drupal 8 31 09 1 3
Staging Drupal 8 31 09 1 3
MonkeyMan – a Perl5 framework for Apache CloudStack automation
MonkeyMan – a Perl5 framework for Apache CloudStack automation
Global Scale ESB with Mule
Global Scale ESB with Mule
Webpack Encore - Asset Management for the rest of us
Webpack Encore - Asset Management for the rest of us
Making MySQL Administration a Breeze - A look into a MySQL DBA's toolchest
Making MySQL Administration a Breeze - A look into a MySQL DBA's toolchest
CFWheels - Pragmatic, Beautiful Code
CFWheels - Pragmatic, Beautiful Code
Zero to scaleable in ten minutes
Zero to scaleable in ten minutes
Architectures, Frameworks and Infrastructure
Architectures, Frameworks and Infrastructure
The Wix Microservice Stack
The Wix Microservice Stack
Social Connections 13 - Troubleshooting Connections Pink
Social Connections 13 - Troubleshooting Connections Pink
More from yiming he
kissy 1.5 progress
kissy 1.5 progress
yiming he
kissy at alibaba
kissy at alibaba
yiming he
kissy modularization part2
kissy modularization part2
yiming he
kissy modularization part1
kissy modularization part1
yiming he
KISSY @ 2013-2
KISSY @ 2013-2
yiming he
KISSY 1.4.0 released
KISSY 1.4.0 released
yiming he
callSuper in kissy
callSuper in kissy
yiming he
KISSY XTemplate
KISSY XTemplate
yiming he
Introduction to kissy for adc 2013
Introduction to kissy for adc 2013
yiming he
Kissy component system
Kissy component system
yiming he
KISSY@2013.05
KISSY@2013.05
yiming he
kissy@2013.03
kissy@2013.03
yiming he
kissy@2013
kissy@2013
yiming he
KISSY 1.3-released
KISSY 1.3-released
yiming he
Simple kissy1.3
Simple kissy1.3
yiming he
Hujs 总结
Hujs 总结
yiming he
Kissy in-progress
Kissy in-progress
yiming he
Kissy dpl-practice
Kissy dpl-practice
yiming he
编辑器设计2
编辑器设计2
yiming he
KISSY Editor Design 2
KISSY Editor Design 2
yiming he
More from yiming he
(20)
kissy 1.5 progress
kissy 1.5 progress
kissy at alibaba
kissy at alibaba
kissy modularization part2
kissy modularization part2
kissy modularization part1
kissy modularization part1
KISSY @ 2013-2
KISSY @ 2013-2
KISSY 1.4.0 released
KISSY 1.4.0 released
callSuper in kissy
callSuper in kissy
KISSY XTemplate
KISSY XTemplate
Introduction to kissy for adc 2013
Introduction to kissy for adc 2013
Kissy component system
Kissy component system
KISSY@2013.05
KISSY@2013.05
kissy@2013.03
kissy@2013.03
kissy@2013
kissy@2013
KISSY 1.3-released
KISSY 1.3-released
Simple kissy1.3
Simple kissy1.3
Hujs 总结
Hujs 总结
Kissy in-progress
Kissy in-progress
Kissy dpl-practice
Kissy dpl-practice
编辑器设计2
编辑器设计2
KISSY Editor Design 2
KISSY Editor Design 2
Recently uploaded
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
Boston Institute of Analytics
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Recently uploaded
(20)
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Kissy mvc
1.
KISSY MVC Overview
yiminghe@gmail.com 2011-11-17 Draft
2.
• mvc 模块 •
KISSY.use (“mvc”,function(S,mvc){ – mvc.View => 视图 – mvc.Model => 模型 – mvc.Collection => 集合 – mvc.Router => 路由 – mvc.sync => 默认系统同步 • })
3.
Smart Model • Flexible
data transfer – sync – parse – url – urlRoot
4.
Smart Model 默认服务地址: /notes/{noteId}
5.
Smart Model • Event-Driven
– *Change – BeforeXChange – AfterXChange
6.
Smart Model Code
7.
Smart Model • Server-Transparent
– Load – Save – destroy
8.
Smart Model
9.
Smart Collection • Flexible
data transfer – sync – parse
10.
Smart Collection
11.
Smart Collection • models
management – sort – getById – getByCid – Add – Remve – S.each – S.filter
12.
Smart Collection
13.
Smart Collection • Event-Driven
– Bubbled *Change – add – remove – afterModelsChange • ( .load() )
14.
Smart Collection • Server-tranparent
– load – create
15.
Smart Collection
16.
Dumb View
17.
Dumb View Controllable View
With DOM Event
18.
Controllable View • Delegate
Events • Create Container bookmark? router model view !bookmark model view ?
19.
Controllable View
20.
Powerful router • url
hash dispatched to function with path param and query param (intelligent dispatch) • “/edit/:id” -> fn – /edit/99?q=1 => fn(pathParam,queryParam) • pathParam => {id:99} • queryParam => {q:1} • “/new/*path” – /new/kissy-mvc/is-good => fn(pathParam) • pathParam => {path:”kissy-mvc/is-good”} • “/*path”
21.
Graceful html5 support •
Promotion @ Html5 History – http://xx.com/#new – => – http://xx.com/new • Degradation @ html < 5 – http://xx.com/new – => – http://xx.com/#new
22.
Router Events • Also
some events hashchange route model view
23.
Powerful Router
24.
Global sync • mvc.sync
– Load notes list => /notes/?_method=read – Update note => /notes/noteId?_method=update – Delete note => /notes/noteId?_method=delete – Create note => /notes/?_method=create – Load single note => /notes/noteId?_method=read
25.
Example • KISSY Notebook
26.
list
27.
NotesView/NoteView
28.
SearchView
29.
EditView
30.
Router
31.
Sync • Using localStorage
32.
Refer API: http://docs.kissyui.com/docs/html/api/component/mvc/index.html Demo: http://docs.kissyui.com/kissy/src/mvc/demo.html
Download now