angular cli
动态组件，插槽， vue-cli创建项目，vue项目目录结构，vue项目编写规范，es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
如何显示并管理Python应用的数据？Kendo UI for Angular有妙招！
Angular是Python应用中进行数据管理和显示的一个很好的选择，如果能使用Kendo UI for Angular则可以更进一步。 PS：给大家推荐一个实用组件~Kendo UI for Angular是专业级的Angular UI组件库，不仅是将其他供应商提供的现有组件封装起来，teleri ......
在CentOS上安装Redis-cli工具
如果你想在CentOS上安装Redis-cli工具，可以按照以下步骤进行操作： 1. 安装Redis依赖包：在命令行中执行以下命令安装Redis依赖包： ```sudo yum install gcc make``` 2. 下载Redis源代码包：从Redis官网（https://redis.io/ ......
[粘贴]github-redis-rdb-cli
redis-rdb-cli A tool that can parse, filter, split, merge rdb and analyze memory usage offline. It can also sync 2 redis data and allow user define th ......
Angular中台前端管理系统ng-matero快速上手教学
现有管理系统方案 我认为，Angular还在维护的中台前端框架，大多属于冷门型。热门的管理系统方案，我一直都是推荐Ant Design Pro的，毕竟一直在持续地维护更新。 我在做管理系统的时候，由于好奇Angular，索性就学习了Angular，因为之前都是用React写的，想换换框架体验体验，同 ......
关于 Angular 应用里 Rxjs filter 操作符内的双重感叹号的用法
看下列这段出现在 Angular Component 内的代码： protected userCostCenters$: Observable<CostCenter[]> = this.userCostCenterService .getActiveCostCenters() .pipe(filte ......
关于 Angular Component ChangeDetectionStrategy.OnPush 策略
ChangeDetectionStrategy.OnPush 是 Angular 中的一个重要概念，它用于控制组件的变更检测策略。这个策略的作用是优化应用程序的性能，减少不必要的变更检测操作，从而提高应用的响应速度。在这篇文章中，我将详细介绍 ChangeDetectionStrategy.OnPu ......
关于 Subscription 在 Angular 开发中的应用
在Angular应用中，Subscription 是 RxJS（Reactive Extensions for JavaScript）库的一部分，用于管理可观察对象（Observables）的订阅。订阅是一种用于响应式编程的机制，它允许我们在观察对象发出新值时执行操作。在Angular中，Subsc ......
关于 Angular 的 HostBinding 装饰器
看这段 Angular Component 的代码： @HostBinding('class.hidden') get disabled() { return !this.isAccountPayment; } @HostBinding('class.hidden') 这段代码是 Angular 中 ......
Helm CLI部署wordpress到ACK集群
wget https://labfileapp.oss-cn-hangzhou.aliyuncs.com/helm-v3.9.0-linux-amd64.tar.gz tar -zxvf helm-v3.9.0-linux-amd64.tar.gz mv linux-amd64/helm /usr/ ......
Git commit - Angular Convention
使用 Git 的开发者会使用 git commit 进行代码提交，也会使用 -m 提交commit message。对于一些个人开发者，也许他们会觉得“这是我个人的项目，不用太在意git commit message 的格式或者规范”。 但是对于一个团队或者在开源项目上工作的话，对于 commit ......
vue-cli
1.安装node.js 下载链接：Node.js百度网盘链接 提取码：6666 安好后使用 cnpm -v查看版本是否成功 成功后直接安装vue脚手架 cnpm install -g vue-cli 安装webpack（打包） cnpm install webpack -g 2.创建项目 2.1 使 ......
返璞归真：命令行下逛园子，发布博客园 CLI 预览版
一边在会员救园，一边我们在码不停蹄地加快园子的建设。 为了让大家体验命令行中逛园子的味道，今天发布一个小工具的预览版 —— 博客园命令行工具 cnb 。 该工具用 Rust 开发，代码开源在 github 上：https://github.com/cnblogs/cli ，帮助文档见 readme ......
【LINUX】ABRT has detected 1 problem(s). For more info run: abrt-cli list --since 1606480239
按照提示输入：abrt-cli list --since 1606480239 根据提示输入：abrt-auto-reporting enabled，退出后重新登录。 ......
用 Visual Studio Code 开发 Angular 应用自动生成的 .angular 文件夹
在 Angular 开发中，项目根目录下的 .angular 文件夹是 Angular CLI 工具的一部分，它包含了一些配置和缓存文件，用于提高开发效率和构建性能。.angular 文件夹的作用主要包括： 缓存构建信息：.angular 文件夹中包含了一些缓存文件，用于存储先前构建的信息，以加速后 ......
关于 fakeAsync 在 Angular 应用单元测试开发领域的使用介绍
笔者最近三年一直在 SAP 中国研究院从事 SAP Commerce Cloud (电商云)这款产品的前端开发。电商云 Storefront 基于开源项目 Spartacus，其 Github 代码仓库地址可以通过这个链接访问。 我最近所在的团队一直在负责 Spartacus 服务器端渲染(SSR) ......
什么是 Angular 应用 angular.json 中的 assets 数组
在Angular项目中，angular.json是一个非常重要的配置文件，用于定义和管理项目的各种设置和构建选项。其中，assets数组是angular.json中的一个关键配置项，用于指定需要在构建后包含在应用程序中的静态资源文件和文件夹。在本文中，我将解释什么是assets数组，并提供详细示例来 ......
什么是 Angular Schematics
Angular Schematics是Angular框架中一个强大的工具，用于自动化和简化项目的创建、维护和扩展。它提供了一种可扩展的方式来生成、转换和管理Angular应用的代码和文件结构。在本文中，我将详细解释什么是Angular Schematics，并提供示例来说明如何使用它。 什么是Ang ......
关于 Angular eslint-disable-next-line 注释的使用
在 Angular 开发中，开发者经常会使用 Lint 工具来保持代码质量的一致性和规范性。其中，ESLint 是一个用于识别和修复 JavaScript 代码问题的流行 Lint 工具，而 @typescript-eslint 则是一个专为 TypeScript 设计的插件，它为 ESLint 提 ......
关于 Angular testing 开发包里 fakeAsync 测试工具的用法
@angular/core/testing 是 Angular 框架提供的一个测试模块，用于帮助开发者编写单元测试和集成测试。其中的 fakeAsync 是一个非常有用的测试工具，它允许我们编写异步代码的测试，同时在测试中模拟时间的前进，使得测试用例的执行更加可控和可预测。 fakeAsync 函数 ......
关于 TypeScript 展开运算符在 Angular 应用开发中的应用一例
笔者最近一直在 SAP 中国研究院从事 Angular 开发，我所在的团队负责使用 Angular 开发 SAP Commerce Cloud 这款产品的界面，项目代号为 Spartacus. 这是一个开源项目，我们项目的 Github 地址[如下](https://github.com/SAP/s ......
关于 Angular 应用开发里 Subject 和 BehaviorSubject 的用法一例
笔者一直在 SAP 中国研究院从事 Commerce Cloud 这款 Angular 应用的开发，最近工作中修复了一个 bug. 在 Spartacus UI 上点击 Create 按钮之后： 
一、概述 在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：htt ......
npm:安装@vue/cli(5.0.8)
一，安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
【记录】Angular 中使用 eChart
使用echart，要注意版本的对应关系 * v16.x for Angular >= 16 * v15.x for Angular >= 15 * v14.x for Angular >= 14 * v8.x for Angular >= 13 * v7.x for Angular >= 11 * ......
Angular 集成 Material UI 后组件显示不正常 踩坑日记
在使用了 npm 下载 Material 后, 项目不能正常使用 Material 组件, 随后又使用官方命令使用 Material 组件, 仍然不能正常使用 Material 组件. npm 命令 npm install --save @angular/material 最后发现, 在执行上面相关 ......
用pm2管理php cli
新建mq.json文件： { "apps": { "name": "consumerMQ", // 应用名称 "script": "php think recharge", // 命令名称 "error_file": "./log/err.log", // 错误日志 "out_file": "./l ......
如何创建一个数据交互的Angular应用程序？这个工具不要错过！（二）
在上文中（点击这里回顾>>），我们介绍了如何使用Kendo UI for Angular完成一个Angular应用的数据交互功能创建，其中涉及到了内置的数据方法、场景等，本文将继续介绍剩下的部分。 PS：给大家推荐一个实用组件~Kendo UI for Angular是专业级的Angular UI组 ......
Angular 实现分页器组件
很感谢 angular实现简单的pagination分页组件 - Amor丶Diamond - 博客园 (cnblogs.com) , 我根据这位博主代码做了修改, 增加了跳转和每页行数功能. 先看图: // 可配置项 // totalItem 数据总条数 // maxSize：最多显示几页 // ......