zoukankan      html  css  js  c++  java
  • angularjs 入门

    因为今后可能需要用angular,所以今天开始在这里记录学习angularjs。

    一、angularjs  前端为什么需要框架及前端有哪些流行的框架?

    1、技术选型需要。公司技术栈。没啥好说的。

    2、 选址适合自己的,如为什么选择angular,"AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。 如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。"

    "AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。

      通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足:
      类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时使用类库。类库有:jQuery等

      框架 - 框架是一种特殊的、已经实现了的WEB应用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。"

     现在angularjs缺点是angularjs2 完全推翻了1,所以基于angularjs1的构建是无法升级到angular2 ,而2是面向未来的,现在处于beat版。

    而另两大框架 reactjs vuejs 也如火如荼的发展。

    二 如何快速构建helloword

    demo

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>angularjs</title>
        <script type="text/javascript" src="angular.min.js"></script>
    </head>
    <body ng-app>
        <input type="text" ng-model="customer">
        <h1>{{customer}}</h1>
    </body>

      --ng-app指令声明所有被其包含的内容都属于angularjs应用

      --ng-model指令将内部$scope的属性名绑定到input框中,从而实现双向绑定。

    如果用用原生的方法,可能需要监听input,当input发生变化是,再取input值把他填到h1标签。

    而我想给input写个默认值 value="yangjunwu"

  • 相关阅读:
    Java实现约瑟夫环问题
    Java实现约瑟夫环问题
    mysql远程表链接
    linux下mysql定时备份
    深入浅出RPC——浅出篇(转载)
    深入浅出RPC——深入篇(转载)
    Qt在Windows上的调试器安装与配置
    VS2015 ASP.NET5 Web项目
    jquery validate remote验证唯一性
    jQuery UI框架
  • 原文地址:https://www.cnblogs.com/junwu/p/5764930.html
Copyright © 2011-2022 走看看