AngularJs学习笔记0——前言

距离上次写博客有很长时间了,这段时间中也一直想坚持写博客,但是迟迟未动,一方面是因为刚换工作并适应新的环境导致工作比较忙碌,一直没有抽出时间来,其实说白了就是给自己的懒惰找借口,但是本人在园子里也有一段时间了,也一直坚持关注园子里的大神们的文章,感触颇多。最近也一直计划坚持写博客,并把工作中遇到问题及学习到的技能给大家分享,对给大家有那么一些帮助。最近也计划写一些最近工作中用到的技术做一个专题分享给大家,也对自己的一个总结吧。

前端时间因为工作中项目需要学习了一下AngularJs,我也网上查询了很多资料,对前端框架有各种各样的说法,主要集中在AngularJs、ReactJS,Vue三个,对他们也有很多比较的文章,我这里就不做评论了,技术没有绝对的哪个好与坏,只要适合即可。因为我学AngularJs也是因为领导安排让用这个,所以我就开始学了这个。没有学AngularJs的园友们可以跳过,废话说的有点多,直接进入主题吧。

对AngularJs我计划有以下几部分分享:

一、AngularJs1.5基本概念介绍

二、、AngularJs核心特性

1、 MVC(或MVVM)设计思想

2、  双向 数据绑定

3、模块化与依赖注入

4、控制器

5、作用域介绍

6、过滤器

7、服务介绍  

8、指令系统

9、路由

10、服务器交互

三、综合应用案例

以上是我计划分享的大体思路,也是我在工作中给部门同事分享时的PPT的主题目录,到时候我也可以把PPT给大家分享出来,先把其中几个图给大家分享一下,

应用案例为我把平时的案例直接放到系统中,希望能帮到大家。如下图为效果图,框架在ACE Admin框架基础上修改的,菜单跳转用AngularJs路由机制做的,目前也正在完善当中,希望对大家有所帮助吧。

今天是一个前期铺垫的引言吧,不能算是具体的介绍,这两天我开始按照上面的顺序逐个给大家分享,因为本人技术和文笔能力有限,所以有什么不妥的地方欢迎指正交流,因为本人也是一名普通程序员、所以会的大神们绕过。

时间: 2024-10-11 04:59:47

AngularJs学习笔记0——前言的相关文章

ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 诸君,我喜欢嫩的--呸呸呸 诸君,我喜欢3D咋了?新事物会替代旧事物不是~ ArcGIS API for JavaScript 4.2概述 AJS 4.2,即ArcGIS API for JavaScript 4.2,是美国ESRI公司针对WebGIS市场推出的.利用JavaScript和Dojo开发的一款产品,它在2016年12月发布.而AJS 4.0 beta则在一年前就发布了. 关于AJS3和AJS4选择的问题,

angularjs 学习笔记(一) -----JSONP跨站访问

1.  下载angular-seed-master-master包,解压缩后将新版本的angularJS文件放入其中. 2.  制作frontmockup文件夹(前端调用),同时制作backmockup文件夹(后端调用),使用IIS开启2个webserver(此步骤可以用其他方式替代). 3.  backmockup站点添加以下HTTP头 Access-Control-Allow-Credentials:true Access-Control-Allow-Headers:origin,x-req

angularjs 学习笔记 -----结构定义

1.  Module使用方法 var APP =angular.module('fontApp',['ngResource', 'ngRoute', 'ngSanitize']); APP为定义的别名,之后的调用都应尽量使用该别名 'fontApp' ng-app="fontApp" 新版本angular中route被分离出来,各个被使用的Providerdou需要在此处声明. 大型应用应该拆分模块来做,先定义一个服务模块,然后再加载它 angular.module('xmpl.ser

AngularJs学习笔记--directive

原版地址:http://code.angularjs.org/1.0.2/docs/guide/directive Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directives匹配HTML并执行.这允许directive注册行为或者转换DOM结构. Angular自带一组内置的directive,对于建立Web App有很大帮助.继续扩展的话,可以在HTML定义领域特定语言(domain specific language ,DSL). 一.在HTML中引用direc

angularjs学习笔记—事件指令

angularjs学习笔记—事件指令 小俞 4.4k 3月30日 发布 推荐 4 推荐 收藏 17 收藏,11.1k 浏览 ngClick 适用标签:所有触发条件:单击 #html <div ng-controller="LearnCtrl"> <div ng-click="click()">click me</div> <button ng-click="click()">click me<

angularjs 学习笔记(二) ----- bootstrap框架

1.  下载新的jquery-1.11.1文件. 2.  下载新的bootstrap文件. 3.  选择流式布局的模板填充入index.html文件. 4.  将top.foot转为nginclude文件 nginclude必须使用$scope对象,因此需要设置一个全局的mainctrl来将字符串或全局变量注入$cope中. $rootScope.global =global; 直接将全局变量global赋值给$rootScope,并且之后的子$Scope会获得继承,静态定义与ctrl分开. 5

-_-#AngularJS学习笔记

AngularJS学习笔记 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .done{display:none} .ignore{color:#999} </style> <ul> <li class="

AngularJs学习笔记--Guide教程系列文章索引

在很久很久以前,一位前辈向我推荐AngularJs.但当时我没有好好学习,仅仅是讲文档浏览了一次.后来觉醒了……于是下定决心好好理解这系列的文档,并意译出来(英文水平不足……不能说是翻译,有些实在是看不懂,希望大家在参观的过程中指出其中的错误).经过1个多月断断续续的努力,终于把Guide里面的文章基本上都弄出来.Guide中的部分章节,由于重复的部分似乎有点多,而且篇幅较短,这里就没有列出来. 文章列表如下: AngularJs学习笔记--bootstrap AngularJs学习笔记--ht

AngularJS学习笔记filter

filter是对数据进行过滤操作,比如按某个字段搜索.格式化数据等等,是一个非常有用的接口.下面就简单介绍下它的用法. AngularJS自带的filter接口,|是filter的分隔符,参数用:分隔: currency,格式化number,货币化,默认是转化成美元  param(number,symbol),返回值将会把数字每3位加一个逗号 <input type="number" ng-model="amount"/> <p>默认美元:{