• 如何处理 Angular 单页面应用里的 a 标签,避免点击后重新加载整个应用

    2023-01-02 Angular 4 ℃
    问题描述 客户已经实现了一些“free html”组件,它是 HTML 的标题和包装器,与 OCC 响应一起作为内容。 这个 HTML 里包含了 anchor element:...
  • 一个 Angular 程序员两年多的远程办公经验分享

    2023-01-02 Angular 0 ℃
    笔者从 2020 年疫情爆发之前,一直从事后端开发工作。2020 年因为工作原因,加入了 SAP 一个代号为 Spartacus 的开源项目的开发团队。这个项目是一个基于 Angular 的电商 Storefront 框架,其代码贡献者来自全世界各个地区。 实际上,这个项目的开发工作由六个敏捷开发团队组成,笔者是唯一一位来自 APJ 即亚太地区的开发人员。从...
  • Angular 应用开发里使用 ForRoot 解决 Lazy Loaded Module 里单例行为丢失的问题

    2023-01-02 Angular 1 ℃
    笔者在 Angular 实际项目开发中曾经遇到这样一个需求: 我们想创建一个共享模块,它将包含一个配置来设置布尔值(作为标志)以启用或禁用其他模块的某些功能。 其他模块可以在 Angular 应用程序的引导期间加载,也可以是延迟加载的模块。 FORROOT 的使用场景 当我们想要跨应用程序维护服务的单个实例(单例)时使用,这些应用程序也将具有延迟加载的模块。...
  • Angular RouterModule.forRoot(ROUTES) 和 forChild(ROUTES)的区别

    2023-01-02 Angular 3 ℃
    不少 Angular 初学者在学习 Angular 路由框架时,对 forRoot和 forChild这两个方法的差异都心生疑惑 [https://stackoverflow.com/questions/40498081/routermodule-forrootroutes-vs-routermodule-forchildroutes]。 Angular 官...
  • 关于在 Angular 应用里重复调用 RouterModule.forRoot(ROUTES) 的讨论

    2023-01-02 Angular 2 ℃
    在延迟加载模块中调用 forRoot [https://stackoverflow.com/questions/40498081/routermodule-forrootroutes-vs-routermodule-forchildroutes],后果是将在延迟加载模块注入器中创建所有全局服务的新实例,这将导致不可预知的结果。 仅在根应用程序模块 AppMo...
  • 开源项目 Spartacus 的 git 提交流程规范

    2023-01-02 Angular 0 ℃
    Spartacus 开源项目由一组库组成。为了更容易知道哪个版本的库与另一个版本兼容,库版本在所有包中同步。 这意味着当我们要发布 1.5.0 版本时,我们会发布该版本下的所有库,即使某些库与上一个版本相比没有任何变化。 这样一来,我们可以使用单个版本号来指代任何给定版本的整套 Spartacus 库。 如下图所示,Spartacus 项目 Angular....
  • Angular 模块封装概念常见的错误理解

    2023-01-02 Angular 0 ℃
    Angular 以类似于 ES 模块的方式引入了模块封装的概念。 它基本上意味着可声明的类型——组件、指令和管道——只能由在该模块内声明的组件使用。 例如,如果我尝试使用下面的代码在 App 模块的 App组件内使用 A模块中的 a-comp: @Component({ selector: 'my-app', template: ` HELLO {{NAME...
  • 参加 Spartacus 开源项目开发时需要注意的一些编程规范

    2023-01-02 Angular 3 ℃
    我们使用 NgRx 存储来管理 Spartacus 功能中的全局应用程序状态。 使用 NgRx 在性能、更好的可测试性和易于故障排除、方面具有明显的优势。 除非有令人信服的理由不这样做,否则在某项 feature 的开发里,请总是使用 Rgrx 来管理状态。 使用 Store 并不意味着我们需要缓存所有内容。 缓存应该有目的的使用,并在有意义的地方使用。 通...
  • 相比Angular和React,Vue.js插件有哪些优势?

    2023-01-02 Angular 3 ℃
    目前市场三大前端主流框架分别是Angular、React和Vue.js。Vue之所以被开发者青睐,主要是Vue秉承了Angular和React框架两者的优势,并且Vue的代码简洁、上手容易,在市场上也得到大量应用。下面将对Vue的特性进行简单介绍。 1.轻量级 Angular的学习成本高,使用起来比较复杂,而Vue相对简单、直接,所以Vue使用起来更加友好。...
  • Angular 基本命令及语法

    2023-01-01 Angular 4 ℃
    一、全局安装 ANGULAR 脚手架及项目启动 1. 安装脚手架 npm i -g @angular/cli ng version 2. 创建项目 ng new [projectName] * 创建时跳过拉取依赖 ng new [projectName] --skip-install 3. 创建组件 ng g component components/new...