初识AngularJS

初识AngularJS初识AngularJS一、AngularJS是什么?AngularJS,简称:ng它是一款非常优秀的前端高级JS框架由MiskoHevery等人创建2009年被Google公司收购,用于其多款产品有一个全职的开发团队继续开发和维护这个库这个框架可以轻松构建SPA应用程序通过指令扩展HTML,通过表达式将数据绑定到HTML(基本不需要DOM操作)二、SPA应用程序简单介绍单页面应用

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、AngularJS是什么?

  • AngularJS,简称:ng
  • 它是一款非常优秀的前端高级JS框架
  • Misko Hevery等人创建
  • 2009年被Google公司收购,用于其多款产品
  • 有一个全职的开发团队继续开发和维护这个库
  • 这个框架可以轻松构建SPA应用程序
  • 通过指令扩展HTML,通过表达式将数据绑定到HTML(基本不需要DOM操作)

二、SPA应用程序简单介绍

  • 单页面应用程序(Single Page Application)
  • 只有一个页面(整个应用程序的一个载体)
  • 内容全部是由ajax获取并呈现出来
  • 例子:网易云音乐
实现原理
 <a href="#demo">点击</a>
 <div id="demo"></div>
  • 锚点的变化,是可以用js事件监视的
window.addEventListener('hashchange', function(e) { 
   
    //hash属于路径的组成部分
    //hostname:www.aa.com
    //port:8080
    //pathname:/aaa/1.html
    //search:?id=10
    //hash:#name
    //protocol: http:

    //可以通过location拿到所有信息
    console.log(window.location.hash);
});
  • 当锚点变化的时候,就会触发hashchange事件。然后发送ajax异步请求,将服务端返回的数据渲染到浏览器页面上

三、AngularJS四个特性

  • MVC(我更倾向于MVVM)
  • 模块化
  • 自动化双向数据绑定
  • 指令系统

四、AngularJS的发展趋势

虽然AngularJS正在走向没落,但是我们要知道它背后所带来的价值。
它带领前端行业步入了 MV* 时代,带领当今市场上的前端框架走向了模块化架构化

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/164220.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Java 链表结点插入

    Java 链表结点插入PS:链表是一种数据结构,而数据结构就是一种存放数据的方式。为什么需要链表?我们知道,数组也可以存储数据,那么为什么还需要链表呢?接下来,我们来看看数组和链表的区别:1、数组就像身上编了号站成一排的人,要找第10个人很容易,根据人身上的编号很快就能找到。但插入、删除慢,要往某个位置插入或删除一个人时,后面的人身上的编号都要变。当然,加入或删除的人始终末尾的也快。2、链表就…

  • ORA-29491: invalid table for chunking 错误记录[通俗易懂]

    ORA-29491: invalid table for chunking 错误记录[通俗易懂]大家在网上找的oracle这个包dbms_parallel_execute执行大数据量sql语句执行的时候,可能会遇到这个错误。刚开始我也挺困惑,后来发现了这个错误原因,记录下来可能给你帮助。dbms_parallel_execute.create_chunks_by_rowid(task_name=>vc_task,

  • 解决ajax跨域问题【5种解决方案】「建议收藏」

    解决ajax跨域问题【5种解决方案】「建议收藏」什么是跨域问题?跨域问题来源于JavaScript的”同源策略”,即只有协议+主机名+端口号(如存在)相同,则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源,不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的,html本身没有跨域问题。查看浏览器开发者工具Console报错:Failedtoloadhttp://a.a.com:8080/A/…

  • Laravel 中 offset,limit 或 skip , take 的使用

    Laravel 中 offset,limit 或 skip , take 的使用

    2021年10月29日
  • redis雪崩和穿透如何解决_redis穿透和雪崩解决

    redis雪崩和穿透如何解决_redis穿透和雪崩解决redis

  • 史上最全面Java面试汇总(面试题+答案)

    JAVA面试精选【Java基础第一部分】JAVA面试精选【Java基础第二部分】JAVA面试精选【Java基础第三部分】JAVA面试精选【Java算法与编程一】JAVA面试精选【Java算法与编程二】Java高级工程师—面试(1)Java高级工程师—面试(2)Java高级工程师—面试(3)BAT/网易等面试心得阿里历年面试题Java中高级面试题数据…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号