Agile Lite is a HTML5 mobile front-end framework that supports both jquery and Zepto dual engines, and provides a standalone, UI-independent framework with built-in flat UI styles and ratchet styles, as well as single-page mode and multi-page mode development. for the current more popular built-in browser App,agile Lite can be easily used in different modes to develop.
Here's a look at the features of WebApp based on Agile Lite to see which scenarios you can adapt to using Agile lite.
Feature one: Rich UI components
Agile Lite Designs a multitude of UI components, including some basic components, such as buttons, colors, font graphs, forms, lists, details, and other components for the optimization of some special controls and performance efficiencies, such as: Slider slider, sliderpage sliding page, Pull-up refresh component, lazy load component, slide delete component, dynamic Edit List component, calendar component, etc. The components are designed to conform to the operating habits and styles of the mobile side and are fully compliant with the HTML5 specifications.
Feature two: Independent extension of irrelevant UI
Agile Lite's underlying UI contains only a layout CSS style sheet, and all of the styles in this framework that have separate UI features can be added to Agile lite, for example, the Recthet style we built in the source code can be fully agile Use in Lite.
Therefore, it is very convenient for developers to extend their own UI without being limited to existing styles
Feature three: jquery and Zepto dual engine support
Both jquery and Zepto have their own pros and cons, giving many developers the option to worry about. Agile Lite is a good fit for both, regardless of which engine can be used to complete the logical operation of Agile Lite, different pages can use different engines.
So, for developers, third-party plug-ins that use a particular engine can be well fused.
Feature four: Complete controller logic operation
Agile Lite All component switching is done through the controller, the controller's notation supports the Tag property call also supports the JS method trigger, the controller can also set parameters to the component call, such as: section page, modal page, tab page, sliding page and so on switch, Can be easily implemented using the controller. And all the controllers are extensible, and the new control requirements can be extended to the controller.
Feature five: Full event-driven architecture
from Agile Lite, to the creation, display, hiding, destruction and other life cycle of each component, there are corresponding event triggers, all business logic is completed within the event, and these events are bound to the native events of the host container to complete the same life cycle interaction logic as the native program. More in line with app performance. For example, the ready event and the close close page function can all be bound to agile lite.
Feature six: Single-page mode and multi-page mode coexistence
the development mode of Agile Lite supports both single-page mode and multi-page mode, in principle single-page mode is suitable for single-window host container (for example: PhoneGap, etc.), multi-page mode is suitable for multi-window host container (such as Exmobi, etc.). However, in the very special, for Office-type apps generally use single-page mode, you can make the page DOM structure to maximize reuse, and the most convenient page interaction (no cross-page operation), and for the marketing of the app, most pages need to be forwarded to propagate, with relative independence, you can use the multi-page mode.
Feature seven: JS SDK Seamless Integration
itself provides a rich JS SDK that can help developers to use some of the local capabilities in the application and some event monitoring for internal operations to achieve more complex logic.
The JS SDK of Agile Lite has realized the authentication of config, the simple configuration can realize the seamless invocation of JS SDK and support the fast implementation of payment, and help the developer to use the JS SDK faster and more flexibly.
Finally, it is to Shao an Agile lite short board. Agile Lite is designed for frameworks with host containers (such as phonegap, Exmobi, etc.), so the business logic is more in favor of native apps, so it's not suitable for many browser-based single-window marketing pages and games, Because the single-page mode contains only one page, that is, a URL address, for page sharing and forwarding has some limitations, and the use of multi-page mode Although the problem can be solved, but the single-page mode of many features are lost. In addition, the multi-page mode of Agile Lite is also more suitable for multi-page and multi-window matching in Exmobi, a host container that can support Multi-window opening.
OK, so much to say, it's time to experience, here are some examples of Agile lite for reference.
Agile Lite Example EDN Lite version (discuz forum)
Mall Micro Shop Sample Agile Litejs SDK
official address: http://www.agilelite.net/index.html
Mixed-Frame-agilelite
