Angular核心概念

（1）本质：设计动态web应用的结构框架。

web应用与传统web系统相区别，web应用能为用户提供丰富的操作，能够随用户操作不断更新视图而不进行url跳转。Angular官方也声明它更适用于开发CRUD应用，即数据操作比较多的应用

（2）核心：对HTML标签的增强

就是使你能够用标签完成一部分页面逻辑，具体方式就是通过自定义标签、自定义属性等，这些HTML原生没有的标签/属性在ng中有一个名字：指令。

（3）是MVC还是MVVM？

官网有提到ng的设计采用了MVC的基本思想，但它并不是MVC，因为在书写代码时确实是在用ng-controller这个指令，但这个controller处理的业务基本上都是与view进行交互，所以angular**更接近MVVM**。

简单介绍一下MVVM：即Model-View-ViewModel,它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。

具体MVC.MVP,MVVM的比较可以参考这篇博客：
http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

（4）适用于？

AngularJS是一个MV* 框架，最适于开发客户端的单页面应用。如果你要开发的是单页应用，AngularJS就是你的上上之选。Gmail、Google Docs、Twitter和Facebook这样的应用，都很能发挥AngularJS的长处。但是像游戏开发之类对DOM进行大量操纵、又或者单纯需要 极高运行速度的应用，就不适合AngularJS了。

(5)工作原理

HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此, NG框架是在DOM加载完成之后, 才开始起作用的.

（6）优点

1.引入了依赖注入与双向绑定，不需写大量代码就能实现复杂功能

2.不用像jquery操作复杂的dom代码，只需要改变数据模型就可以

Angular重要特性

(1)数据双向绑定

一个web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定使得代码极大的减少，开发者可以更专注于应用的数据交互方面。

