文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular的12个经典问题，看看你能答对几个？（文末附带Angular测试）

ngDoCheck：检测并在Angular上下文发生变化时执行。每次更改检测运行时，会被调用。 ngOnDestroy：在Angular销毁指令/组件之前清除。...在Angular2中，组件中发生的任何改变总是从当前组件传播到其所有子组件中。如果一个子组件的更改需要反映到其父组件的层次结构中，我们可以通过使用事件发射器api来发出事件。...从堆栈溢出就是一个区别：  当异步操作完成或失败时，Promise会处理一个单个事件。 Observable类似于（在许多语言中的）Stream，当每个事件调用回调函数时，允许传递零个或多个事件。...通常Observable比Promise更受欢迎，因为它不但提供了Promise特性，还提供了其它特性。使用Observable可以处理0,1或多个事件。你可以在每种情况下使用相同的API。...如果服务器的HTTP请求结果或其它一些异步操作不再需要，则Observable的订阅者可以取消订阅，而Promise将最终调用成功或失败的回调，即使你不需要通知或其提供的结果。

17.4K80

angular面试题及答案_angular面试

ngOninit:初始化指令或组件，在angular第一次显示展示组件的绑定属性后调用，该方法只会调用一次 ngDocheck:检测 ngAfterContentInit:当把内容投影进组件之后调用，...:在angular初始化组件及其子组件的视图之后调用，只调用一次,只适用于组件 ngAfterViewChecked:每次做完组件视图和子视图的变更检测之后调用，只适用于组件 ngOnDestroy:...在angular每次销毁组件或指令之前调用，通常用于移除事件监听，退订可观察对象。...在传统的web技术中，客户端请求一个web页面(HTML/JSP/asp)，服务器返回资源(或HTML页面)，客户端再次请求另一个页面，服务器用另一个资源响应。...是输入属性发生变化的时候调用，并且ngOnInit是在ngOnchanges执行之后才调用，而constructor是在组件实例化的时候就调用了，也就是说，在constructor中是取不到输入属性的值的

