`

为什么选择AngularJS前端框架

阅读更多
简单来说,展示型网站用 jQuery,数据操作(CRUD)较多的用 Angular.js等前端MVC框架。

展示型网站(如个人博客、公司主页、App 插入页面等)需要 JS 的地方一般是单个点(如下拉菜单、slider、按钮相应等),实现的功能一般是事件响应(如点击、鼠标滑过、触摸或手势等)、DOM 操作(如改变按钮的文本、改变 div 的 CSS 属性等)等局部操作。这些操作更加关注 DOM 层面的细节。

数据操作较多的网站(如管理系统、报表、数据库管理等)需要用 JS 处理很复杂的数据和逻辑(如物品管理的增删改查操作),而对 DOM 层面的细节不太关注(table 的第四行该显示哪一个数据?不重要)。这种数据操作的对象是 数据 本身,页面(DOM)只需要实时(近乎实时)地显示最新的数据就好了,具体的 DOM 操作、数据显示和刷新(也就是绑定)让框架(如 Angular.js)来做就好了。
AngularJS试图成为WEB应用中的一种端对端的解决方案。这意味着它不只是你的WEB应用中的一个小部分,还是一个完整的端对端的解决方案。这会让AngularJS在构建一个CRUD(增加Create、查询Retrieve、更新Update、删除Delete)的应用时显得很“固执”(原文为 opinionated,意指没有太多的其他方式)。但是,尽管它很“固执”,它仍然能确保它的“固执”只是在你构建应用的起点,并且你仍能灵活变动。AngularJS的一些出众之处如下:
构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入。
测试方面包括:单元测试、端对端测试、模拟和自动化测试框架。
具有目录布局和测试脚本的种子应用作为起点。
一个入门AngularJS学习网站:http://www.runoob.com/angularjs/angularjs-tutorial.html
AngularJS官方网站:http://docs.angularjs.cn/api
分享到:
评论

相关推荐

    AngularJS前端框架特性介绍WORD版

    资源名称:AngularJS前端框架特性介绍 WORD版内容简介:本文档主要讲述的是AngularJS前端框架特性介绍;AngularJS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,...

    angularJs前端框架首选样式Twitter Bootstrap

    AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架

    angularjs前端框架

    ### AngularJS前端框架知识点详解 #### 一、AngularJS简介 AngularJS是一个开源的JavaScript框架,由Google维护和支持。它旨在通过HTML扩展来解决Web应用开发中的难题,并简化客户端应用的开发过程。AngularJS的...

    Angularjs 前端管理员模版源代码

    AngularJS 是一款由 Google 主导开发的前端 JavaScript 框架,用于构建动态、交互式的 Web 应用程序。这款框架以其强大的数据绑定和依赖注入机制著称,为开发单页应用(SPA,Single Page Application)提供了高效...

    AngularJs+Bootstrap前端框架

    **AngularJS + Bootstrap 前端框架详解** AngularJS 是一款由 Google 主导开发的JavaScript 框架,主要用于构建动态、数据驱动的 Web 应用。它通过提供丰富的指令和依赖注入机制,极大地简化了前端开发流程。而 ...

    yeoman generator for Angularjs 前端开发神器

    **AngularJS前端开发神器:yeoman generator for Angularjs** AngularJS,由Google维护的一个开源JavaScript框架,被广泛用于构建高效、可维护的单页应用程序(SPA)。它通过提供丰富的指令和依赖注入机制,极大地...

    疯狂前端开发讲义——jQuery+AngularJS+Bootstrap前端开发实战

    《疯狂前端开发讲义——jQuery+AngularJS+Bootstrap前端开发实战》是一本深入浅出的前端开发教程,它涵盖了三个核心的前端技术:jQuery、AngularJS和Bootstrap。这些技术在现代网页开发中扮演着至关重要的角色,使得...

    nodejs+angularjs+bootstrap框架

    Bootstrap是由Twitter开发的一个开源的前端框架,用于快速构建响应式和移动优先的网站。它包含了一套CSS和JavaScript组件,如网格系统、表单、按钮、导航等,可以帮助开发者快速设计美观且一致的用户界面。在描述中...

    疯狂前端开发讲义 jQuery AngularJS Bootstrap前端开发实战

    在前端开发领域,jQuery、AngularJS和Bootstrap是三个极为重要的技术框架,它们分别在不同的层面上解决了网页开发中的各种问题,极大地提高了开发效率和用户体验。接下来,我们将详细探讨这三个技术的核心概念、应用...

    移动前端框架 ionic

    移动前端框架Ionic是一款用于构建高性能、跨平台的混合式移动应用的开源框架。它结合了AngularJS(一种JavaScript框架)的威力与Cordova/PhoneGap的原生功能,使开发者可以使用HTML、CSS和JavaScript来开发iOS、...

    基于Springboot框架、SpringSecurity安全控制、AngularJS前端界面和Gradle构建工具的图片管理网

    这是一个基于Springboot框架、SpringSecurity安全控制、AngularJS前端界面和Gradle构建工具的图片管理网站系统。项目实现了图片上传、存储、展示等基本功能,并采用又拍云作为图片文件的存储服务。系统采用了...

    angularjs管理系统框架

    AngularJS 是一款由 Google 维护的前端 JavaScript 框架,它主要用于构建动态单页应用程序(SPA)。这个"angularjs 管理系统框架"是一个基于 AngularJS 和 Bootstrap 的后台管理模板,旨在提供一个高效、灵活的平台...

    简洁AngularJS框架后台管理系统bootstrap后台模板

    在本模板中,AngularJS被用作核心驱动,为后台管理系统提供了强大的数据管理和动态界面渲染能力。 **Bootstrap框架** Bootstrap是由Twitter开发并开源的一款前端开发框架,它提供了丰富的CSS样式和JavaScript组件...

    疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战

    Bootstrap是由Twitter开发的流行前端框架,它提供了一套响应式布局、移动设备优先的Web开发工具。在Bootstrap部分,你将学习如何利用栅格系统创建灵活的布局,使用预定义的CSS样式和JavaScript组件,如导航栏、下拉...

    springboot+mybatis+swagger+shiro+ecache+nginx+angularjs前端

    标题 "springboot+mybatis+swagger+shiro+ecache+nginx+angularjs前端" 描述了一个集成多种技术的Web应用开发示例。这个项目融合了后端开发框架Spring Boot、持久层框架MyBatis、API文档管理工具Swagger、安全框架...

    angularjs1.X前端项目完美框架

    **AngularJS 1.x 前端项目完美框架详解** AngularJS 1.x 是一个流行的JavaScript框架,由Google维护,用于构建动态Web应用。...这样的框架为开发者提供了强大的工具,使得构建高质量的前端应用变得更加容易。

    WEB前端框架API

    在当今的Web开发领域,前端框架扮演着至关重要的角色,它们为开发者提供了便捷的工具和方法,以构建响应式、高性能的用户界面。本篇文章将深入探讨几个主流的前端框架——CSS、jQuery、HTML以及AngularJS的API,帮助...

    angularJS模板

    AngularJS是一款由Google维护的JavaScript框架,用于构建前端Web应用。它主要专注于MVC(Model-View-Controller)架构,让开发人员能够更轻松地处理数据绑定和动态内容。AngularJS模板是其核心特性之一,它允许...

    angularjs Web页面框架 jsp源码

    AngularJS 是一个强大的前端JavaScript框架,由Google维护,主要用于构建单页Web应用程序(SPA)。它引入了MVC(模型-视图-控制器)架构模式,极大地简化了动态Web页面的开发。在“angularjs Web页面框架 v13.3.0”...

Global site tag (gtag.js) - Google Analytics