在我们使用jQuery的时候，代码中会大量充斥类似这样的语句：var val = (‘#id’).val();(‘#id’).html(str);等等，即频繁的DOM操作（读取和写入），其实我们的最终目的并不是要操作DOM，而是要实现业务逻辑。ng的绑定将让你摆脱DOM操作，只要模板与数据通过声明进行了绑定，两者将随时保持同步，最新的数据会实时显示在页面中，页面中用户修改的数据也会实时被记录在数据模型中。

什么是数据双向绑定？
HTML中呈现的view与AngularJS中的数据是一致的. 修改其一, 则对应的另一端也会相应地发生变化.

下面是一个简单的数据双向绑定的例子(通过ng-app 、 ng-model 和 { {msg } } )：

<body ng-app="app">
<!--绑定下面js定义的controller,MyController的管理边界就是这个div-->
<div ng-controller="MyCtroller"><!-- 将变量通过{{}}绑定到html中--><h1>{{msg}}</h1><!-- 通过ng-model也可以绑定模型到html--><input type="text" ng-model="msg"/>
</div><script>
angular.module('app',[])//定义module,[]里是它的变量名.controller('MyCtroller',function($scope){ //定义控制器，器名，$scope是应用程序所指向的html元素$scope.msg="angular";//6.对scope定义一个变量名})
</script>

双向绑定原理：

AngularJS**在$scope变量中使用脏值检查来实现了数据双向绑定。和Ember.js数据双向绑定中动态设施setter和getter不同，脏治检查允许AngularJS监视那些存在或者不存在的变量。**

最简单的说法，50ms为一个心跳，去判断一个controller里所有对象的变化，如果有变化，那么更新相关的元素

详细原理可以参考这篇博客：AngularJS 数据双向绑定揭秘：http://sentsin.com/web/779.html

（2）依赖注入（DI）

什么是依赖注入?

wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。

该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用该系统找到依赖

一句话 — 没事你不要来找我，有事我会去找你。

AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入：
value:一个简单的 javascript 对象，用于向控制器传递值（配置阶段）
factory:一个函数用于返回值。在 service 和 controller 需要时创建。通常我们使用 factory 函数来计算或返回值。
service
provider:AngularJS 中通过 provider 创建一个 service、factory等(配置阶段)。Provider 中提供了一个 factory 方法 get()，它用于返回 value/service/factory
constant:constant(常量)用来在配置阶段传递数值，注意这个常量在配置阶段是不可用的。

mainApp.constant("configParam", "constant value");

详细的定义方式可参考：http://www.runoob.com/angularjs/angularjs-dependency-injection.html

AngularJS中service，factory，provider的区别可参考：
http://my.oschina.net/tanweijie/blog/295067

通过依赖注入，ng想要推崇一种声明式的开发方式，即当我们需要使用某一模块或服务时，不需要关心此模块内部如何实现，只需声明一下就可以使用了。在多处使用只需进行多次声明，大大提高可复用性。
　　比如我们的controller，在定义的时候用到一个$scope参数。

app.controller('testC',function($scope){});

　　
如果我们在此处还需操作其他的东西，比如与浏览器地址栏进行交互。我们只需再多添
一个参数$location进去：

app.controller('testC',function($scope,$location){});　

　
这样便可以通过$location来与地址栏进行交互了，我们仅仅是声明了一下，所需的其他代码，框架已经帮我们注入了。我们很明显的感觉到了这个函数已经不是常规意义上的javascript函数了，在常规的函数中，把形参换一个名字照样可以运行，但在此处若是把$scope换成别的名字，程序便不能运行了。因为这是已经定义好的服务名称。
这便是依赖注入机制。顺理成章的推断，我们可以自己定义模块和服务，然后在需要的地方进行声明，由框架来替我们注入。

来看下如何定义一个服务：

app.factory('tpls',function(){return ['tpl1','tpl2','tpl3','tpl4'];
});　

　
看上去相当简单，是因为我在这里仅仅是直接返回一个数组。在实际应用中，这里应该是需要向服务器发起一个请求，来获取到这些模板们。服务的定义方式有好几种，包括使用provider方法、使用factory方法，使用service方法。它们之间的区别暂且不关心。我们现在只要能创建一个服务出来就可以了。我使用了factory方法。一个需要注意的地方是，框架提供的服务名字都是由$开头的，所以我们自己定义的最好不要用$开头，防止发生命名冲突。
定义好一个服务后，我们就可以在控制器中声明使用了，如下：

app.controller('testC',function($scope,tpls){$scope.question = questionModel;$scope.nowTime = new Date().valueOf();$scope.templates = tpls; //赋值到$scope中$scope.addOption = function(){var o = {content:''};$scope.question.options.push(o);};$scope.delOption = function(index){$scope.question.options.splice(index,1);};
});　

此时，若在模板中书写如下代码，我们便可以获取到服务tpls所提供的数据了：
模板:

<a href="javascript:void(0);" target="_blank" rel="nofollow">

AngularJS常用指令整理

1.ng-app: 初始化一个 AngularJS 应用程序。
2.ng-init: 初始化应用程序数据。
3.ng-model: 把数据模型元素值（比如输入域的值）绑定到应用程序。
4.ng-repeat:循环输出指定次数的 HTML 元素,集合必须是数组或对象。
5.ng-controller:绑定控制器。
6.ng-if与ng-show/hide:都是控制dom元素的显示或隐藏，ng-if指令根据表达式的值在DOM中生成或移除一个元素（false为移除，反之生成），ng-show/hide只是隐藏或显示，不移除。
7.ng-submit:在表单提交后执行指定函数。
8.ng-disabled:设置表单输入字段的disabled属性(input, select, 或textarea),ng-disabled中的表达式返回 true 则表单字段被禁用。
9.ng-checked:设置复选框(checkbox)或单选按钮(radio)的 checked 属性, 该属性返回 true，复选框(checkbox)或单选按钮(radio)将被选中。
10.ng-src:绑定文件资源路径
11.ng-href:覆盖原生的 <a> 元素 href 属性。如果在 href 的值中有 AngularJS 代码，则需要使用 ng-href 而非 href。ng-href 指令确保了链接是正常的，即使在 AngularJS 执行代码前点击链接。
12.ng-class:给 HTML 元素动态绑定一个或多个 CSS 类。
13.ng-selected:设置<select>列表中的<option>元素的selected属性,ng-selected属性的表达式返回true则选项被选中
14.ng-change:ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作，需要搭配 ng-model 指令使用，不会覆盖原生的 onchange 事件, 如果触发该事件，ng-change 表达式与原生的 onchange 事件都执行。

下面通过一个完整的实例实践一下ng指令：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>AngularJS指令</title><link rel="stylesheet" href="css/foundation.min.css"><script src="js/angular.min.js"></script><script src="js/js-AngularJS-04-Instructions.js"></script><style type="text/css">.tx {width: 100px;height: 100px;}</style>
</head>
<!--1.ng-app 初始化一个 AngularJS 应用程序-->
<body ng-app="myapp"><!--2.ng-controller 绑定controller-->
<div ng-controller="UserController"><!--11.ng-submit 在表单提交后执行指定函数--><form action="#" name="f" ng-submit="register(user)"><fieldset><legend>用户信息</legend><!--4.ng-src 绑定文件资源路径,需加{{}}--><!--5.ng-class 给HTML元素动态绑定一个或多个CSS类,前面是样式class名,写在上面的style中,后面的是true就渲染该样式--><!--6. ng-if与ng-show/hide(""里为结果是true或false的值):都是控制dom元素的显示或隐藏（if: false为移除，反之生成显示）而ng-show/hide只是隐藏或显示，不移除--><img ng-src="{{user.img}}"ng-class="{'tx':user.showicon}"ng-if="user.isShow"><div>姓名<!--3.ng-model 绑定数据模型--><input type="text" ng-model="user.uname" required><!--7.ng-checked 设置复选框(checkbox)或单选按钮(radio)的checked属性, 该属性返回 true，复选框(checkbox)或单选按钮(radio)将被选中-->性别(单选按钮):<input type="radio"ng-checked="user.sex=='1'"name="sex">男<input type="radio"ng-checked="user.sex=='0'"name="sex">女<br>兴趣(复选框):<!--9. ng- 的属性值既可以是值,表达式,也可以为函数,通过函数处理的结果的返回值来做属性值,常用的一种技巧--><input type="checkbox" ng-checked="isChecked(1)">音乐<input type="checkbox" ng-checked="isChecked(2)">电影<input type="checkbox" ng-checked="isChecked(3)">体育<input type="checkbox" ng-checked="isChecked(4)">旅游<br><!--8.ng-selected 设置<select>列表中的<option>元素的selected属性,ng-selected属性的表达式返回true则选项被选中-->职位:<select name="" id=""><option value="0" ng-selected="user.job=='0'">--请选择--</option><option value="1" ng-selected="user.job=='1'">前端</option><option value="2" ng-selected="user.job=='2'">运维</option></select><!--10.ng-disabled 设置表单输入字段的disabled属性(input, select, 或textarea,button都可以用),ng-disabled中的表达式返回true则表单字段被禁用表单里的姓名input里加了required属性,如果不填,按钮会变灰无法提交(这里是用了angular内置的一个属性(元素名.$invalid)得到元素的可用性)--><button type="submit" class="button expand"ng-disabled="f.$invalid">提交</button></div></fieldset></form><div><ui class="ul-list ui-list-link ui-list-text ui-list-active ui-border-tb"><!--12. ng-repeat 循环输出指定次数的 HTML 元素,集合必须是数组或对象三个内置常用属性:$index(下标从零开始) $first $last--><li ng-repeat="a in list1" class="ui-border-t"><h3>{{$index+1+':'+a.title+' '+$first+' '+$last}}</h3></li></ui></div>
</div></body>
</html>

所引用的js文件：js-AngularJS-04-Instructions.js

/*** Created by chenhaoact on 16/3/14.*/
angular.module('myapp', []) //1.定义app.controller('UserController', function ($scope) { //2.定义controller//3.controller中新建对象或变量,常量等$scope.user = {uname: '  安卓',pwd: '',sex: '1',job: '1',hobby: [1, 2, 3],img: 'img/android.png',showicon: true,isShow: true};//4.定义isChecked函数,结合isChecked属性,通过数组控制多选框的选择情况//5.ng- 的属性值既可以是值,表达式,也可以为函数,通过函数处理的结果的返回值来做属性值,常用的一种技巧$scope.isChecked = function (n) {  //n是页面传回来的值var isok = false;for (var i = 0; i < $scope.user.hobby.length; i++) {if (n == $scope.user.hobby[i]) {isok = true;break;}}return isok;  //注意函数return的位置}$scope.register = function (u) {console.log(u);  //从页面得到了输入的对象,这样就可以进行各种处理}//在页面中可通过 ng-repeat 循环输出指定次数的 HTML 元素,集合必须是数组或对象$scope.list1 = [{title: '标题1',info: 11},{title: '标题2',info: 22},{title: '标题3',info: 33},{title: '标题4',info: 44}];});

Angular实现原理

1双向绑定原理

Angular的数据观测采用的是脏检查（dirty checking）机制。每一个指令都会有一个对应的用来观测数据的对象，叫做watcher；一个作用域中会有很多个watcher。每当界面需要更新时，Angular会遍历当前作用域里的所有watcher，对它们一一求值，然后和之前保存的旧值进行比较。如果求值的结果变化了，就触发对应的更新，这个过程叫做digest cycle。

脏检查有两个问题：

任何数据变动都意味着当前作用域的每一个watcher需要被重新求值，因此当watcher的数量庞大时，应用的性能就不可避免地受到影响，并且很难优化。

当数据变动时，框架并不能主动侦测到变化的发生，需要手动触发digest cycle才能触发相应的DOM 更新。Angular通过在DOM事件处理函数中自动触发digest cycle部分规避了这个问题，但还是有很多情况需要用户手动进行触发。

对于这个问题，Vue.js给出了不一样的解决方法：基于依赖收集的观测机制，有兴趣的话可以研究一下Vue.js。

AngularJS常用插件收集

1 图片视频类
angular-maxonry 图片墙效果插件，可以将图片组织成类似于瀑布流的效果，依赖于jQuery、imageloaded和Masonry
angular-deckgrid 另一个照片瀑布流解决方案
ngImgCrop 图片剪裁工具
ngVideo 播放器，直接播放指定地址的mp4，控制按钮美观度远甩朝内99.99%的视频站
2 输入控件类
ngDraggable 控制元素拖动的控件，Demo
angular-umeditor 百度umeditor的AngularJS扩展，umeditor从界面上讲并不够现代化，但却总有人喜欢它
ngAutocomplete 喜闻乐见的自动补完
textAngular 文本编辑器，更简洁，更漂亮
ngTagsInput 以标签的方式来组织输入
Angular-slider 以拖动方式输入值的控件
Angular Slidezilla 与Angular-slider功能一样，只不过设计风格不一样
3 界面类
ui-bootstrap 官方扩展，在AngularJS中方便的以指令的方式使用Bootstrap
ui-map 用于在页面中集成Google Maps
NG-Grid 官方提供的表格插件，支持表格的主题、排序、直接编辑、多行选择等操作，而且使用非常简单，只需要一行HTML代码，但是，比较难看，适合于不讲究外观但要求功能强大的场合，像后台工具、管理系统之类
angular-table 第三方表格工具，适合于需要对表格进行高度定制的场合
ng-table 在易用性和外观上对上面两个进行折衷的解决方案
AngularUI 上面的ui-bootstrap、ui-map就是它的一部分，官方提供的常用扩展集，除了这两个，还有ui-router、ui-select等，注意，它使用的是Bootstrap 2.x
Adapt-Strap 第三方Bootstrap插件，而且是基于扁平化的Bootstrap 3，更美观
ng-polymer-elements Polymer风格的AngularJS指令，Material Design设计，值得尝试
Angular Loading Bar 可用于在页面顶部增加一个漂亮的进度条
angular-busy 与Angular Loading Bar有点类似，主要用于处理http通信时候的动画ngInfiniteScroll从名字可以看出来，它是一个用于组织瀑布流和时间线的扩展ngScrollTo页内滚动工具，可以将页面滚动到指定id的元素位置ngDialog比Bootstrap更简单，更好用，更漂亮的网页对话框AngularTreeview树状目录组织扩展，使用相当方便，而且不依赖于jQueryangular−growl用于在页面上显示警告框，可以设置显示时间，还可以直接显示http中收到的警告
angular-truncate 当文字过多过长时，显示部分文字的插件，可以按文字总长度来控制，也可以按单词数量来控制

4 调试工具

Batarang:专门为angular设计的一款调试工具，在chrome插件中心可以进行安装

5 其它工具类
angular-translate AngularJS的i18n扩展
Satellizer 可以方便的在AngularJS中集成第三方账号登陆，支持国际主流社交网站账号，支持协议有OAuth 1.0/2.0
ngStorage 本在存储插件，用于处理localStorage和sessionStorage
ng-csv 导出csv的扩展

三 AngularJS学习资源

（1）AngularJS官网：https://angularjs.org/

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

相关文章

  1. 浅析 MVC

    目录 1.MVC 三个对象分别做什么&#xff0c;给出伪代码示例 2.EventBus 有哪些 API&#xff0c;是做什么用的&#xff0c;给出伪代码示例 3.表驱动编程是做什么的 4.我是如何理解模块化的 MVC MVC (Model-View-Controller) 是一种软件设计模式.它强调分离软件的业务逻辑和显示.…...

    2024/4/21 2:45:05
  2. ASP.NET Core与Angular的前后端集成开发(详解流程)

    最开始学习Asp .Net Core的时候&#xff0c;在VS的创建项目中发现可以自己创建基于angular与ASP.Net结合的项目&#xff0c;相当于将前后端集成在一起了&#xff0c;所以稍微研究了下这个模板启动的过程和原理。 首先我们在VS中找到这个启动的模板 这样完成了第一步&#xff0…...

    2024/4/20 5:47:29
  3. angular Js

    一、指令 1、ng-app 定义应用程序的根元素 [html] view plaincopy <div ng-app"app"></div> [javascript] view plaincopy var app angular.module(app, []); 2、ng-controller 为应用定义控制器对象 [html] view plaincopy <div ng-controller&q…...

    2024/4/26 12:56:41
  4. AngularJS Ajax请求与Spring MVC登录超时解决方案

    解决方案&#xff1a;对Angular Ajax的每次请求进行拦截&#xff0c;在请求头增加X-Requested-With标识&#xff0c;后台进行Fiter过滤时&#xff0c;根据X-Requested-With值来判断是否为Ajax请求&#xff0c;如果Session失效且为Ajax请求&#xff0c;则response返回错误编码。…...

    2024/5/2 1:14:33
  5. Angular与AngularJS区别变化

    1、angular2.0以后与react和vue的区别命名变化&#xff0c;angular2以后官方命名为angular&#xff0c;而2.0以前版本称为angularjs改变&#xff1a; AngularJS 的特性和优点&#xff1a;angualr中全部被继承并且发扬光大 1、模板功能强大丰富&#xff1a;声明式的&#xff0c;…...

    2024/4/21 2:45:01
  6. MVC分层开发模式

    MVC 1. 什么是mvc开发模式2. 基于servlet手写mvc框架1. 什么是mvc开发模式 mvc不是一种技术&#xff0c;只是一种开发模式使用分层开发模式能在大型项目中&#xff0c;让开发人员更好的协同工作便于项目的维护和扩展 M: Model 模型层->数据库层->daoV: View 视图层->…...

    2024/4/26 12:25:29
  7. Angular系列文章之angular路由

    那么&#xff0c;对于angular而言&#xff0c;它自然也有内置的路由模块&#xff1a;叫做ngRoute。 不过&#xff0c;大家很少用它&#xff0c;因为它的功能太有限&#xff0c;往往不能满足开发需求&#xff01;&#xff01; 于是&#xff0c;一个基于ngRoute开发的第三方路由模…...

    2024/4/21 2:44:58
  8. Angular 基础入门

    简介 什么是AngularJS 一个功能非常完备的前端框架&#xff0c;通过增强HTML的方式提供一种便捷开发Web应用程序的方式其核心特点就是几乎无任何DOM操作&#xff0c;让开发人员的精力和时间全部集中于业务MVC的特性增强了代码的结构和可维护性&#xff0c;应对需求的变化做出最…...

    2024/4/28 22:25:47
  9. angular基本概念

    一、前言 　　前端技术的发展是如此之快&#xff0c;各种优秀技术、优秀框架的出现简直让人目不暇接&#xff0c;作为一名业界新秀&#xff0c;紧跟时代潮流&#xff0c;学习掌握新知识自然是不敢怠慢。当听到AngularJs这个名字并知道是google在维护它时&#xff0c;便一直在关…...

    2024/4/21 2:44:56
  10. angular（1.5.8）

    1.MVC基本概念 M&#xff1a;model,模型&#xff0c;数据。 V&#xff1a;view&#xff0c;视图&#xff0c;就是如何展示数据。 C&#xff1a;controller&#xff0c;控制器&#xff0c;数据与展示的联系&#xff08;连接数据与视图的桥梁&#xff09;&#xff0c;是主要的代码…...

    2024/4/21 2:44:55
  11. angular教程

    1 前言 前端技术的发展是如此之快&#xff0c;各种优秀技术、优秀框架的出现简直让人目不暇接&#xff0c;紧跟时代潮流&#xff0c;学习掌握新知识自然是不敢怠慢。 AngularJS是google在维护&#xff0c;其在国外已经十分火热&#xff0c;可是国内的使用情况却有不小的差距&am…...

    2024/4/21 2:44:54
  12. angular路由详解

    angular路由 路由 (route) &#xff0c;几乎所有的 MVC(VM) 框架都应该具有的特性&#xff0c;因为它是前端构建单页面应用 (SPA) 必不可少的组成部分。 那么&#xff0c;对于 angular 而言&#xff0c;它自然也有 内置 的路由模块&#xff1a;叫做 ngRoute 。 不过&#xff0c…...

    2024/4/20 3:38:26
  13. Angular 核心概念

    module&#xff08;模块&#xff09; 作用 通过模块对页面进行业务上的划分,根据不同的功能划分不同的模块。将重复使用的指令或者过滤器之类的代码做成模块&#xff0c;方便复用注意必须指定第二个参数&#xff0c;否则变成找到已经定义的模块 请参照资料-备课代码-20-module.…...

    2024/4/19 22:27:19
  14. angular知识点总结

    angularjs angular支持的运算 逻辑运算 比较运算 三目运算 调用字符串对象的成员方法 使用直接变量表示法创建对象 使用数组 (不可以)new var (不可以)调用全局es javascript对象中的分类 1)ECMAScript标准对象 Global String Data RegExp Array Object 可以在任何一个js解析器…...

    2024/4/20 20:18:39
  15. angularjs 与 springmvc 遇到的一些问题

    使用angular的$http发送一个请求&#xff0c;data中存放请求数据&#xff0c;后台使用requestParam获取不到。 使用postman测试后台api&#xff0c;发现把参数以url parameter形式发送requestParam可以接收&#xff1b;以application/x-www-form-urlencoded格式也可以接收&…...

    2024/4/20 10:09:47
  16. 从 MVC 到前后端分离

    从 MVC 到前后端分离 1 理解 MVC MVC 是一种经典的设计模式&#xff0c;全名为 Model-View-Controller&#xff0c;即 模型-视图-控制器。 其中&#xff0c;模型 是用于封装数据的载体&#xff0c;例如&#xff0c;在 Java 中一般通过一个简单的 POJO&#xff08;Plain Ordi…...

    2024/4/20 20:18:37
  17. spring mvc的概述

    目录spring MVC一、什么是spring MVC二、传统的b/s架构与spring mvc的架构有区别三、spring mvc开发的流程四、spring mvc 处理器controller的参数的绑定五、jsp中关于Date类型数据的显示六、Spring mvc与Json数据交互spring MVC 一、什么是spring MVC spring mvc : 基于web层…...

    2024/4/21 2:44:52
  18. 深入浅析angular和vue还有jquery的区别

    angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码…...

    2024/4/25 4:27:21
  19. angular之路由的理解

    转载自&#xff1a;http://www.cnblogs.com/lovesueee/p/4442509.html 路由(route)&#xff0c;几乎所有的MVC(VM)框架都应该具有的特性&#xff0c;因为它是前端构建单页面应用(SPA)必不可少的组成部分。 那么&#xff0c;对于angular而言&#xff0c;它自然也有内置的路由模块…...

    2024/4/21 2:44:50
  20. 【ELK+angular行为分析】

    中间有过改动的地方&#xff0c;想想还是留着之前的&#xff0c;记录一下这个思考、变化的过程 哇~终于到写博客的时候了 行为分析&#xff1a;分析什么&#xff08;用户的行为&#xff09; 前端是angular&#xff0c;借助其自带的指令收集用户行为&#xff1b; 后端借助E…...

    2024/4/24 16:53:54

