Table of Contents
Foreword
Top5: Polymer
Full-featured framework: with HTML module, its unique modularity, automated two-way data binding, semantic tags, dependency injection and other attributes. Especially suitable for heavyweight applications Development.
Top1: Vue.js
Home Web Front-end JS Tutorial Detailed explanation of a JavaScript framework--Top5

Detailed explanation of a JavaScript framework--Top5

Jun 24, 2017 pm 02:21 PM
javascript js frame

Foreword

  1. Personal opinions for your reference

  2. Opinions are derived from the author’s usage experience and daily research

  3. The ranking is based on the popularity of the framework, grammatical structure, ease of use and other features

  4. I hope you can find the framework that suits you best based on this video

  5. The following are strictly front-end frameworks and libraries


Preface

Top5: Polymer

Polymer is an open source project led by the front-end development team within the Google Chrome organization. The project's slogan is: [UseThePlatform]. The team believes that embracing the modern Web platform is the key to providing users and developers with The best way to apply. This producer introduces the following features of Polymer:

  1. Web Components: Web component API based on W3C standards.

  2. Using native browser technology: Web components are embedded in native browsers, so there is no need for third-party libraries like jQuery, dojo, etc., and they can work seamlessly with other Web components.

  3. Behaviors : Its unique Behaviors to share Web components and declare their properties.

  4. Encapsulation: It can encapsulate code and structure into the same location.

  5. Custom Elements: Developers can customize elements, add tags and attributes


##Polymer
Top4: Ember

Ember.js is an open source JavaScript MVC framework used to create web applications. It eliminates boilerplate and provides a standard application architecture. The project slogan is: "A framework for creating ambitious web applications".

  1. Efficient productivity: Its friendly API and ergonomic design concept allow developers to quickly complete the build work

  2. Name Conventions: Ember uses naming conventions that minimize code-saving abbreviations Everything you need to build production-ready web applications

  3. Rich plugins: Ember provides a rich set of plugins to easily share common code between applications

  4. Handlebars integrated template: can automatically update when the underlying data changes, which can greatly reduce the amount of code

  5. ##Ember
Top3: Angular
AngularJS was originally developed by Misko Hevery and Adam Abrons in 2009 and later became a Google project. AngularJS makes up for the shortcomings of HTML in building applications. It expands the HTML vocabulary in web applications by using identifier (directives) structures, allowing developers to use HTML to declare dynamic content, thus making web development and testing work easier. Easier.

    Very popular: Firstly it is maintained by Google. Secondly because Angular is part of the MEAN full stack
  1. Angular CLI: Just need You can build an Angular project by mastering a few commands
  2. TypeScript: Angular is written in TypeScript by default, which is more friendly to developers who like TypeScript.
  3. Use Ionic framework: Ionic framework is used to build Hybrid App, which is currently the most promising HTML5 mobile application development framework.
  4. Angular
Top2: React
React originated as an internal project of Facebook. In recent years, React has transformed from the earliest UI engine into a complete set of front-end and back-end Web App solutions. The concept of React is: [Learn once, write everywhere]
##Lightweight & Efficient: Unlike Angular, React is not a full-featured framework, so it is relatively lightweight. Virtual DOM also makes it possible to have Very good performance.

Very popular: It can replace Angular and become part of the MERN full stack.
  1. Flux&Redux: Although React is in the view layer Run in , but you can also use Flux and Redux
  2. to create responsive applications: React provides responsive view components and its own command line
  3. Mobile application: Producer believes that React is the best framework for building mobile applications
  4. ##React

    Top1: Vue.js

    Vue.js is a progressive JavaScript framework. Unlike other heavyweight frameworks, Vue adopts a bottom-up incremental development design. Vue’s core library Focusing only on the view layer, it is not only easy to get started, but also easy to integrate with third-party libraries or existing projects.

    1. Simple: Compared with other frameworks, it has a friendlier learning curve, only users Anyone with basic knowledge of HTML and JavaScript can learn to use Vue

    2. Flexible & Highly Productive: The template function has been added in the Vue2.0 version, its simple and compact core, progressive The technology stack can handle all applications.

    3. Fast speed: Vue’s virtual DOM is well optimized and very fast, especially suitable for developing applications with higher requirements for data visualization and animation. Medium.

    4. ##v-model & 2 way data binding: You can use v-model and 2 way model for data binding

    5. Vue- CLI: Vue has its own command line, and deploying Vue is much simpler than Angular.

    ##Vue.js
    If you encounter any problems during the learning process or want to obtain learning resources, you are welcome to join the learning exchange group


