Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what are the advantages of using Spine.js". In daily operation, I believe many people have doubts about what advantages Spine.js has. Xiaobian consulted various materials and sorted out simple and easy to use operation methods. I hope to help you answer the doubts about "what advantages Spine.js has"! Next, please follow the small series to learn together!

1. Clear structure

Spine.js follows the MVC pattern, and all of my apps follow the MVC architecture, so I quickly figured out how to structure my apps with Spine.js. This deja vu is amazing. This makes it clear which classes are doing what and which classes are active.

2) The model is a model.

Backbone.js also has models, but it's clumsy because some collections-essentially arrays of models-can query the API and assign themselves values with the results. The Spine.js model is very similar to the Rails model. A model can be instantiated to render records, but it also has class-level methods to pull results from the API. These methods return results rather than producing an array, so we don't need to think about where the class is active. Because collections are instances, many of the examples I've seen treat them as singletons. As a result, those who learned Backbone.js and followed those examples also learned to write undetectable code.

3、Spine.app

When using Backbone.js, I found that I copied/pasted code every time I created a new class, and I began to miss the generator I was used to in Rails. With a single command, I was able to generate a new class with spec based on the template, saving me years of development life. "Developing Backbone.js generator" continues to be on my todo list, but I never got started on it.

Spine.app generates files, and with one line, I create a new class with spec, just like Rails.

4. Dynamic recording

This is like crazy black magic, but it solves a problem I had with Backbone.js. Suppose a view of your app gets a record. Then you retrieve and update the same record in different views. In Spine.js, both records are updated simultaneously. You don't have to worry about keeping them in sync. When I read this article, I was moved by it.

5. Element Hash

When using Backbone.js, I always find that I manually assign variables to embed elements in the rendering method of each view, repeating the same code for each element-there are many boilerplate files. In Spine.js, it has the element hash,key is the selector, and the value is the variable name, just like Backbone.js event hash, all your elements are mapped, so clear and concise.

6. Method update

In my Flash days, optimization was key to survival. If I forget to remove an event listener, my app will overflow memory, like an app that is under-maintained. Because of this, I included a method in each class to unregister and remove all event listeners. Spine.js has this feature built in.

7. Routing in the controller

There is no Router class in Spine.js. This functionality is part of the controller class. In any controller, I can navigate to a new location and react to it. Other controllers can also respond to this new position. There is no need to create a routing singleton now.

8. Model adapter

By default, Spine.js keeps models in memory, but there are two adapters that can be applied to any model class-Ajax and Local. Simply inherit these adapters and your data will be stored in remote databases or using HTML5 native storage APIs. All of this takes just one line of code.

9. Get the model from HTML elements

This is another problem I have with Backbone.js. I instantiate a view and bind it to a model, and I am not so lucky when I need to reference data without accessing the view instance. Spine.js provides a jQuery plug-in to access the model of an element. Simply call the data method on the element and you get the corresponding model.

10. Journal

Spine.js comes with a lightweight, handy logging module. You can call the log method in any controller, and it will be prefixed with a series of prefixes and output to the console.

At this point, the study of "What are the advantages of using Spine.js" is over, hoping to solve everyone's doubts. Theory and practice can better match to help you learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.