Giter Site home page Giter Site logo

meathill-lecture / jquery-backbone-vue Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 1.0 21 KB

从 jQuery 到 Backbone,再到 Vue,带你理解 JS 发展的脉络

Home Page: https://meathill-lecture.github.io/jquery-backbone-vue/

JavaScript 72.35% HTML 21.37% CSS 6.27%
backbone vue jquery lecture

jquery-backbone-vue's Introduction

[已播] jQuery, Backbone, Vue


内容简介

以主流框架为标记,介绍前端开发的发展。

首先,jQuery 出现,解决了很多实际问题,成为行业事实标准。但是缺少业务逻辑抽象,在开发大型应用的时候无法提供帮助。

于是大家将 MV* 模式引入前端开发。因为前端开发的特殊性(HTML、CSS 实际上解决了渲染的问题),MVP 架构的 Backbone 凭借出色的设计和小巧的体积,赢得大家青睐。使用 Backbone 可以构建更强壮的大型应用,开发效率更高。

但是 Backbone 增加了业务抽象,使得程序结构更复杂,相应的需要代码也更多。大量的时间绑定和视图处理增加了我们的开发成本。

之后 MVVM 模式的框架出现,发展很快。凭借双向绑定和强大的模板机制,既保有新框架的优势,又能少写很多代码,于是快速占领市场。尤其是 Vue,学习曲线平缓,文档齐全,社区活跃,已经成为最值得学习的前端框架。

本教程将使用上述三种形式开发同一 TODO 应用,展示这几种开发方式之间的不同,帮助大家理解他们的差异。

范例代码

sample
├-- jquery/
├-- backbone/
├-- vue/
└-- template/  练习用

协议

代码部分采用 MIT 进行许可。

知识共享许可协议 Slide 和文档部分采用 CC4.0 进行许可

jquery-backbone-vue's People

Contributors

meathill avatar

Stargazers

Deerheart avatar 若川 avatar  avatar Ruqi avatar

Watchers

 avatar James Cloos avatar

Forkers

alpha0x00

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.