angularJS学习笔记一

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJS学习笔记一相关的知识,希望对你有一定的参考价值。

项目框架转换

原来用的是jquery+ace.js框架的项目 现在需要改为现在流行的angularJS框架

本人又不会angularJS,只能一步一步的摸索 路漫漫其修远兮 吾将上下而求索

刚接触angularJS 给我的第一感觉是总有和最早期的ASP有些相似 很多前端逻辑 很多界面代码揉合在一起,虽然在明白关键字意思的情况下 能够清晰的看懂 但总有一种不清爽的感觉

很多封装 很多噱头 给人的感觉就是被大趋势和大框架给绑架了

好了 废话不多说 前端就是这样 新框架新趋势出来 只要流行  你就得学

下面分享我学习angularJS的心得

初学angularJS 我首先推荐还是先看框架语法 这一点毋庸置疑的,所有语言都一样 你得先知道它是怎么写的,

初学者可以看看菜鸟网上面的语法教程(http://www.runoob.com/angularjs/angularjs-tutorial.html)看看了解就得了 ,

别幻想记住它们(因为你短时间内 根本记不住,即使记住了 没有项目应用 过段时间你还是会忘记,你不是天才,因为天才不学这个,别生气 我们得承认 我们就是被一群天才牵着鼻子走的)

 我发现我废话真多,还是来点实在的吧,真的....

本人经过一顿研究,探索 各种弯路 发现学了这玩意 还是忘记 学了不应用还是忘记,然后还是乖乖的通过项目学习吧,当然在这里你也别指望我给你贴项目,要搞 自己建个有意义的项目 搞起,玩坏了大不了重新来呗,反正你有大把的时间造作。

今天就吹两个知识点(因为我也才学这两个知识点)

1、基本语法

  这是绝对当然的 你不学语法 搞个屁啊 语法问题 自己看去 看一两遍就可以了 别整天抱着看,那没用。用到的时候 知道在哪里找就可以了

  小心得:看语法的时候 记得搞建立几个小文件夹 手写一两个语法小案例就可以了。

  当然 在这之前你的先搞到angularJS库文件 别想着到gihub上下载源码 那他妈的骗人的 ,没用! 我反正找了很久,没找到angular.js或者angular.min.js文件 你就安安稳稳的在百度里面随便搞个angular.js文件就可以了。

  你也别想着研究angularJS源码,不会走 你还想跑 你糊弄鬼啦?你得先学学人家框架是怎么用起来的,别走弯路(因为我他妈的就走了一大圈弯路,腿都要折了)

2、上面那一步 你也就花个半天时间搞搞就得了,别一整天抱着语法 那没什么用 来点实在的

  别去想什么angular模型 控制器 过滤器 服务 模块 等等等等 想那么多干嘛 ,直接先搞项目 跑起来 这些东西在后期应用过程当中 自然你就查询百度 就会了 而且印象还深刻。

  那搞什么项目呢?小项目?别扯淡了 作为IT界精英 搞什么小项目 要搞就搞个大的 各种插件全他妈的想办法用上 这里我的推荐一些前辈们的博文。因为我也是跟着这些博文学习的。算了 不推荐那么多 就推荐一篇博文 因为推荐多了 你就糊涂了 古人云,贪多嚼不烂。

  前辈博文是http://blog.csdn.net/iamnieo/article/details/50474399 这个里面就有一份相对完整的源码框架 不管三七二十几 你先下载下来

  好了 下载好之后你干嘛呢?

  你也别学着人家的样子去搭建项目 你想多了 这里你得一步一步来 不然你不懂的地方太多了

  这一步我们重点就讲路由ui-router 网上有一大堆ui-router和ng-Router的比较讲解 这些你的自己百度 作为集万千宠爱于一生的IT人事  百度 必应 就是你得魔法棒

  你是不是很糊涂 他娘的ui-router是什么玩意儿 ,别管那些 先搞起 搞他娘的

  我们先创建项目 项目名称随便 再搞一个页面 名称随意 你开心就好 还是那句话别想那么多

  好了 前面提到的那个前辈的项目下载下来了吧,你先在里面找到angular这个文件夹 然后把这个文件夹包括里面所有的文件都复制到你的项目下。然后你就在刚刚的那个你创建的页面里面引用两个文件

<script src="../libs/angularJS/angular.js"></script>
<script src="../libs/angularJS/angular-ui-router/angular-ui-router.js"></script>

就这两个文件 上面那个是angular核心库 下面那个就是路由相关的库 什么 你不知道什么叫路由 好吧 我来小讲一下(路由器知道吗?路由器不知道也没关系 ,路由的意思就是此路是我开 此树是我栽,要打此路过 就下买路财,那我们这里的路由是干啥的呢?其实它就是一个访问页面时必须进过的的一段代码,这段代码经过一顿整,然后访问你想要访问的页面,它闲着没事 就是干这事的,那它有啥好处呢?你管那么多干嘛?大家都这么干 你也先这么干呗(其实我也总结不上来),总之,有啥事你自己问度娘。)

不想讲了 好多知识点 有人看再更新吧 总之 你先干路由这件事 其它事先别管!

我靠 你能耐心的把文字看到这里 我也是醉了 我自己都觉得废话好多 后面的文章持续更新...

你保重 再会!

技术交流QQ 1203193731


以上是关于angularJS学习笔记一的主要内容,如果未能解决你的问题,请参考以下文章

Angularjs学习笔记----与后端服务器通信

AngularJS学习笔记一

Angularjs学习笔记1

angularjs学习笔记之一

angular学习笔记

AngularJS学习笔记01 序