最新文章

  1. Linux 文件管理命令 tr col colrm fold iconv

    文章目录 2.Linux 文件管理命令2.49 tr&#xff1a;转换字符案例练习 2.50 col&#xff1a;过滤控制字符案例练习 2.51 colrm&#xff1a;删除指定的行案例练习 2.52 fold&#xff1a;限制文件列宽案例练习 2.53 iconv&#xff1a;转换给定文件的编码案例练习 2.Linux 文件管理…...

    2024/5/2 2:24:59
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. MongoDB初探：安装与图形化界面保姆级使用指南

    文章目录 前言一、MongoDB下载安装下载解压配置环境变量打开mongoDB 二、配置本地MongoDB服务创建文件下载服务测试服务 三、图形化界面Compass GUINavicat GUI 总结 前言 MongoDB是一种流行的开源、面向文档的NoSQL数据库程序。与传统的关系型数据库不同&#xff0c;MongoDB将…...

    2024/5/1 10:20:40
  4. [Flutter]导入singular_flutter_sdk后运行到Android报错

    问题&#xff1a; 接入归因之前&#xff0c;flutter项目一起正常。接入归因之后&#xff0c;iOS正常Android有问题。 dependencies: # Singular归因singular_flutter_sdk: ^1.3.3 针对 Flutter 的 Singular SDK 集成指南 https://support.singular.net/hc/zh-cn/articles/…...

    2024/4/30 20:13:57
  5. 在虚拟机ubuntu中端里输入vim filename.不显示vim界面，而是vim可以在以下的 package 找到

    1。打开终端 2.输入以下命令来更新软件包列表&#xff1a; sudo apt update 3&#xff0c;输入以下命令来安装vim编辑器&#xff1a; sudo apt install vim 4等待安装完成后&#xff0c;再次输入"vim filename"命令&#xff0c;应该就能正常显示vim界面了。...

    2024/5/1 19:53:42
  6. 【外汇早评】美通胀数据走低，美元调整

    原标题：【外汇早评】美通胀数据走低，美元调整昨日美国方面公布了新一期的核心PCE物价指数数据，同比增长1.6%，低于前值和预期值的1.7%，距离美联储的通胀目标2%继续走低，通胀压力较低，且此前美国一季度GDP初值中的消费部分下滑明显，因此市场对美联储后续更可能降息的政策…...

    2024/5/1 17:30:59
  7. 【原油贵金属周评】原油多头拥挤，价格调整

    原标题：【原油贵金属周评】原油多头拥挤，价格调整本周国际劳动节，我们喜迎四天假期，但是整个金融市场确实流动性充沛，大事频发，各个商品波动剧烈。美国方面，在本周四凌晨公布5月份的利率决议和新闻发布会，维持联邦基金利率在2.25%-2.50%不变，符合市场预期。同时美联储…...

    2024/4/30 18:14:14
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题：【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五，美国方面公布了新一期的非农就业数据，大幅好于前值和预期，新增就业重新回到20万以上。具体数据： 美国4月非农就业人口变动 26.3万人，预期 19万人，前值 19.6万人。 美国4月失业率 3.6%，预期 3.8%，前值 3…...

    2024/4/29 2:29:43
  9. 【原油贵金属早评】库存继续增加，油价收跌

    原标题：【原油贵金属早评】库存继续增加，油价收跌周三清晨公布美国当周API原油库存数据，上周原油库存增加281万桶至4.692亿桶，增幅超过预期的74.4万桶。且有消息人士称，沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油，印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/4/30 18:21:48
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题：【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升，避险资金回流日元有关，也与前一段时间的美日贸易谈判给日本缓冲期，日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策，但这符…...

    2024/4/27 17:58:04
  11. 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响

    原标题：【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响近日伊朗局势升温，导致市场担忧影响原油供给，油价试图反弹。此时OPEC表态稳定市场。据消息人士透露，沙特6月石油出口料将低于700万桶/日，沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”，沙特将满…...

    2024/4/27 14:22:49
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题：【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议，昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告，伊朗外长昨日回应称，欧洲国家履行它们的义务，伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/4/28 1:28:33
  13. 【原油贵金属早评】波动率飙升，市场情绪动荡

    原标题：【原油贵金属早评】波动率飙升，市场情绪动荡因中美贸易谈判不安情绪影响，金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际，美国按照既定计划向中国2000亿商品征收25%的关税，市场情绪有所平复，已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/4/30 9:43:09
  14. 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试

    原标题：【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试美国和伊朗的局势继续升温，市场风险情绪上升，避险黄金有向上突破阻力的迹象。原油方面稍显平稳，近期美国和OPEC加大供给及市场需求回落的影响，伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级，美国对中…...

    2024/4/27 17:59:30
  15. 【原油贵金属早评】市场情绪继续恶化，黄金上破

    原标题：【原油贵金属早评】市场情绪继续恶化，黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动，人民币汇率出现大幅的贬值动能，金融市场受到非常明显的冲击。尤其是波动率起来之后，对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势，这…...

    2024/4/25 18:39:16
  16. 【外汇早评】美伊僵持，风险情绪继续升温

    原标题：【外汇早评】美伊僵持，风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件，导致波斯湾局势进一步恶化，市场担忧美伊可能会出现摩擦生火，避险品种获得支撑，黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日，四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/4/28 1:34:08
  17. 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势

    原标题：【原油贵金属早评】贸易冲突导致需求低迷，油价弱势近日虽然伊朗局势升温，中东地区几起油船被袭击事件影响，但油价并未走高，而是出于调整结构中。由于市场预期局势失控的可能性较低，而中美贸易问题导致的全球经济衰退风险更大，需求会持续低迷，因此油价调整压力较…...

    2024/4/26 19:03:37
  18. 氧生福地 玩美北湖（上）——为时光守候两千年

    原标题：氧生福地 玩美北湖（上）——为时光守候两千年一次说走就走的旅行，只有一张高铁票的距离～ 所以，湖南郴州，我来了～ 从广州南站出发，一个半小时就到达郴州西站了。在动车上，同时改票的南风兄和我居然被分到了一个车厢，所以一路非常愉快地聊了过来。 挺好，最起…...

    2024/4/29 20:46:55
  19. 氧生福地 玩美北湖（中）——永春梯田里的美与鲜

    原标题：氧生福地 玩美北湖（中）——永春梯田里的美与鲜一觉醒来，因为大家太爱“美”照，在柳毅山庄去寻找龙女而错过了早餐时间。近十点，向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”，到郴州必吃的美食之一。 哇塞！那个味美香甜…...

    2024/4/30 22:21:04
  20. 氧生福地 玩美北湖（下）——奔跑吧骚年！

    原标题：氧生福地 玩美北湖（下）——奔跑吧骚年！让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/5/1 4:32:01
  21. 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！

    原标题：扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！扒开伪装医用面膜，翻六倍价格宰客！当行业里的某一品项火爆了，就会有很多商家蹭热度，装逼忽悠，最近火爆朋友圈的医用面膜，被沾上了污点，到底怎么回事呢？ “比普通面膜安全、效果好！痘痘、痘印、敏感肌都能用…...

    2024/4/27 23:24:42
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题：「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势： 1、铁皮石斛：自唐宋以来，一直被列为皇室贡品，铁皮石斛生于海拔1600米的悬崖峭壁之上，繁殖力差，产量极低，所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/4/28 5:48:52
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题：丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司，专注美业21年，其旗下品牌： 「圣茵美」私密荷尔蒙抗衰，产后修复 「圣仪轩」私密荷尔蒙抗衰，产后修复 「花茵莳」私密荷尔蒙抗衰，产后修复 「丽彦妆」专注医学护…...

    2024/4/30 9:42:22
  24. 广州械字号面膜生产厂家OEM/ODM4项须知！

    原标题：广州械字号面膜生产厂家OEM/ODM4项须知！广州械字号面膜生产厂家OEM/ODM流程及注意事项解读： 械字号医用面膜，其实在我国并没有严格的定义，通常我们说的医美面膜指的应该是一种「医用敷料」，也就是说，医用面膜其实算作「医疗器械」的一种，又称「医用冷敷贴」。 …...

    2024/4/30 9:43:22
  25. 械字号医用眼膜缓解用眼过度到底有无作用？

    原标题：械字号医用眼膜缓解用眼过度到底有无作用？医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料，含70%以上的水分。体表皮肤温度传导到本产品的凝胶层，热量被凝胶内水分子吸收，通过水分的蒸发带走大量的热量，可迅速地降低体表皮肤局部温度，减轻局部皮肤的灼…...

    2024/4/30 9:42:49
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19　浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57