kongshu

摘要： 前端中字体的使用 字体是前端的基础，本文介绍常见的几种字体以及如何在工程中引入自定义的字体。 字体的类型 常见的字体类型有 TTF/OTF, WOFF/WOFF2, SVG,EOT （这个是按照浏览器的支持率由高到底排序的） TTF(True Type Font) 由微软与苹果开发，广泛用于wind 阅读全文

摘要： ng-zorro-antd-mobile icon的实现及拓展 首先在全局的Dom 上面会插入一个id 为 ANTD_MOBILE_SVG_SPRITE_NODE的雪碧图，这个里面是个svg,其中包含了所有的svg的定义，每个svg 采用图标名称作为id.代码如下 <svg xmlns="http: 阅读全文

摘要： # NextJs 中使用Next-Auth 本篇讨论的范畴是Azureb2c 做为provider, token的类型是jwt token.我们讨论在Azureb2c 认证完后，由Next-Auth 负责认证的过程。 # Basic Concept - Token 这个就是cookie,它的名字是非 阅读全文

摘要： # 手撸一个js 的npm 包 ## 打包后的格式 ### commonjs vs esmodule vs AMD vs IIFE vs UMD - commonjs 早期社区js模块化的一种方式，适用于nodejs端，为了能够在浏览器中运行，可以借助[Browserify](https://bro 阅读全文

摘要： # js 沙盒的实现原理 最近研究微前端，qiankun 框架的源码。看到了沙盒的概念，于是研究了一下沙盒的原理及实现方案。记录一下。 ## 沙盒的原理 - 为什么我们需要沙盒 在浏览器中，全局的this 实际指向的是window。如果我们运行js,我们有可能会往window 这个对象中写入一些数据 阅读全文

摘要： 微前端中路由的跳转 针对基座与子应用都是Angular 的场景，实现应用间的路由跳转 基座往子应用的跳转 首先在路由中要定义一个空组件来承接子路由，可以在基座路由表中添加如下路由 { path: 'subapp', children: [ { path: '**', component: Empty 阅读全文

摘要： Angular ngZone 源码解析 ngZone 源码中有几个常用的方法，属性，这里做一个整理与总结 Zone.js简介 ZoneJs 职责 拦截异步任务的调度 封装回调函数用于异常处理以及异步操作中zone的跟踪 提供往zone中添加数据的方法 提供上下文特定的最后一帧错误处理 拦截阻塞方法 阅读全文

摘要： 浅谈(0,eval)('window') vs new Function() 最近研究qiankun 源码，在import-html-entry 包中看到这个，一脸懵，研究了一下，记录一下。参考了这篇博客 这个干啥用的 // 通过这种方式获取全局 window，因为 script 也是在全局作用域下 阅读全文

摘要： qiankun 中使用Angular 实践 最近把玩qiankun,基座跟微应用都是使用Angular,这两个应用都是放到docker 容器中，结果安装官方的配置后，拉起环境一路的坑。记录一二，防止后来者也入坑。先介绍一下环境的情况 mainapp Angular15, Docker 本机的4300 阅读全文

摘要： 介绍expressjs 在Docker 中开发环境的部署 节点介绍 nodejs 容器， mongodb 容器 docker 是运行于wsl 中的 镜像及容器配置 配置网络桥接 run docker network create my-net 创建一个桥接网络，默认情况下docker 会有一个bri 阅读全文