Recent Posts

• 记录一次微前端实践

  技术选型 微前端框架：qiankun、single-spa-angular 主应用：angular 16 子应用：angular 16 项目搭建 主应用配置 安装 qiankun 增加子应用加载入口组件 micro-app.component.ts import { Component , ElementRef , OnInit } from '@angular/core' ; import { ActivatedRoute } from '@angular/router' ; import { MicroApp , loadMicroApp } from 'qiankun' ; @ Component ({ selector : 'micro-app' , template : ` <div id="haydnSccMicroApp"></div> ` , })

  2025年4月3日 |  at 07:30(Updated)

  •  web
  •  angular

• 输入URL到看见页面发生了什么

  简单总结： 解析URL 分析URL中的协议(http[s]://、域名、端口等，若不是有效链接则转为搜索 检查缓存 浏览器判断请求资源是否在本地缓存，如果有缓存并且在缓存有效期内，直接使用缓存内容 这一步的缓存使用的是强缓存：Expires (http1.0) / Cache-Control (http1.1) DNS解析 举个例子，比如用户在浏览器中输入这个域名：123.abc.qq.com.cn 浏览器会先看自身有没有对这个域名的缓存、如果有、就直接返回、如果没有、就去问操作系统、操作系统也会去看自己的缓存、如果有、就直接返回、如果没有、再去主机文件看、也没有、才会去问LDNS。

  2025年2月12日 |  at 03:31(Updated)

  •  daily

• angular自定义插槽

  方案一：Directive item.directive.ts import { Input , Directive , TemplateRef , EmbeddedViewRef , ViewContainerRef , } from '@angular/core' ; @ Directive ({ selector : '[ListItem]' , }) export class ListItem { private _context : any ; private _viewRef : EmbeddedViewRef < any >; constructor ( private viewContainer : ViewContainerRef , public templateRef : TemplateRef < any > ) { this . _viewRef = this . viewContainer . createEmbeddedView ( templateRef ); } @ Input ()

  2025年1月2日 |  at 02:38(Updated)

  •  angular

• git submodule

  添加 git submodule add <url> <path> url：子模块仓库地址 path：本地存放路径 初始化 git submodule update --init --recursive 或者 git submodule init git submodule update 更新 cd <path> git pull origin <branch> 删除 删除submodule缓存 git rm --cached <path> 删除submodule目录 rm -rf <path> 删除文件 .gitmodules 中对应子模块内容 删除 .git/modules 对应子模块目录 rm -rf .git/modules/<path> 删除 .

  2025年1月2日 |  at 02:34(Updated)

  •  git