The above is the detailed content of Detailed explanation of a JavaScript framework--Top5. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to evaluate the cost-effectiveness of commercial support for Java frameworks How to evaluate the cost-effectiveness of commercial support for Java frameworks Jun 05, 2024 pm 05:25 PM

Evaluating the cost/performance of commercial support for a Java framework involves the following steps: Determine the required level of assurance and service level agreement (SLA) guarantees. The experience and expertise of the research support team. Consider additional services such as upgrades, troubleshooting, and performance optimization. Weigh business support costs against risk mitigation and increased efficiency.

How does the learning curve of PHP frameworks compare to other language frameworks? How does the learning curve of PHP frameworks compare to other language frameworks? Jun 06, 2024 pm 12:41 PM

The learning curve of a PHP framework depends on language proficiency, framework complexity, documentation quality, and community support. The learning curve of PHP frameworks is higher when compared to Python frameworks and lower when compared to Ruby frameworks. Compared to Java frameworks, PHP frameworks have a moderate learning curve but a shorter time to get started.

How do the lightweight options of PHP frameworks affect application performance? How do the lightweight options of PHP frameworks affect application performance? Jun 06, 2024 am 10:53 AM

The lightweight PHP framework improves application performance through small size and low resource consumption. Its features include: small size, fast startup, low memory usage, improved response speed and throughput, and reduced resource consumption. Practical case: SlimFramework creates REST API, only 500KB, high responsiveness and high throughput

Performance comparison of Java frameworks Performance comparison of Java frameworks Jun 04, 2024 pm 03:56 PM

According to benchmarks, for small, high-performance applications, Quarkus (fast startup, low memory) or Micronaut (TechEmpower excellent) are ideal choices. SpringBoot is suitable for large, full-stack applications, but has slightly slower startup times and memory usage.

Golang framework documentation best practices Golang framework documentation best practices Jun 04, 2024 pm 05:00 PM

Writing clear and comprehensive documentation is crucial for the Golang framework. Best practices include following an established documentation style, such as Google's Go Coding Style Guide. Use a clear organizational structure, including headings, subheadings, and lists, and provide navigation. Provides comprehensive and accurate information, including getting started guides, API references, and concepts. Use code examples to illustrate concepts and usage. Keep documentation updated, track changes and document new features. Provide support and community resources such as GitHub issues and forums. Create practical examples, such as API documentation.

How to choose the best golang framework for different application scenarios How to choose the best golang framework for different application scenarios Jun 05, 2024 pm 04:05 PM

Choose the best Go framework based on application scenarios: consider application type, language features, performance requirements, and ecosystem. Common Go frameworks: Gin (Web application), Echo (Web service), Fiber (high throughput), gorm (ORM), fasthttp (speed). Practical case: building REST API (Fiber) and interacting with the database (gorm). Choose a framework: choose fasthttp for key performance, Gin/Echo for flexible web applications, and gorm for database interaction.

Java Framework Learning Roadmap: Best Practices in Different Domains Java Framework Learning Roadmap: Best Practices in Different Domains Jun 05, 2024 pm 08:53 PM

Java framework learning roadmap for different fields: Web development: SpringBoot and PlayFramework. Persistence layer: Hibernate and JPA. Server-side reactive programming: ReactorCore and SpringWebFlux. Real-time computing: ApacheStorm and ApacheSpark. Cloud Computing: AWS SDK for Java and Google Cloud Java.

What are the common misunderstandings in the learning process of Golang framework? What are the common misunderstandings in the learning process of Golang framework? Jun 05, 2024 pm 09:59 PM

There are five misunderstandings in Go framework learning: over-reliance on the framework and limited flexibility. If you don’t follow the framework conventions, the code will be difficult to maintain. Using outdated libraries can cause security and compatibility issues. Excessive use of packages obfuscates code structure. Ignoring error handling leads to unexpected behavior and crashes.

See all articles