angular loading lazy
关于 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, ......
Angular 复习与进阶系列 – Component 组件 の Lifecycle Hooks
前言 我们在 这篇 和 这篇 中已经学习了几个基本的 Lifecycle Hooks. 分别是 constructor OnInit AfterContentInit AfterViewInit OnDestroy OnChanges 这篇我们会把其余的 Lifecycle Hooks 都学完. I ......
locust安装后报错：ImportError: DLL load failed while importing _greenlet: 找不到指定的模块。
需要安装msvc-runtime pip install msvc-runtime 这个问题很神奇，因为别人没有，按照官网上的介绍python3使用 pip3 install locust就可以使用了，但是我的运行脚本就报错。 为什么会出现这个问题可以参考matplotlib vscode 在导入 ......
Angular 复习与进阶系列 – Angular Compiler (AKA ngc)
前言 在 Get Started 那一篇, 我们有提到过 Angular Compilation. 这篇稍微给点具体画面, 让大家感受一下. 但不会讲细节, 对细节感兴趣的可以看 Medium – How the Angular Compiler Works ......
Angular 复习与进阶系列 – Component 组件 の Dependency Injection & Query Elements
前言 在 Angular 复习与进阶系列 – Dependency Injection 依赖注入 的结尾, 我们提到了如何在项目中, 组件中使用 DI. 但那些只是一小部分而已. Angular DI 在组件内的用途非常广, 而且挺复杂的. 这篇我们将详细的去理解它. ......
[Angular v16] Signals
Service: fromObservable & fromSignalcan transform observable to and from signals. import { HttpClient, HttpErrorResponse } from '@angular/common/http' ......
涨姿势了，有意思的气泡 Loading 效果
今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯 CSS 实现超酷炫的粘性气泡效果 巧用 CSS 实现酷炫的充电 ......
懒加载@Lazy
默认情况下，Spring在程序启动时创建所有通过注解声明或者xml注解的单例bean，这样做好处是在启动时即可以检测所有可能的错误，而不是在运行的时候。但是有些情况我们需要的时候创建一个bean，而不是在程序启动的时候，此时需要用到@Lazy来进行懒加载。 懒加载主要针对单例bean，仅当第一次使用 ......
[Java EE]SpringBoot/Tomcat之启动时报"Error: Could not find or load main class CLASS xxxx"、"no main manifest attribute"异常
环境信息如下： OS: CENTOS 7 Tomcat : 9.0.46 SpringBoot: 2.3.12.RELASE Build JDK: 1.8.0_261 Runetime JDK : openjdk 1.8.0_362 1 “Error: Could not find or load ......
MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe".
完整报错信息： MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe". To fix this, 1) install the .NET Framework 2.0 SDK, 2) install ......
API Gateway vs Load Balancer：选择适合你的网络流量管理组件
本文从对比了 API Gateway 和 Load Balancer 的功能区别，帮助读者更好地了解他们在系统架构中扮演的角色。 作者陈泵，API7.ai 技术工程师。 原文链接 由于互联网技术的发展，网络数据的请求数节节攀升，这使得服务器承受的压力越来越大。在早期的系统架构中，通常使用 Load ......
Python json基本使用json.dumps() 和json.loads()
Python中 json的基本使用 json.dumps() 和json.loads() JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，它是JavaScript的子集，易于人阅读和编写。 Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的 ......
Angular可视化指南 - 用Kendo UI图表组件创建数据可视化
Kendo UI for Angular是专业级的Angular UI组件库，不仅是将其他供应商提供的现有组件封装起来，telerik致力于提供纯粹高性能的Angular UI组件，而无需任何jQuery依赖关系。无论您是使用TypeScript还是JavaScript开发Angular应用程序，K ......
HTML中的pre-load 和 pre-fetch
当浏览器加载网页时，通常会遵循一个默认的流程，先加载 HTML、CSS 和 JavaScript，然后再加载图片、音频、视频等资源。这个默认的流程可能会导致网页加载速度变慢，用户体验不佳。因此，可以使用一些技术来优化网页加载的速度，其中之一就是按需加载。 按需加载是指根据用户实际需要，动态地加载资源 ......
在win10下用pyinstaller 包成.exe win7运行报错error loading Python DLL
在win10下运行一切正常，复制到win7电脑运行，直接报错，有两个错误，一个是缺少xxxxx.dll 一个是error loading Python DLL ...... 正常思路以为是缺少dll,按照提示名称下载dll放到系统目录，没啥用。最后搜索一大堆论坛，找到如下思路： 原因为win7系统中 ......
angular/react/vue/un-app
web前端三大主流框架分别是什么？-群英 (qycn.com) web前端三大主流框架：1、Angular，是一种用于创建单一应用程序界面的前端框架，具有模块功能强大，拥有自定义命令等优点；2、react，是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；3、vue，是一套用于 ......
禁用 DevTools 源映射功能, 隐藏 "DevTools failed to load SourceMap" 报错
这个问题可能是因为浏览器的版本不同，所以设置的位置也会略有不同。以下是几个常见浏览器中启用 JavaScript 源映射的方法： Chrome 点击 DevTools 工具栏（或按 F12 键）打开开发者工具窗口，然后在右上角点击“设置”按钮（齿轮图标），选择“Preferences”（偏好设置）选 ......
MySQL之load data和select into outfile
MySQL之load data和select into outfileselect into outfile 今天上午，帮助业务方解决了一个问题，过程大概是这样的。业务方有一个需求是要实现在客户端的应用服务器使用select into outfile的方法导出一个文件。这个需求之前也做过，就是简单的 ......
论文阅读笔记《Sim-to-real learning for bipedal locomotion under unsensed dynamic loads》
发表于ICRA 2022
无感知动态负载下双足运动的虚实迁移学习
### 背景
机器人携带负载时的运动控制问题还没有得到充分的研究，尤其是动态负载。
在这项工作中，我们特别感兴趣的是动态载荷，比如一个附加的推车或液体容器，而不是简单的静态载荷，比如刚性附着的固定质量。 ......
Angular + quill实现富文本编辑器
前言 由于需要一个富文本编辑器来编辑一些网页内容, 手动编辑后存储到数据库比较麻烦, 所以着手实现一个自己的富文本编辑器, 来编辑和存储一些html文件. 这里使用Angular框架, 加Quill库实现. ngx-quill: https://github.com/KillerCodeMonkey ......
navicat 链接 mysql 2059-Authentication plugin 'caching_sha2_password' cannot be loaded:
出现这个原因是mysql8 之前的版本中加密规则是mysql_native_password,而在mysql8之后,加密规则是caching_sha2_password, 解决问题方法有两种,一种是升级navicat驱动,一种是把mysql用户登录密码加密规则还原成mysql_native_pass ......
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> ......
什么是 Angular library 的 secondary entry points？
在 Angular 应用程序和库中，secondary entry points（次要入口点）是指与主入口点不同的导出和发布方式。主入口点是指在 package.json 文件中声明的默认的入口点，它通常包含了该库的主要功能和 API。而 secondary entry points 则是在 Ang ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......