11.3K120
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Top JavaScript Frameworks & Topics to Learn in 2017

    当函数返回一个promise时，你可以在promise解析之后使用.then（）方法来附加回调函数。 解析的值被传递到你的回调函数，例如doSomething（）。...calls (Ajax和服务器API调用): 那些最好玩的应用程序最终需要与网络通信。...TypeScript*: avaScript的静态类型。完全可选，除非你学习Angular 2。 如果你不使用 Angular 2，你应该在选择TypeScript之前仔细评估。...使用双向绑定，在 DOM 渲染过程（称为 Angular 1中的摘要循环）中对 DOM的 更改可能会在绘制完成之前重新触发绘图阶段，从而导致回流和重绘 - 从而降低性能。...因为其中一个重要标准是，“在工作中能被真正的用上”。 是的，这是一个人气竞赛，但当你在思考学习的时间投入在什么上时，了解一个框架的时机变得格外重要。 为了回答这个问题，我看了一些关键指标。

    2.3K00

    【干货】2017年值得关注的JavaScript框架与主题

    Promises: Promise是处理将来值的方法之一，当某个函数返回的是Promise对象时，你可以调用该对象的then函数来获取异步传入的值。...而调用者是通过传入的resolve回调来传值，譬如doSomething().then(value => console.log(value)); Ajax & 服务端API调用: 绝大部分有趣的应用都需要与服务端通过网络进行交互...TypeScript*: JavaScript的静态类型支持，不过需要特别注意的是，除非你在学习Angular 2，不然我觉得你如果要选用Angular 2的话还是要慎重考虑。...在重渲染阶段发生的数据变化并不会立刻触发重渲染，而是在下一个绘制阶段的时候才会进行重渲染。...这种单向数据流与当时以Angular 1 / Knockout为代表的双向数据绑定形成对比，双向数据绑定中如果发现绑定的数据发生变化则会立刻触发重渲染，而无论当前是否处于渲染流程中，这一点也就导致了Reflows

    1.3K60

    浅谈 Angular 项目实战

    使用 Angular 开发需要非常多的前置知识，比如 TypeScript、RxJS 等，所以学习成本比较高，这也是很多人望而却步的一个原因。...在经过很长时间的学习及准备之后，终于在今年有了项目实战的机会，项目很小，是整个系统中的一个独立模块，但是几乎所有知识都有涉猎，可谓“麻雀虽小五脏俱全”。本文就是对该项目的一些总结及思考。...RxJS（响应式扩展的 JavaScript 版）是一个使用可观察对象进行响应式编程的库，它让组合异步代码和基于回调的代码变得更简单 （RxJS Docs）。...关于异步开发的历史在面试中有遇到过，可以说的东西很多，比如回调函数、Promise、迭代器和生成器、async 和 await，除此之外，RxJS 中的可观察对象（Observable）应该是下一个更强大的异步编程方式...订阅时要先调用该实例的 subscribe() 方法，并把一个观察者对象传给它，用来接收通知。我刚开始使用时，也是因为这个原因被坑了一把。

    4.6K00

    【Appetite】ionic3实录（五）基本服务实现

    前面章节我们都是用命令行来操作，如ionic g page person，现在开始会涉及到很多命令操作，可能有些人会记不住命令，或者记不清关键字，可以像我这样，在IDE上装上插件，我这用的是VS Code...image.png TypeScript中，public为默认访问级别，即外部可以访问的，所以如果想控制权限，请手动添加private关键字。...因为目前大多插件的异步使用Promise，Observable转Promise比较简单，而Promise转Observable比较麻烦，为了更方便集成，所以把官方推荐的Observable方式转成Promise...注意catch里面用了return，表示捕获了异常处理并返回，下次链式调用将进入then，这样每个调用网络请求后的逻辑操作可以全放在then里，省掉写catch的部分。...要想下次链式调用再处理异常，就应用Promise.reject继续抛出异常。 三、权限服务 ionic g provider auth 先建个文件备用。

    3.1K40

    2021 年 JavaScript 大事记

    全新插件机制和 API：采用了基于 Rollup 插件 API 的设计，可以在使用 Rollup 插件钩子之外使用一些额外的 Vite 特有的 API 来处理一些打包中不存在的需求。...Promise.any：Promise.any 方法和 Promise.race 类似，只要给定的数组中的有一个 promise 成功，就采用第一个 promise 的值作为它的返回值，但与 Promise.race...(error.errors); } 弱引用：在以前，WeakMap 和 WeakSet 是JS中创建弱引用对象的唯一方法，WeakRef 是一个更高级的 API，可以用来指定目标对象不脱离垃圾收集保留它的对象...你可以在 React 18 中尝试体验以下几个新特性： 新的 ReactDOM.createRoot() API（替换 ReactDOM.render()） 新的 startTransition API...下面是本次更新的主要内容： readline Promise API：你现在可以用下面的方式调用 readline： import * as readline from 'node:readline/promises

    1.3K10

    React + TypeScript + Hook 带你手把手打造类型安全的应用。

    前言 TypeScript 可以说是今年的一大流行点，虽然 Angular 早就开始把 TypeScript 作为内置支持了，但是真正在中文社区火起来据我观察也就是没多久的事情，尤其是在 Vue3 官方宣布采用...TypeScript 开发以后达到了一个顶点。...在函数的实现中我们把 data 给 resolve 出去。...: Payload)参数中，url 参数和泛型 U 建立了关联，这样我们在调用 axios 函数时，就会动态的根据传入的 url 来确定上下文中 U 的类型，接下来用Payload把 U 传入...函数重载 写到这里，类型基本上是比较严格了，但是还有一个问题，就是在调用呢axios(Urls.TOGGLE)这个接口的时候，我们其实是一定要传递第二个参数的，但是因为axios(Urls.TODOS)

    12810

    React + TypeScript + Hook 带你手把手打造类型安全的应用。

    前言 TypeScript可以说是今年的一大流行点，虽然Angular早就开始把TypeScript作为内置支持了，但是真正在中文社区火起来据我观察也就是没多久的事情，尤其是在Vue3官方宣布采用TypeScript...: any): Promise | never 复制代码 泛型T被原封不动的交给了返回值的Promise， 所以外部axios调用时传入的Todos泛型就推断出返回值是了Promise，Ts就可以推断出这个...在函数的实现中我们把data给resolve出去。...: Payload)参数中，url参数和泛型U建立了关联，这样我们在调用axios函数时，就会动态的根据传入的url来确定上下文中U的类型，接下来用Payload把U传入Payload工具类型中...函数重载 写到这里，类型基本上是比较严格了，但是还有一个问题，就是在调用呢axios(Urls.TOGGLE)这个接口的时候，我们其实是一定要传递第二个参数的，但是因为axios(Urls.TODOS)

    1.9K10

    前端-学习JavaScript是一种什么样的体验？

    我们有很多方式来描述 JS 中多个库或类的交互方式，比如 exports 和 requires。...我举个例子吧，如果你要使用 React，你直接用 npm 安装 React，然后在代码里导入 React 就可以了。大部分 JS 库都能这么安装。 嗯，Angular 也可以。...AJAX 只是使用 XMLHttpRequest 对象，但是 Fetch API 可以让你用 Promise 风格来发起异步请求，帮你摆脱「回调地狱」。 回调地狱？...是的，每次你发起一个异步请求，就得等待它响应。这时你就得在函数里使用一个函数，这种嵌套调用就是回调地狱。 好吧。Promise 解决了这个问题么？ 是的。...await 能让你拦住一个异步调用，让你更好地控制异步返回的数据，大大增强了代码的可读性。

    1.1K30

    进阶 | 重新认识Angular

    首先我们使用一个内建DSL来解析模板字符串并输出AST。 结合特定的数据模型(在regularjs中，是一个裸数据)， 模板引擎层级游历AST并递归生成Dom节点(不会涉及到innerHTML)。...，使其运行在Zone上下文中 每一个异步任务为一个Task，提供钩子函数(hook) Angular2+变化 zone.js对异步任务进行跟踪 脏检查计算放进worker Angular2+中树结构，自上而下进行脏检查...（Angular1中的带有环的结构） ---- 模块化组织 Angular模块 Angular模块把组件、指令和管道打包成内聚的功能块，每个模块聚焦于一个特性区域、业务领域、工作流或通用工具。...---- 核心思想: 数据响应式 Promise => 允诺 Rxjs => 由订阅/发布模式引出来 Promise顾名思义，提供的是一个允诺，这个允诺就是在调用then之后，它会在未来某个时间段把异步得到的...Promise需要调用then或者catch才能够执行，catch是另一种形式的then，调用then或者catch之后，它返回一个新的Promise，这样新的Promise也可以同样被调用，所以可以做成无限的

    2.6K10

    Angular、React 和 Vue 三大框架，Web 开发该如何选择？

    Angular Angular 差不多是一个完整的开发环境。它包含一整套程序，包括 TypeScript 编译器、AOT 编译器和 Web 服务器。...它越来越受欢迎，因为它提供了真正的 Promise。React 的 Mental Model 看起来很可靠，其组件让创建用户界面变得更容易，API 灵活且富有表现力，整个项目给人的感觉是就应该那样。...对 API 库的描述也友好，更容易给人留下良好的印象。 从那时起，React 库在基本概念和 API 方面就基本保持不变，但已经形成并发展出了一整套的知识和最佳实践，越来越多的人在使用它。...谷歌搜索：在谷歌搜索中，React 查询请求最多，紧随其后的是 Vue.js。目前最不受欢迎的是 Angular.js。Angular.js 的人气在下降，而 Vue.js 的人气却在上升。...Angular 中许多可以“开箱即用”的主要特性，在这里必须单独连接（这种方法有优点，也有缺点，对于初学者来说是缺点，因为需要做不必要的动作）； 更多地面向 JavaScript 而不是 TypeScript

    1.7K30

    angular5面试题_大数据面试题

    Angular提供了一种平滑的机制，通过它我们可以将这些依赖项注入我们的组件和指令中。因此，我们只是在构建依赖关系，这些依赖关系可以在应用程序的所有组件之间注入。...表达式（以及表达式所调用的函数）中少写太过复杂的逻辑 不要连接太长的 pipe（往往 pipe里都会遍历并且生成新数组, pipe 在anglarJS（v1）中叫做filter） 变化检测策略onPush...-- 3.绑定方法调用的结果 --> 直接绑定： 大多数情况下，这都是性能最好的方式。 绑定方法调用的结果：在每个脏值检测过程中，classes方程都要被调用一遍。...Promise,无论是否调用then。promise都会立即执行；而observables只是被创建，当调用(subscribe)的时候才会被执行。...Promise返回一个值；Observable返回0至N个值。

    4.3K20

    Angular2 初体验

    准备开发环境 Angular2 通过 npm 发布， 因此推荐使用 node/npm 环境， 要开始使用 Angular2 ， 先准备一个目录 learning-angular ， 在这个目录中初始化项目...": "0.1.2", "rxjs": "5.0.0-beta.2", "zone.js": "0.5.15" } 保存 package.json 文件， 在命令行中输入 npm install...npm install 使用 es5 开发 Angular2 应用 Angular2 是个客户端框架， 在浏览器中运行， 因此使用 Javascript (es5) 来做开发也是完全可行的。...typescript gulp gulp-typescript --save-dev 完整的 package.json 可以在我的 github 项目中查看。...安装完需要的包之后， 我们需要一个 TypeScript 的配置文件 tsconfig.json 来配置 TypeScript 的编译， 这个文件的代码如下： { "compilerOptions"

    1.6K20

    手撕钉钉前端面试题

    在实际的编程中，可以将各种明确对应关系的函数进行传递、组合从而达到处理数据的最终目的。...函数式编程的核心就是对函数进行组合或传递，JavaScript 中函数这种灵活的特性是满足函数式编程的重要条件。 纯函数 纯函数是是指在相同的参数调用下，函数的返回值唯一不变。...// 在 ES 6 中 Promise 的 then 回调执行是异步执行（微任务） // 在当前 then 被调用的那轮事件循环（Event Loop）的末尾执行 console.log...then 的执行会返回一个新的 Promise 对象，并且如果 then 执行后返回的仍然是 Promise 对象，那么下一个 then 的链式调用会等待该 Promise 对象的状态发生变化后才会调用...#### 93、在使用 Git 的时候如何规范 Git 的提交说明（Commit 信息）？ #### 94、简述符合 Angular 规范的提交说明的结构组成？

    3K21
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券