美文网首页程序员
Angular JS学习笔记之--学习原因

Angular JS学习笔记之--学习原因

作者: 撸二行代码 | 来源:发表于2016-03-14 22:24 被阅读224次


































































































































































































































     关于为什么要学习Angular JS,在这里我必须要感谢波波和昌荣,学习这个是要向他们证明,一些我认为正确的东西。前后台分离是一个趋势,但是我们是不是真的掌握了里面的精华。而是不是只是去效仿,没有真正掌握的时候,我们做的东西是不是符合实际场景。

      对于我个人的认为,前后端的分离。关键的并不是服务端代码怎么去写。而是JS和HTML代码怎么写。JS端关注是数据绑定的问题,对于现状我们了解的和编写的是JSP数据绑定,将数据放入Model或者Request中,然后在JSP中通过JSTL或者EL表达式来绑定数据。或者通过JQuer里面的Ajax进行局部数据刷新。这些真的是我们想要的JS,HTML和Service分离的精华吗?

      我个人认为的精华应该是JS和HTML是一个模板数据。就像我们以前定义Freemarker文件一样,它只是一个模板,然后通过程序去生成静态文件。而我认为的JS和HTML分离,就是JS和HTML分离,然后JS和HTML就是可以在任何地方可以加入测试数据,提供给别人演示的网站。里面的数据可以通过Debug模式进行分离。正式开发的时候只需要关闭Debug模式,然后加载正式数据,展现页面。这个东东Jquyer可以实现,但是如果元素在一点点添加,这样的话,我们也会越来越复杂。

    其实JS真的是一个很牛逼的语言。一直在学习,但是从没有精通过,JS也有MVC模式,也有注入,也有设计模式,但是这些我们从来没有使用过。为什么会说到JS MVC呢,因为在使用JS+HTML和业务分离的时候,JS MVC是一个重点,

MVC背后的核心理念是:你应该把管理数据的代码(Model),应用逻辑代码(Controller),以及向用户展示数据的代码(View)清晰地分离开。

试图从模型中获得数据,然后展现给用户,当用户通过鼠标点击或者键盘输入与应用进行交换的时候,控制层讲会相应并修改模型中的数据。最后模型会通知试图数据已经变更,这样试图救可以刷新其中的内容。(PS:如果Jquery实现的话需要绑定各种事件,然后局部刷新)

在Angular应用中,试图就是Doucument Object Model(DOM,文档对象模型),控制层就是JavaScript类,而模型数据则被存储在对象书写中,这样我们就少了很多Bind事件了。

JS和HTML以及Service分离不是我们说一下,我们想进行分离操作就可以实现的,而是需要一些列的前期技术积累和框架的选择。这些才是我们要去做的,而不是一声我们要分离开发,就这样赶鸭子上架,我学习Angular是想证明这一点。如何使用代码分离,如何将代码最简单话,如何实现你们拍脑袋决定下来的事情。

明天开始写学习笔记。希望大家喜欢和支持

Angular JS学习笔记之--学习原因 Angular JS学习笔记之--学习原因

相关文章

  • Angular JS学习笔记之--学习原因

    关于为什么要学习Angular JS,在这里我必须要感谢波波和昌荣,学习这个是要向他们证明,一些我认为正确的东...

  • Angular.js 学习笔记

    This is the Angular.js study note of Shaping up with Angu...

  • Angular.js学习笔记

    angular.js核心特性:1、MVC 2、模块化Module 3、指令系统 4、双向数据绑定 基本概念与用法:...

  • Angular4 组件通讯方法及DOM的操作使用

    简介 由于angular版本更新频繁,导致学习起来特别费劲,下面是在学习 Angular 过程中整理的学习笔记,希...

  • 软件架构-01 mvc到flux

    学习mvc到Flux框架我们先了解 flux 背景:React.js和Angular.js对比:React.js ...

  • 无标题文章

    #说点啥呢? ##和这个世界谈谈 Markdown怎么用 angular学习 js基础 保持学习 哦 哦

  • Node & Angular 4 学习记录(一)-- Node

    Node & Angular 4 学习记录(一)-- Node 前端技术一直只会一点Angular.js1.x。想...

  • spark_learn

    Angular2学习笔记——NgModule es6 新增的map和foreach AngularJS2.0 学习...

  • Angular学习笔记

    生成项目 用stylus的时候写成下面这样,这个坑搞了我2天 创建带路由的项目 获取dom 不建议直接对dom进行...

  • angular学习笔记

    1.ng-app=""; 指令初始化一个 AngularJS 应用程序,定义AngularJS的使用范围; 2.n...

网友评论

    本文标题:Angular JS学习笔记之--学习原因

    本文链接:https://www.haomeiwen.com/subject/qewflttx.html