【17】进大厂必须掌握的面试题-50个Angular面试
我们整理了一份主要的Angular面试问题清单,分为三部分:
- 角度面试问题–初学者水平
- 角度面试问题–中级
- 角度面试问题–高级
初学者水平–面试问题
1.区分Angular和AngularJS。
特征 | AngularJS | Angular |
---|---|---|
建筑 | 支持MVC设计模型 | 使用组件和指令 |
语言 | 推荐语言:JavaScript | 推荐语言:TypeScript |
表达式语法 | 图片/属性和事件需要特定的ng指令 | 使用()绑定事件,使用[]进行属性绑定 |
行动支援 | 不提供任何移动支持 | 提供移动支持 |
路由 | $ routeprovider.when()用于路由配置 | @RouteConfig {(…)}用于路由配置 |
依赖注入 | 不支持依赖注入的概念 | 支持基于树的单向更改检测的分层依赖注入 |
结构体 | 难以管理 | 简化的结构,使大型应用程序的开发和维护更加容易 |
速度 | 通过双向数据绑定,开发工作和时间得以减少 | 升级功能比AngularJS更快 |
支持 | 不再提供支持或新的更新 | 积极的支持和频繁的新更新 |
2.什么是Angular?
Angular是一个开放源代码的前端Web框架。它是最流行的JavaScript框架之一,主要由Google维护。它提供了一个轻松开发基于Web的应用程序的平台,并使前端开发人员能够管理跨平台应用程序。它集成了强大的功能,例如声明性模板,端到端工具,依赖项注入以及各种其他使开发路径更流畅的最佳实践。
3.使用Angular有什么优势?
下面列出了使用Angular框架的一些主要优点:
- 支持双向数据绑定
- 它遵循MVC模式架构
- 它支持静态模板和Angular模板
- 您可以添加自定义指令
- 它还支持RESTfull服务
- 支持验证
- 客户端和服务器之间的通讯便利
- 支持依赖注入
- 具有强大的功能,例如事件处理程序,动画等。
4. Angular主要用于什么?
Angular通常用于表示单页应用程序的SPA的开发。Angular提供了一组现成的模块,可简化单页应用程序的开发。不仅如此,Angular还具有内置数据流,类型安全性和模块化CLI的功能,被认为是成熟的Web框架。
5.什么是角度表达式?
角表达式是类似于JavaScript的代码段,通常放在诸如{{expression}}之类的绑定中。这些表达式用于将应用程序数据绑定到HTML
语法:{{expression}}
6. Angular中的模板是什么?
Angular中的模板是使用包含特定于Angular的元素和属性的HTML编写的。这些模板与来自模型和控制器的信息结合在一起,进一步渲染这些信息以向用户提供动态视图。
7. 在Angular中,什么是字符串插值?
Angular中的字符串插值是一种特殊的语法,它在双花括号 {{}}中使用模板表达式来显示组件数据。它也称为小胡子语法。JavaScript表达式包含在花括号中,由Angular执行,然后将相对输出嵌入HTML代码中。这些表达式通常像表一样进行更新和注册,作为摘要循环的一部分。
8. Angular中的Annotation和Decorator有什么区别?
使用Reflect Metadata库,角度注释是类的“唯一”元数据集。它们用于创建“注释”数组。另一方面,装饰器是用于分离装饰或修改类的设计模式,而无需实际更改原始源代码。
9.您对Angular中的控制器了解多少?
控制器是JavaScript函数,可为HTML UI提供数据和逻辑。顾名思义,它们控制数据如何从服务器流到HTML UI。
10. Angular的范围是什么?
Angular中的范围是一个引用应用程序模型的对象。它是表达式的执行上下文。范围以模仿应用程序DOM结构的层次结构排列。范围可以监视表达式并传播事件。
11. Angular中的指令是什么?
Angular的核心功能是指令,这些属性使您可以编写 特定于应用程序的新HTML语法。它们本质上是在Angular编译器在DOM中找到它们时执行的函数。Angular指令分为三部分:
- 组件指令
- 结构指令
- 属性指令
12.什么是数据绑定?
在Angular中,数据绑定是最强大,最重要的功能之一,可让您定义组件与DOM(文档对象模型)之间的通信。它从根本上简化了定义交互式应用程序的过程,而不必担心在视图或模板与组件之间推送和提取数据。在Angular中,数据绑定有四种形式:
- 字符串插值
- 属性绑定
- 事件绑定
- 双向数据绑定
13.在Angular中使用过滤器的目的是什么?
Angular中的过滤器用于格式化表达式的值,以便将其显示给用户。这些过滤器可以添加到模板,指令,控制器或服务中。不仅如此,您还可以创建自己的自定义过滤器。使用它们,您可以轻松地组织数据,使数据仅在满足特定条件时才显示。通过使用竖线字符|,将过滤器添加到表达式中,然后是过滤器。
14. Angular和jQuery有什么区别?
特征 | jQuery | Angular |
---|---|---|
DOM操作 | 是 | 是 |
RESTful API | 没有 | 是 |
动画支持 | 是 | 是 |
深层链接路由 | 没有 | 是 |
表格验证 | 没有 | 是 |
双向数据绑定 | 没有 | 是 |
AJAX / JSONP | 是 | 是 |
15. Angular中的提供程序是什么?
提供程序是Angular中的可配置服务。这是对依赖关系注入系统的一条指令,它提供有关获取依赖关系值的方式的信息。它是一个具有$ get()方法的对象,该方法被调用以创建服务的新实例。提供者还可以包含其他方法,并使用$ provide来注册新的提供者。
中级–面试问题
16. Angular是否支持嵌套控制器?
是的,Angular确实支持嵌套控制器的概念。需要以层次方式定义嵌套控制器,以便在视图中使用它。
17.如何区分Angular表达式和JavaScript表达式?
Angular表达式 | JavaScript表达式 |
---|---|
1.它们可以包含文字,运算符和变量。 | 1.它们可以包含文字,运算符和变量。 |
2.它们可以写在HTML标记内。 | 2.它们不能写在HTML标记内。 |
3.它们不支持条件,循环和异常。 | 3.它们确实支持条件,循环和异常。 |
4.它们支持过滤器。 | 4.他们不支持过滤器。 |
18.列出使用核心Angular功能在应用程序模块之间进行通信的方式。
以下是使用核心Angular功能在应用程序模块之间进行通信的最通用方法:
- 使用事件
- 使用服务
- 通过在$ rootScope上分配模型
- 直接在控制器之间[ $ parent, $$ childHead, $$ nextSibling等]
- 直接在控制器之间[ ControllerAs或其他继承形式]
19. service()和factory()有什么区别?
Angular中的service()是用于应用程序业务层的函数。它作为构造函数运行,并在运行时使用'new'关键字调用一次。而factory()是一个类似于service()的函数,但功能更强大,更灵活。factory()是有助于创建对象的设计模式。
20. $ scope和Angular中的scope有什么区别?
- Angular中的$ scope用于实现依赖项注入(DI)的概念,另一方面,scope 用于指令链接。
- $ scope是$ scopeProvider提供的服务,可以注入到控制器,指令或其他服务中,而Scope可以是任何东西,例如函数参数名称等。
21.解释范围层次的概念吗?
Angular中的$ scope对象被组织成一个层次结构,并且主要由视图使用。它包含一个根范围,该范围可以进一步包含称为子范围的范围。一个根作用域可以包含多个子作用域。在这里,每个视图都有自己的$ scope,因此由其视图控制器设置的变量将对其他控制器隐藏。范围层次结构通常如下所示:
- 根$ scope
- 控制器1的$ scope
- 控制器2的$ scope
- ..
- 控制器'n'的$ scope
22.什么是AOT?
AOT代表Angular-Ahead-of-Time编译器。它用于在构建过程中预编译应用程序组件及其模板。用AOT编译的Angular应用程序的启动时间更短。同样,这些应用程序的组件可以立即执行,而无需任何客户端编译。这些应用程序中的模板作为代码嵌入其组件中。它减少了下载Angular编译器的需要,从而使您免于繁琐的任务。AOT编译器可以丢弃未使用的指令,这些指令会使用摇树工具进一步丢弃。
23.解释jQLite。
jQlite也称为 jQuery lite是jQuery的子集,包含其所有功能。默认情况下,它打包在Angular中。它帮助Angular以兼容的跨浏览器方式操作DOM。jQLite基本上仅实现最常用的功能,因此占用空间小。
24.解释Angular中的摘要循环过程?
Angular中的摘要周期是监视监视列表的过程,以跟踪监视变量的值的变化。在每个摘要循环中,Angular都会比较范围模型值的先前版本和新版本。通常,此过程是隐式触发的,但是您也可以使用$ apply()手动将其激活。
25.什么是Angular模块?
所有Angular应用程序都是模块化的,并遵循称为NgModules的模块化系统。这些容器保存着专门用于应用程序域,工作流或一组紧密相关的功能的内聚代码块。这些模块通常包含组件,服务提供商和其他代码文件,其范围由包含的NgModule定义。有了模块,代码变得更加可维护,可测试和易读。同样,应用程序的所有依赖关系通常仅在模块中定义。
26.我们可以在哪种类型的组件上创建自定义指令?
Angular支持创建以下内容的自定义指令:
- 元素指令 -当遇到匹配的元素时,指令将激活。
- 属性 -当遇到匹配的属性时,指令将激活。
- CSS- 指令会在遇到匹配的CSS样式时激活。
- 注释 -遇到匹配的注释时,指令将激活
27. Angular中有哪些不同类型的过滤器?
以下是Angular支持的各种过滤器:
- 货币: 将数字格式化为货币格式。
- 日期: 将日期格式化为指定的格式。
- filter: 从数组中选择项的子集。
- json: 将对象格式化为JSON字符串。
- limit:将数组/字符串限制为指定数量的元素/字符。
- 小写: 将字符串格式化为小写。
- number: 将数字格式化为字符串。
- orderBy: 按表达式对数组排序。
- 大写: 将字符串格式化为大写。
28.什么是Angular中的依赖注入?
依赖注入(DI)是一种软件设计模式,其中对象作为依赖关系传递,而不是在组件中对其进行硬编码。当您尝试将对象创建的逻辑与使用对象的逻辑分开时,依赖注入的概念会派上用场。“ config”操作使用DI,在加载模块以检索应用程序的元素时,必须预先配置DI。使用此功能,用户可以根据自己的要求更改依赖关系。
29.区分单向绑定和双向数据绑定。
在 单向数据绑定中,无论何时更改数据模型,“视图”或“ UI”部分都不会自动更新。您需要手动编写自定义代码,以便在每次视图更改时对其进行更新。
而在双向数据绑定中,一旦更改数据模型,则隐式更新View或UI部分。与单向数据绑定不同,这是一个同步过程。
30.组件和指令的生命周期挂钩是什么?
Angular组件具有离散的生命周期,其中包含从出生到死亡过渡的不同阶段。为了更好地控制这些阶段,我们可以使用以下方法将其连接:
- 构造函数: 通过在类上调用new创建组件或指令时将调用它。
- ngOnChanges:每当组件的任何输入属性发生更改或更新时,都将调用它。
- ngOnInit:每次初始化给定组件时都会调用它。在第一个ngOnChanges之后,该挂钩在其生命周期中仅被调用一次。
- ngDoCheck:每当调用给定组件的更改检测器时,便会调用它。这使您可以为提供的组件实现自己的变更检测算法。
- ngOnDestroy: 在Angular销毁组件之前立即调用它。您可以使用此钩子来取消订阅可观察对象并分离事件处理程序,以避免发生任何类型的内存泄漏。
31.通过对Angular进行脏检查,您了解什么?
在Angular中,摘要过程称为脏检查。之所以调用它,是因为它扫描整个范围以进行更改。换句话说,它将所有新的作用域模型值与以前的作用域值进行比较。由于所有监视变量都包含在单个循环中,因此任何变量的任何更改/更新都将导致重新分配DOM中存在的其余监视变量。被监视的变量处于单个循环(摘要循环)中,任何变量的任何值更改都会在DOM中重新分配其他被监视变量的值
32.区分DOM和BOM。
DOM | 物料清单 |
---|---|
1.代表文档对象模型 | 1.代表浏览器对象模型 |
2.表示网页的内容 | 2.在网页上方工作,并包含浏览器属性 |
3.所有对象都以树状结构排列,并且只能通过提供的API来操作和访问文档 | 3.所有全局JavaScript对象,变量和函数都隐式地成为window对象的成员 |
4.处理HTML文档 | 4.访问和操纵浏览器窗口 |
5. W3C推荐的标准规格 | 5.每个浏览器都有自己的实现 |
33.什么是Angular中的Transpiling?
Angular中的编译是指将源代码从一种编程语言转换为另一种编程语言的过程。通常,在Angular中,此转换是从TypeScript到JavaScript的。这是一个隐式过程,在内部发生。
34. How to perform animation in Angular?
为了在Angular应用程序中执行动画,您需要包括一个称为Animate Library的特殊Angular库,然后将ngAnimate模块引用到您的应用程序中,或者将ngAnimate作为依赖项添加到您的应用程序模块内部。
35.什么是Angular中的包含?
Angular中的包含可让您将指令的原始子代转移到新模板内的特定位置。ng指令指示正在使用包含的最近父指令的已包含DOM的插入点。诸如ng-transclude 或 ng-transclude-slot之类的属性指令主要用于包含。
36. Angular中的事件是什么?
Angular中的事件是特定的指令,可帮助自定义各种DOM事件的行为。以下列出了Angular支持的事件:
- ng-click
- ng-copy
- ng-cut
- ng-dblclick
- ng-keydown
- ng-keypress
- ng-keyup
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-mouseover
- ng-mouseup
- ng-blur
37.列出一些用于测试角度应用的工具吗?
- Karma
- Angular Mocks
- Mocha
- Browserify
- Sion
38.如何在Angular中创建服务?
在Angular中,服务是可替换对象,该对象使用依赖项注入连接在一起。通过将服务注册到要在其中执行的模块中来创建服务。基本上,您可以通过三种方式创建角度服务。基本上,它们是在Angular中创建服务的三种方式:
- Factory
- Service
- Provider
39.什么是单例模式,在Angular中可以找到它?
Angular中的Singleton模式是一种很棒的模式,它限制了一个类不能被多次使用。Angular中的Singleton模式主要在依赖项注入和服务中实现。因此,如果您不使用“ new Object()”而未将其设为单例,则将为同一对象分配两个不同的存储位置。而如果将该对象声明为单例,则如果该对象已存在于内存中,则将简单地将其重用。
40.您对Angular中的REST了解那些?
REST表示RE表象小号大老牛逼转让(BOT)。REST是适用于HTTP请求的API(应用程序编程接口)样式。在这种情况下,所请求的URL可以精确定位需要处理的数据。然后,HTTP方法将标识需要对请求的数据执行的特定操作。因此,遵循此方法的API被称为RESTful API。
41. Angular中的自举是什么?
在Angular中进行引导只是初始化或启动Angular应用程序。Angular支持自动和手动引导。
- 自动引导程序:这是通过将ng-app指令添加到应用程序的根目录来完成的,通常是在标记或标记上(如果您希望angular自动引导应用程序)。当Angular找到ng-app指令时,它将加载与其关联的模块,然后编译DOM。
- 手动引导: 手动引导为您提供了有关如何以及何时初始化Angular应用程序的更多控制。如果您想在Angular唤醒并编译页面之前执行任何其他操作,这将非常有用。
42.在Angular中链接和编译有什么区别?
- 编译功能用于模板DOM操纵并收集所有指令。
- 链接功能用于注册DOM侦听器以及实例DOM操作,并在克隆模板后执行。
43. 您对Angular中的常数有什么了解?
在Angular中,常量类似于用于定义全局数据的服务。常量使用关键字“ constant”声明。它们是使用恒定依赖性创建的,可以注入控制器或服务中的任何位置。
44. Angular的提供者,服务和工厂之间有什么区别?
提供者 | 服务 | 厂 |
---|---|---|
提供程序是一种可以将应用程序的一部分传递到app.config中的方法 | 服务是一种用于创建以'new'关键字实例化的服务的方法。 | 这是用于创建和配置服务的方法。在这里,您可以创建一个对象,向其中添加属性,然后返回相同的对象,并将工厂方法传递到控制器中。 |
45. 什么是Angular Global API?
Angular Global API是用于执行各种常见任务的全局JavaScript函数的组合,例如:
- 比较对象
- 迭代对象
- 转换数据
有一些常见的Angular Global API函数,例如:
- 有角的。小写:将字符串转换为小写字符串。
- 有角的。大写: 将字符串转换为大写字符串。
- 有角的。isString: 如果当前引用是字符串,则返回true。
- 有角的。isNumber:如果当前引用为数字,则返回true。
高级水平–面试问题
46.在Angular中,描述如何设置,获取和清除cookie?
为了在Angular中使用cookie,您需要包含一个名为ngCookies angular-cookies.js的模块。
设置Cookies –为了以键值格式设置Cookies,使用“ put”方法。
cookie.set("nameOfCookie","cookieValue");
获取Cookie –为了获取Cookie,使用了“ get”方法。
cookie.get("nameOfCookie");
清除Cookie –使用“删除”方法删除Cookie。
cookie.delete("nameOfCookie");
47. 如果您的数据模型是在"区域"之外更新的,请说明该过程,您将如何查看视图?
您可以使用以下任意一种来更新视图:
- ApplicationRef.prototype.tick():它将对整个组件树执行更改检测。
- NgZone.prototype.run():它将对整个组件树执行更改检测。在这里,引擎盖下的run()将调用tick本身,然后参数将在tick之前获取函数并执行它。
- ChangeDetectorRef.prototype.detectChanges():它将在当前组件及其子组件上启动更改检测。
48.在Angular中解释ng-app指令。
ng-app指令用于定义Angular应用程序,使我们可以在Angular应用程序中使用自动引导。它表示Angular应用程序的根元素,通常在或标签附近声明。在HTML文档中可以定义任何数量的ng-app指令,但是只有一个Angular应用程序可以被隐式地正式引导。其余应用程序必须手动引导。
例
<div ng-app=“myApp” ng-controller=“myCtrl”>
First Name :
<input type=“text” ng-model=“firstName”>
<br />
Last Name :
<input type=“text” ng-model=“lastName”>
<br>
Full Name: {{firstName + ” ” + lastName }}
</div>
49.从准备好的TemplateRef插入嵌入视图的过程是什么?
@Component({selector: 'app-root',template: `<ng-template #template let-name='fromContext'><div>{{name}}</ng-template>`
})
export class AppComponent implements AfterViewChecked {@ViewChild('template', { read: TemplateRef }) _template: TemplateRef<any>;constructor() { }ngAfterViewChecked() {this.vc.createEmbeddedView(this._template, {fromContext: 'John'});}
}
50.如何仅通过单击角形按钮即可隐藏HTML元素?
可以使用ng-hide指令与控制器一起轻松隐藏HTML元素,以在单击按钮时隐藏HTML元素。
View
<div ng-controller ="MyController"><button ng-click ="hide()">欢迎关注全栈程序员社区公众号</ button><p ng-hide ="isHide">欢迎关注Java架构师社区公众号!</ p>
</ div>
Controller
controller: function() {this.isHide = false;this.hide = function(){this.isHide = true; };
}
欢迎关注 Java架构师社区公众号. 本文转载自Java架构师必看 ,更多内容点击查看!
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- vue常见面试题
1.vue优点? 答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习࿱…...
2024/4/21 2:20:40 - 2018面试
angularjs面试问题 factory、service、provide之间工作原理数据双向绑定的原理 vue面试题 数据双向绑定的原理vuex设计的初衷。解决的什么问题 就算是算法题 判断是否是回文字符串get_elment_english > getElmentEnglish数组去重 http和https...
2024/4/20 20:26:20 - AngularJS常见面试题
本文引自:https://segmentfault.com/a/1190000005836443 问题来源:如何衡量一个人的 AngularJS 水平? ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是,ng-if 在后面表达式为 true 的时候才创建这个 dom 节点&#…...
2024/4/20 20:26:19 - 2021前端面试题
HTML 浏览器页面有哪三层构成,分别是什么,作用是什么? 参考文档:https://blog.csdn.net/weixin_41950078/article/details/84276664 HTML5的优点与缺点?Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?HTM…...
2024/4/20 20:26:18 - vue面试题总汇
vue面试题总汇 vue的底层原理? vue组件之间的通信? JS中判断数据类型的方法有几种? 最常见的判断方法:typeof 判断已知对象类型的方法: instanceof 根据对象的constructor判断: constructor 无敌万能的方法:j…...
2024/4/20 20:26:17 - angular.js指令集实现模态框拖动效果
define([application-configuration], function (app) { "use strict"; app.directive(draggable, [$document, function($document) {//模态框拖动指令 return function(scope, element, attr) {var startX 0, startY 0, x 0, y 0;element…...
2024/4/26 2:31:59 - angular封装slider滑动条组件(支持小数)
文章目录1.先展示滑动条效果2.使用angular命令快速创建组件3.代码4.在项目中引用创建的组件1.先展示滑动条效果 2.使用angular命令快速创建组件 ng g c component/slider打开slider.component.ts文件,可以看到selector的值是app-steps import { Component, OnInit…...
2024/4/21 2:20:37 - angular 精通
笔记来源于慕课网 https://coding.imooc.com/class/evaluation/123.html#Anchor Angular 打造企业级协作平台 讲师:接灰的电子产品 ,负责前端技术,是个十足的技术咖,还出过《Angular从零到一》一书,是个博学多…...
2024/4/21 2:20:37 - angular.js模态框拖动(2)
//修改了一下,解决了之前的一些bug,还有一个最为重要的bug有待解决,先记录下来,后期再完善,仅供参考。 .directive(draggable, [$document, function($document) { //模态框拖动指令 return function…...
2024/4/21 2:20:36 - Angular属性型指令
注:代码已上传到github,仅作为demo进行演示并学习,没有进行进一步开发,如有问题请随时联系我 github demo地址:https://github.com/Mr-WangZhe/DirectiveDemo 一.指令 1.什么是指令 组件是一种自带模板的指令结构型(Structural)指令和属性型…...
2024/4/26 16:08:31 - Angular 学习笔记——拖拽
<!DOCTYPE HTML> <html ng-app"myApp"> <head> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"> <title>无标题文档</title> <style> #div1{width: 100px;height: 100px;backgrou…...
2024/4/21 2:20:33 - Angular 4 : 封装拖动指令(模态框拖动)
一. HTML和 CSS html结构大概如下: <div class"background"><div appDrag class"modal"> // 在模态框所在的 div 添加属性 [appDrag]<div class"header drag-title"><div class"icon-close"…...
2024/4/24 12:59:11 - angular-drag - 基于Angularjs的拖拽指令
原文地址:http://www.open-open.com/lib/view/open1452255462401.html angular-drag 基于 AngularJS 的拖拽指令 支持 GPU 加速支持边界限制支持设置拖拽把柄移动端与 PC 端通用 使用 支持使用 script 标签或者 webpack、requirejs、seajs 调用: script…...
2024/4/22 3:48:33 - Angular基础学习笔记
Angular基础学习笔记 一、Angular介绍 https://angular.cn/docs Angular是谷歌开发的一款开源的 web 前端框架,诞生于2009年,由 Misko Hevery等 人创建,后为 Google 所收购。是一款优秀的前端JS框架。 Angular 基于 TypeScript 和 react、vue相比,Angular 更适合中大型企业级项…...
2024/4/21 2:20:30 - angular2,4拖拽排序插件ng2-dragula
1、安装 npm install ng2-dragula --save 2、配置 // 拖拽 import {DragulaModule} from "ng2-dragula";NgModule({declarations: [AppComponent],imports: [DragulaModule,...],providers: [],bootstrap: [AppComponent] })export class AppModule { }angular-cli.j…...
2024/4/21 2:20:29 - Angular4_点击tr选中行
Angular4_点击tr选中行,并得到点击行的数量 <tr (click)"onselectedRows(hu,od)"><td style"background-color: white" (click)"expandOrder($event,od,hu.palletId)"><i [ngClass]"{fa: true, fa-caret-right: …...
2024/4/21 2:20:28 - angular-ui-tree中禁止拖拽和下拉按钮浮动的问题
在网上找了各种博客地址,怎么使用angular-ui-tree构建一颗树,网上关于这个博客很多,基本上可以满足要求,但是在使用的过程中,还是遇到了一些问题,参考了其他博客的内容之后,完美解决,…...
2024/4/21 2:20:29 - Angular2封装拖拽指令
一:创建drag.directive.ts 代码如下: /* 1.Directive提供Directive装饰器功能。 2.ElementRef注入到指令构造函数中。这样代码就可以访问 DOM 元素了。 3.Input将数据从绑定表达式传达到指令中。 */ import { Directive, ElementRef, Input,OnInit,Renderer,HostLis…...
2024/4/21 2:20:26 - Angular4 组件之间添加分割线
公共方法: changeWidth(event, ele, leftEle, rightEle, contentEle, isListPage){ele ele.nativeElement;leftEle leftEle.nativeElement;rightEle rightEle.nativeElement;contentEle contentEle.nativeElement;const disX (event || window.event).clientX…...
2024/4/21 2:20:25 - 基于AngularJS的拖拽上传
随着HTML5的普及,现在大部分浏览器都支持拖拽功能,今天我们要说的就是实现一套拖拽上传的功能(Angularjsnodejs)。一、首先前端这款插件是基于AngularJS的,下面我们来看主要代码。引入js:<script src"js/angular.1.3.15.min.js"…...
2024/4/26 10:34:37
最新文章
- 全志ARM-蜂鸣器
操作准备: 1.使Tab键的缩进和批量对齐为4格 在/etc/vim/vimrc 中添加一项配置 set tabstop 4; 也可以再加一行 set nu显示代码的行数 vim的设置,修改/etc/vim/vimrc文件,需要用超级用户权限 /etc/vim/vimrc set shiftwidth4 设置批量对…...
2024/4/26 21:41:01 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/3/20 10:50:27 - 自动化运维(十)Ansible 之进程管理模块
Ansible的进程管理模块提供了一种强大而灵活的方式来管理和操作各种进程管理器和服务。无论你使用的是Supervisor、Systemd、传统的init脚本还是Runit,这些模块都可以帮助你轻松地管理服务的生命周期。通过合理地使用这些模块,你可以实现服务的自动化管理,提高系统的可靠性和稳…...
2024/4/26 10:37:35 - STL--vector有哪些应用场景
vector 在 C 中是一种非常灵活和强大的容器,适用于多种不同的应用场景。以下是一些常见的应用场景: 1 动态数据集合:当你不确定数据集的大小,或者数据集的大小会随时间变化时,vector 是理想的选择。例如,在…...
2024/4/23 21:36:23 - 2024免费Mac苹果解压压缩包软件BetterZip5
在2024年,对于Mac电脑用户来说,如果你想要无需解压就能快速查看压缩文档的内容,BetterZip是一个极佳的选择。这款软件不仅支持多种格式的压缩和解压,如zip、rar、7z、tar等,还具备丰富的功能和设置,包括预览…...
2024/4/22 6:37:18 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/4/26 18:09:39 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/4/26 20:12:18 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/4/25 18:38:39 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/4/25 18:39:23 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/4/25 18:39:22 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/4/25 18:39:22 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/4/25 18:39:20 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/4/25 16:48:44 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/4/26 16:00:35 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/4/25 18:39:16 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/4/25 18:39:16 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/4/26 19:03:37 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/4/25 4:19:21 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/4/25 18:39:14 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/4/25 18:39:12 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/4/25 2:10:52 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/4/25 18:39:00 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/4/26 19:46:12 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/4/25 18:38:58 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/4/25 18:38:57 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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