初识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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java简单酒店管理系统_javaweb酒店管理系统

    java简单酒店管理系统_javaweb酒店管理系统编写Java程序实现小型酒店管理系统。为某个酒店编写程序:酒店管理系统,模拟订房、退房、打印所有房间状态等功能。1、该系统的用户是:酒店前台。2、酒店使用一个二维数组来模拟。“Room[][]rooms;”3、酒店中的每一个房间应该是一个java对象:Room4、每一个房间Room应该有:房间编号、房间类型、房间是否空闲.5、系统应该对外提供的功能:可以预定房间:用户输入房间编号,订房。可以退房:用户输入房间编号,退房。可以查看所有房间的状态:用户输入某个指令应该可以查看所有房间状态。

    2022年9月25日
    0
  • Deep Learning中的一些Tips详解(RELU+Maxout+Adam+Dropout)「建议收藏」

    Deep Learning中的一些Tips详解(RELU+Maxout+Adam+Dropout)「建议收藏」本文主要讲如果我们的DeepLearning出现了一些不好的结果,我们该怎么去解决。学习前请先参考:反向传播算法(Backpropagation)—-GradientDescent的推导过程。

    2022年4月29日
    55
  • mqtt服务器数据存储位置,mqtt服务器 数据库[通俗易懂]

    mqtt服务器数据存储位置,mqtt服务器 数据库[通俗易懂]mqtt服务器数据库内容精选换一换云服务器备份:云服务器备份可以对普通服务器进行整机备份或部分磁盘备份,不适用于部署了数据库等应用的服务器。支持备份弹性云服务器ECS和裸金属服务器BMS,成本相对于VBS较高,适合对需要备份整个服务器和快速发放服务器的场景。可以使用备份恢复至原服务器,或者使用备份创建镜像,也可以将备份复制至其他区域。云硬盘备份:云硬盘备份仅针对磁盘进行备用户在部署MySQL或…

    2022年5月8日
    144
  • python字符串自动补零_java字符串不足补零

    python字符串自动补零_java字符串不足补零str(1).zfill(3)Python数字转字符串,补零补0zfill

    2022年10月12日
    0
  • aarch64 poky linux,aarch64pokylinuxgcc:错误::没有这样的文件或目录

    aarch64 poky linux,aarch64pokylinuxgcc:错误::没有这样的文件或目录我正在尝试将mlpack包含到我的yocto构建中。如果不启用python绑定,我的配方烘焙成功。但是在构建python绑定时,我得到了以下错误:aarch64-poky-linux-gcc-march=armv8-a-mtune=cortex-a57.cortex-a53–sysroot=/builds/build-h3/tmp/sysroots/h3ulcb-DNDEBUG-g-O…

    2022年8月31日
    0
  • 输入内容,出现像Atom + activate-power-mode插件的彩色粒子效果

    输入内容,出现像Atom + activate-power-mode插件的彩色粒子效果最近在看python,然后看到tendcode的评论有个很好玩的效果输入框输入后,会有个彩色的粒子效果,觉得很好看,在网上找了一下,可是没找到对应的案例和实现方法,只看到了Atom编辑器的activate-power-mode插件有同样的效果,最后只有自己看源码,看了半天代码,终于让我把实现代码给找到了,案例在GitHub地址Color-particles里,喜欢的可以下载,下面展示成果…

    2022年7月14日
    16

发表回复

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

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