In fact, the front-end is like building a house, and there are various construction methods.
For example, you can build a house with your hands alone. In this case, you know the stability of the House in every corner, but the efficiency is low.
You can also use various tools to submit the efficiency of building your house. For example, you can use a mixer to help you and cement. You don't need to know how the mixer works. You just need to press the switch according to its instructions and it will help you quickly complete the task.
The front-end framework is our front-end house building tool,Easy to use.
Next, let's talk about the front-end framework that has been very helpful to me over the years.
1. Basic Framework 1.1jquery -- the front-end does not understand jquery, so it is useless to learn more. The most common and practical JavaScript framework, even if you don't know what native Javascript is, but as long as you read jquery APIs several times, you will also find that you also understand Dom operations, it also supports Ajax and various interactions on the page. For beginners, the book sharp jquery is definitely enough for you to get started with jquery. As we all know about it, let's not talk about it.
1.2 sass and less-CSS preprocessing artifacts they are CSS preprocessors, giving CSS programming features and making CSS live. Their basic idea is to use a special programming language to design web pages and then compile them into normal CSS files. If you haven't used them, I can only say that you are too slow. Sass and less make your CSS more flexible, efficient, and easy to manage. I will not talk about other benefits, you can go to see Ruan Yifeng Network Log http://www.ruanyifeng.com/blog/2012/06/sass.html
1.3zepto.js
Zepto. JS is simply summarized as jquery, the simplified version of the mobile phone end. Its main component is compressed by zip and only 9 K. Its appearance makes the mobile phone page more colorful in response and interaction. Its syntax is basically the same as that of jquery. Of course, it also has a pitfall, that is, the expansion of touch. JS, which is not supported by some browsers and has poor compatibility. Everyone should keep this in mind to avoid pitfalls.
1.4foundation-why do the leaders in responsive layout put the foundation in the basic article? In fact, they want to emphasize its layout idea-responsive layout. Today, with more and more mobile phone pages, and the prevalence of flexible fluid design, the guiding role of foundation is indispensable. Although it is far more than responsive layout, it is also because of too many features. Sometimes it feels a little heavier when it is practical on mobile terminals. Therefore, we suggest that you learn the idea and principle of responsive layout and then implement responsive layout on your own.
2. When it comes to the framework at this level, the page-building framework is a constant stream of resources. There are too many frameworks. Next I will only list the useful ones I have used.
2.1bootstrap-the popular build-up framework du Niang tells us that Bootstrap is an open-source toolkit for front-end development launched by Twitter. It was developed by Twitter designer mark Otto and Jacob Thornton. It is a CSS/html framework. Bootstrap provides elegant HTML and CSS specifications, which are written by the dynamic CSS language less. Since its launch, bootstrap has become a popular open-source project on GitHub. It is used by breaking news of NASA's MSNBC (Microsoft National Broadcasting Corporation. Rich Components and JS plug-ins, flexible combination of components, simple and elegant UI, and so on, so that web development is faster and simpler. The bad thing is that browsers with low versions do not support content such as responsive layout. I have used it to quickly build a background system. It is really fast and accurate. It is worth using.
2.2seajs-js modular Tool
Seajs is a javascript module loading framework that complies with commonjs specifications. It can implement JavaScript modular development and loading mechanisms. Unlike JavaScript frameworks such as jquery, seajs does not extend the encapsulation language features, but only implements JavaScript modularization and load by module.
Seajs uses JS particle-based and On-Demand Loading to make the entire front-end pipeline run faster and smoother. The same type also includes requirejs and Baidu's fiis.
3. MVC Framework-MVC day and night 3.1backbone.js backbone provides models, collections, and views structures for complex JavaScript applications. The model is used to bind key-value data and custom events. The set contains a wide range of APIs with enumeration functions. The view can declare event processing functions and connect to applications through the restful JSON interface. The use of backbone. JS is only available for me. If you are interested, visit the official website.
3.2angular.js this framework is very powerful when someone else introduced it. For details, please go to its official website. Bytes. Disadvantage: the code is not efficient, and the modular view is not enough.
Write so much first, and then add it later.
Author: alone
Antroduction: Senior front-end development engineer
Sign: there is no failure in life, only success in life.
Recommended articles for bloggers:
Moving up and down events on the Mobile End -- touch. js
Seajs-A Tool for modular Development
I have read interesting front-end questions and don't regret them.
Mobile front-end development overview
Semantics of tags
Introduction to scroll wheel events
Without a long journey or even a thousand miles ---- highly adaptive textarea
Sass and less, excellent front-end style Preprocessor
What about parallax scrolling?
Small bugs about common pitfalls
Front-end frameworks I have helped me over the years (practical)
