初识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* 时代,带领当今市场上的前端框架走向了模块化架构化

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • datagrip mac激活【2021免费激活】

    (datagrip mac激活)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html00OE5RWT28-eyJsa…

    2022年3月30日
    149
  • linux卸载命令_linux卸载服务命令

    linux卸载命令_linux卸载服务命令linux上使用rpm安装的一些软件,该如何进行卸载呢?卸载步骤:1、先使用rpm-qa|grep软件包名称例如卸载mysql:rpm-qa|grepmysql2、使用rpm-e–nodeps文件包名称rpm-e–nodepsmysql-5.0.77-4.el5_6.6rpm-e–nodepslibdbi-dbd-mysql-0.8.1a-1.2.2rpm-e–nodepsmysql-5.0.77-4.el5_6.6rpm..

    2022年9月22日
    4
  • idea构建springboot_钉钉的使用方法和技巧

    idea构建springboot_钉钉的使用方法和技巧随着技术框架的不断更新,一些公司摒弃了原先的技术框架模式。而springboot慢慢取代了原有的ssm框架开发。为什么选择springboot呢?配置简单不需要编写太多的xml; 基于spring构建,容易上手; 独立运行不依赖于容器; 内置服务器tomcat不需要打war包; 提供maven极简配置; 对于各种框架有很好的集成; 为SpringCloud微服务奠定基础,使微服务构建变得简单;下面让我们使用idea一起搭建完整版的SpringBoot项目:一.创建SpringBoot项

    2025年8月29日
    8
  • C语言 continue「建议收藏」

    C语言 continue「建议收藏」C语言continue在循环语句中,如果希望立即终止本次循环,并执行下一次循环,此时就需要使用continue语句。案例#include<stdio.h>intmain(){

    2022年8月1日
    4
  • 模板继承与导入

    模板继承的场景一:模版继承1)继承使用步骤1:母板里写入block,就可以被继承,content是名称步骤2:子页面通过extends指定继承那个模板2)如果子页面有自己的css,js怎么

    2022年3月29日
    53
  • 【硬件通信协议】1. 详细解析IIC通信协议

    【硬件通信协议】1. 详细解析IIC通信协议版权声明:欢迎交流 https://blog.csdn.net/sishuihuahua/article/details/88128761 </div> <linkrel=”stylesheet”href=”https://csdnimg.cn/release/phoenix/template/c…

    2022年5月29日
    168

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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