自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 angular利用module federation实现微前端 - 字体图标库问题

在 mfe1 中引用公共组件的字体图标库,在 main 中没有生效。

2023-06-24 14:33:41 136 1

原创 angular利用module federation实现微前端 - 路由问题

在 main 项目中,mfe1 项目的路由跳转,走的还是 main 项目的路由,由于没有 mfe1 的路由前缀,所以路由跳转是失败的。

2023-06-24 14:30:29 208 1

原创 angular利用module federation实现微前端 - 样式问题

mfe1 项目的公共样式,在 main 项目中用不了。

2023-06-24 14:29:58 157 1

原创 angular利用module federation实现微前端 - 拦截器问题

当在 main 项目中调用 mfe1 项目的 http 请求时,没有走 main 项目的拦截器,而还是走的 mfe1 自己的拦截器。

2023-06-24 14:23:37 190

原创 angular利用module federation实现微前端 - 创建环境,并子项目暴露出AppModule给主项目使用

在代码中按照懒加载的形式使用这个 module,并且由于 mfe1/Module 没有定义,所欲需要在 app 文件夹下面创建一个 mfe.d.ts 的文件。),按照之前的步骤创建一个另外的子项目 mfe2,comments module,text component。现在再点击 add,两个 count 值都会同步发生改变,这样就可以实现在不同的两个代码仓库中实现通信,最后一步,在两个项目的 webpack.config.js 中更改 shared。分别在两个项目中创建一个 library。

2023-05-30 11:08:28 500 1

原创 https 通过nginx完成双向认证转发

服务端证书(server.client server.key)客户端证书(client.client client.key)具体可以看看这篇文章。

2023-05-30 11:06:31 1173 1

原创 手写简易promise

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-foWiz75E-1685415934109)(/assets/promise/4.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oJiq1f3F-1685415934110)(/assets/promise/5.png)]原来的逻辑还是要存在的,但是新的 promise 的 resolve 函数的参数,需要获得现在这一个 then 函数的返回值。

2023-05-30 11:06:04 62 1

原创 react 简化版类似angular service的状态管理

react 的 context.Provider 组件会在子组件创建一个一个上下文,函数子组件总可以通过 useContext 方法来获取 context 传递的数据。

2023-05-30 11:03:05 55 1

原创 js 链式调用

主要是在原型链上面添加函数,最后返回的是函数本身的 this 对象,操作的数据也是实例化对象的时候的数据。

2023-05-30 11:01:05 235 1

原创 手写简易 Deep Clone

【代码】手写简易 Deep Clone。

2023-05-30 11:00:17 44 1

原创 js 数组的骚操作

以下都是一些面试题目var a = ?;if(a == 1 && a == 2 && a == 3){console.log(1);}var a = [1, 2, 3];a.toString = a.shift;if (a == 1 && a == 2 && a == 3) { console.log('1');}进行 == 判断的时候,两边类型要是不相同,会进行一下类型转换也可以像下面这样写通过伪数组的写法,

2021-01-31 16:48:46 79

原创 js 判断类型

typeofconsole.log(typeof '11'); // stringconsole.log(typeof 11); // numberconsole.log(typeof true); // booleanconsole.log(typeof new Function()); // functionconsole.log(typeof undefined); // undefinedconsole.log(typeof Symbol()); // console.log(type

2021-01-31 15:42:43 62

原创 event loop

宏任务与微任务宏任务整体代码script,定时器,I/O,UI rendering微任务promise,async/awaitjs的执行方式就是,先执行宏任务,再执行微任务,宏任务中包含微任务setTimeout(() => { console.log('setTimeout-1');})console.log('主线程-1');let pro = new Promise(resolve => { console.log('Promise-1'); re

2021-01-31 14:40:49 73

原创 js 作用域链和闭包

作用域链和闭包作用域链var a = 1;function fun() { var b = 2; function ff() { console.log(a); console.log(b); console.log(a + b); } return ff}var c = fun()c() // 1 2 3当fun函数执行的时候,会先进行词法分析声明b=undefined声明ff(){console.log(a);console.log(b);

2021-01-31 14:02:06 96

原创 js bind,call,apply指向

this的指向改变this指向的几个方法bind, call, applyvar name = "老王";var age = 30;function objFun(from, to) { console.log(`${this.name}年龄${this.age},来自${from},现居住在${to}`);};var per = { name: "小赵", age: 18 };var obj = { name: "小李", age: "20", myObjFun: fu

2021-01-31 13:02:38 80

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除