一、AngularJS 简介 在回顾前端框架发展史时，AngularJS 始终是一个不可忽视的重要角色。它由 Google 打造，采用 MVVM 架构，是一款经典的 JavaScript 框架，原生支持数据双向绑定、依赖注入、模块化开发以及路由管理等核心特性，特别适合构建单页面应用（SPA）。需要特

在Angular应用开发过程中，首屏加载速度始终是开发者重点关注的性能指标。懒加载（Lazy Loading）正是解决这一痛点的关键手段——它允许我们将模块拆分成独立的代码块，等到用户真正访问对应功能时才进行加载，从而显著压缩初始打包体积。下面就从实操角度，详细拆解在Angular中实现懒加载的核心

在 AngularJS 开发中，控制器是连接视图与业务逻辑的关键桥梁。掌握其依赖注入的两种常见方式，能让代码更稳健、更易维护。下面详细介绍这两种写法，帮助你优化 AngularJS 控制器的依赖注入实践。 1 显式依赖注入：字符串数组形式 myapp controller( myCtrl , [

AngularJS模块作为功能收纳盒，将控制器、服务等组件封装管理。通过angular module函数创建模块，依赖模块以数组形式声明。利用config方法进行路由等一次性配置，实现模块化拆分与按需组装，提升代码可维护性和性能。

简介 先给出一个核心结论：ViewChild 是 Angular 中非常实用的装饰器，专门用来解决父组件直接访问子组件、指令或 DOM 元素的常见需求。它的作用是返回与指定指令、组件或模板引用选择器匹配的第一个元素，掌握 Angular ViewChild 用法能大幅提升组件间数据交互的效率。 先决

AngularJS 输入验证：全面解析内置与自定义校验机制 作为前端框架领域的先驱，AngularJS 在处理用户输入方面拥有独到而完备的方案。不论你正在构建复杂的单页应用，还是开发简单的表单提交，用户输入的数据总是充满不确定性——可能为空、格式错误、或者内容缺失。为了保障数据的准确性与完整性，An

Angular项目中通过HttpInterceptor拦截器统一处理HTTP请求与响应。实现时需创建服务实现拦截接口，在请求前添加Authorization令牌，响应端使用tap处理成功或错误。最后在根模块的providers中配置HTTP_INTERCEPTORS并设置multi为true，即可全局生效。

简介 Jasmine spy 是一种用于跟踪或存根函数或方法的技术手段。简单来说，它允许你检查某个函数是否被调用，或者提供一个自定义返回值来替代实际执行。在 Angular 单元测试中，这尤为实用：当你的组件依赖某个服务时，通过 spy 可以避免真实调用服务方法获取数据。这样一来，单元测试就能专注于