angular cli
关于 Angular 12 的 inlineCriticalCss 选项
inlineCriticalCss 是 Angular 项目中的一个配置选项,用于指定是否将关键 CSS 内联到页面 HTML 中。 通常情况下,网页中的 CSS 文件是由浏览器异步加载的,这意味着在浏览器加载完 HTML 后还需要额外的时间来加载 CSS 文件,这会导致页面的首次渲染时间较长,用户 ......
Angular 服务器端渲染场景里,服务器端和客户端渲染出的 HTML 源代码有可能不完全一致
在 Angular 服务器端渲染场景中,服务器端渲染出的 HTML 源代码和客户端渲染出的 HTML 源代码可能不完全一致,这是由以下几个原因造成的: 异步加载的组件 Angular 应用程序中可能存在一些异步加载的组件,这些组件在服务器端渲染时可能还没有加载完成,因此服务器端渲染的 HTML 内容 ......
Angular 复习与进阶系列 – Change Detection
前言 Angular 是 MVVM 框架, MVVM 主张让我们不要直接操作 DOM, 应该把操作 DOM 的具体实现交给框架. 我们定义 model, view, 以及它们的 binding 关系就好. 每当 model changes 框架负责去操作 DOM. Angular 中 Model, ......
(二)vue组件化基础跟脚手架vue-cli/vite
vue组件化开发思想 组件化的思想: 将一个页面的所有的处理逻辑放到一起,处理起来就会非常复杂,而且不利于后续的管理以及扩展; 如果,将一个页面拆分为一个个小功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了; 就像搭积木一样来搭建我们的项目; 用组件化思想 ......
Angular 复习与进阶系列 – Component 组件 の Lifecycle Hooks
前言 我们在 这篇 和 这篇 中已经学习了几个基本的 Lifecycle Hooks. 分别是 constructor OnInit AfterContentInit AfterViewInit OnDestroy OnChanges 这篇我们会把其余的 Lifecycle Hooks 都学完. I ......
Docker CLI docker compose create常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
PHP cli模式执行脚本 -- 通过getopt()接收参数
学习记录 留作参考 祝君好运 用于执行Linux定时任务的PHP文件,通过接收不同参数实现不同功能。 使用cli模式执行一些操作 PHP用于定时任务的代码 使用 getopt() 获取命令行参数 short_options 注意: 使用: 使用cli模式执行一些操作 PHP官方文档:执行PHP文件 ......
Angular 复习与进阶系列 – Angular Compiler (AKA ngc)
前言 在 Get Started 那一篇, 我们有提到过 Angular Compilation. 这篇稍微给点具体画面, 让大家感受一下. 但不会讲细节, 对细节感兴趣的可以看 Medium – How the Angular Compiler Works ......
N_m3u8DL-RE/N_m3u8DL-CLI
nilaoda/N_m3u8DL-RE: Cross-Platform, modern and powerful stream downloader for MPD/M3U8/ISM. English/简体中文/繁體中文. (github.com) nilaoda/N_m3u8DL-CLI: [.N ......
Angular 复习与进阶系列 – Component 组件 の Dependency Injection & Query Elements
前言 在 Angular 复习与进阶系列 – Dependency Injection 依赖注入 的结尾, 我们提到了如何在项目中, 组件中使用 DI. 但那些只是一小部分而已. Angular DI 在组件内的用途非常广, 而且挺复杂的. 这篇我们将详细的去理解它. ......
uniapp 使用cli模式,利用jenkins远程部署
1、uniapp必须使用cli模式,如果是hbuliderx创建的,不支持 2、jenkins配置 需要publish over ssh 插件和 node插件,自行百度即可 现在主要说说配置 1)、系统管理-》系统配置中,找到 publish over ssh 2 ......
[Angular v16] Signals
Service: fromObservable & fromSignalcan transform observable to and from signals. import { HttpClient, HttpErrorResponse } from '@angular/common/http' ......
vue之Vue-CLI
什么是Vue-CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI是一个脚手架,通俗点说就是代码生成器,可以快速生成一套基于Vue完整的前端框架,单独编译,单独部署。可以再集成各种第三方插件,扩展出更多的功能。 为什么要使用Vue-CLI(来自官网) https: ......
cli程序(一)cobra
包含两个模块: (1)先用Generator自动生成模板, (2)再依据Library修改模板,设置自己的参数。 1、Generator操作 (1)新建Go项目并初始化 手动创建你的项目文件夹cobra_test1 go mod init cobra_test1 //go项目的初始化,生成go.mo ......
新员工入职,前端基础环境变量的配置!node、nvm、vue-cli的安装和下载
1.安装nvm及配置 首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node,并使用命令提示符来查看node的位置(where node)手动删除 nvm下载链接:https://nvm.uihtm.com/ 下载最新版本,next傻瓜式操作(需要注意的是) 选择node.js文 ......
Angular可视化指南 - 用Kendo UI图表组件创建数据可视化
Kendo UI for Angular是专业级的Angular UI组件库,不仅是将其他供应商提供的现有组件封装起来,telerik致力于提供纯粹高性能的Angular UI组件,而无需任何jQuery依赖关系。无论您是使用TypeScript还是JavaScript开发Angular应用程序,K ......
Docker CLI docker compose cp常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
Docker CLI docker compose convert常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
angular/react/vue/un-app
web前端三大主流框架分别是什么?-群英 (qycn.com) web前端三大主流框架:1、Angular,是一种用于创建单一应用程序界面的前端框架,具有模块功能强大,拥有自定义命令等优点;2、react,是一个用来构建用户界面的JavaScript开发框架,主要用于构建UI;3、vue,是一套用于 ......
dotnet CLI推送Nuget
前提: 准备好要发布的包 选择一个打包工具,可以是dotnet CLI、nuget.exe CLI、MSBuild 准备好Nuget官方API Key 自述文件 先必须添加Readme.md到项目中(包含在项目中),双击项目文件,添加README.md(注意路径),并制定文件地址: <Project ......
探索VMware ESXI CLI常用命令
目录 【常用命令】 【关于esxi常用命令总结】 【esxcli命令探究】 ESXi命令行获取帮助的方法为<命令关键字 --help>,常用的命令一般都是以esxcli开头,如果忘记命令可以使用帮助:esxcli --help;输出如下: [root@localhost:~] esxcli --he ......
Docker CLI docker compose build常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
Jmeter-CLI模式
jmeter-cli模式 所谓cli模式,即使用无图形模式去执行性能测试 性能测试中为什么要用cli模式 有图形界面,就需要消耗发起方机器过多 内存资源,jmeter默认的内存大小为1g,图形界面占用了资源,可用于模拟虚拟用户和发送情况的资源就会少。导致,模拟的并发用户数少了、请求量也少了,对服务器 ......
npm err! command sh -c vue-cli-service serve
代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
Angular + quill实现富文本编辑器
前言 由于需要一个富文本编辑器来编辑一些网页内容, 手动编辑后存储到数据库比较麻烦, 所以着手实现一个自己的富文本编辑器, 来编辑和存储一些html文件. 这里使用Angular框架, 加Quill库实现. ngx-quill: https://github.com/KillerCodeMonkey ......
Angular 复习与进阶系列 – Naming Conversion
前言 命名规范对项目维护是很重要的. Angular 对项目的渗透很大的, 必须做好命名规范, 不然会很乱. Angular Naming Conversion InjectionToken = UPPER_SNAKE_CARE const SERVICE_CONFIG_TOKEN = new In ......
angular项目启动报Another process, with id 24289, is currently running ngcc.
在npm build时突然停下来,再启动就启不起来了。 看报错信息是端口被占用,在任务管理器中也找不到这个端口 重启vscode、重启电脑都不好使。。 可以通过删除node_modules再重新npm install解决! ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......