前端开发

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。
monaco editor在Angular的使用详解-牛翰网

monaco editor在Angular的使用详解

目录 正文 安装依赖 使用 正文 本篇文章主要记录下最近的一次业务中用到的 monaco-editor 在 angular 中的使用 安装依赖 在 angular12 及之前你可以选择 monaco-editor ngx-monaco-editor 这是...
9475fc957753358c的头像-牛翰网RickZhou1年前
08815
基于 angular material theming 机制修改 mat-toolbar 的背景色(示例详解)-牛翰网

基于 angular material theming 机制修改 mat-toolbar 的背景色(示例详解)

最近在学习 angular,记录一下昨天的进展,解决的问题是通过 theme 的配置修改 mat-toolbar 的背景色,避免对色彩的硬编码。 首先通过 mat-toolbar (以下统一称为 toolbar)的实现源代码 _tool...
Angular4中的checkbox 全选按钮启用禁用-牛翰网

Angular4中的checkbox 全选按钮启用禁用

这客户比较特殊,啥都得选中行能选中checkbox,并且未选中时按钮需要禁用。 可以理解 代码比较简单,table代码: <div class='modal-header'> <p class='modal-title'>Logout Warnn...
4753da498a30ef6f的头像-牛翰网Hello_Martin1年前
02715
在 Angular 中获取当前日期的方法-牛翰网

在 Angular 中获取当前日期的方法

在 Angular 中获取当前日期 日期是我们在应用程序中根据日期保存或删除每条记录所需的最常见和最重要的元素之一。 它帮助我们管理和显示基于日期参数的数据。 在我们的自定义用户界面中,日期由...
f37283c451b18ba0的头像-牛翰网Angular1年前
03915
详解Angular中延迟加载的原理与使用-牛翰网

详解Angular中延迟加载的原理与使用

目录 什么是延迟加载 延迟加载如何与 Angular 中的路由一起使用 Angular 延迟加载的好处 结论 Angular 是一个流行的框架,用于构建动态和响应式 Web 应用程序。其关键特性之一是其路由功能,允...
6497e10e04360f8c的头像-牛翰网happyEnding1年前
04615
Angular应用Bootstrap过程步骤逻辑详解-牛翰网

Angular应用Bootstrap过程步骤逻辑详解

目录 引言 Angular应用程序bootstrap过程步骤 ng serve 命令背后执行主要逻辑 引言 在 Angular应用程序中,客户端的bootstrap过程是指启动应用程序时的一系列步骤,以加载和初始化应用程序所需...
8d447bb1ecb0294a的头像-牛翰网JerryWang_汪子熙1年前
04915
Angular Ngrx Store应用程序状态典型示例详解-牛翰网

Angular Ngrx Store应用程序状态典型示例详解

目录 Angular 应用程序需要管理一些应用程序状态 应用程序状态是一组数据片段(data slice)的集合 典型Application State slice Angular 应用程序需要管理一些应用程序状态 包括服务器端数据、用...
8d447bb1ecb0294a的头像-牛翰网JerryWang_汪子熙1年前
02915
Angular应用程序的Hydration基本概念详解-牛翰网

Angular应用程序的Hydration基本概念详解

目录 Angular 应用程序的Hydration概念 CSR和SSR的基本区别 Angular的CSR和SSR Hydration概念的背后 Hydration的工作原理 Hydration示例 Hydration的优势和应用场景 Hydration的挑战和注意事项 ...
8d447bb1ecb0294a的头像-牛翰网JerryWang_汪子熙1年前
05515
Angular统一注入器unified injector简化依赖关系管理-牛翰网

Angular统一注入器unified injector简化依赖关系管理

目录 unified injector(统一注入器) 如何使用统一注入器? 创建 CoreModule 创建 FeatureModule 启用统一注入器 使用统一注入器 禁用统一注入器 结论 unified injector(统一注入器) 是Angul...
8d447bb1ecb0294a的头像-牛翰网JerryWang_汪子熙1年前
03215
掌握Queries设计模式优化Angular应用开发技巧-牛翰网

掌握Queries设计模式优化Angular应用开发技巧

目录 Queries 设计模式:优化 Angular 应用开发 什么是 Queries? 触发条件:reloadOn 和 resetOn 使用 Reload 触发条件 使用 Reset 触发条件 实际应用场景 查询产品列表 查询购物车 Queri...
8d447bb1ecb0294a的头像-牛翰网JerryWang_汪子熙1年前
03015