- 博客(19)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微前端子应用中fetchjsonp请求跨域与超时的解决办法与原理探索
面对的问题：这是一个在微前端项目中遇到的问题。问题是子应用Sub内的jsonp请求在运行时出现跨域。众所周知，jsonp请求是解决跨域的其中一种方式，但是为什么在微前端中使用了jsonp却还是出现跨域问题？这是简单的项目结构示意。解决方案先说解决方案，之后再一起研究达到这个方案的解决路径。下面2个图分别是解决前后的两套代码。解决前，Sub使用自身import的fetchJsonp方法进行请求出现跨域。2. 解决后，Main向Sub传入自身的fetchjsonp方法，同时设置exclud
2021-09-28 16:59:02
2932
2
原创 react中跳转链接后自动滚动到某一个位置时候遇到的坑
需求描述:下面圈出来的是我们的一个置顶的导航tab。点击后能滚动到不同模块。现在想做的是进到页面后直接跳转到房源相册模块。//点击跳转函数handleNavClick = (index: number, id?: string) => { const theHeight = $(id)?.offset()?.top; scrollTo(0, theHeight ? theHeight - 48 : 0); this.state.curNavIndex != index &a.
2021-06-15 19:38:05
557
原创 nestjs 内post请求被挂起问题踩坑纪实
node项目跳坑与爬坑:解决调用线上接口时诸多问题需求描述：需要在 每个业务接口 调用之前调用一个线上用户信息接口（A接口）。于是使用node中间件形式解决此问题，如下:import { Injectable, NestMiddleware } from '@nestjs/common';const axios = require("axios")@Injectable()export class CondoAuthMiddleware implements NestMiddleware {
2021-03-31 17:45:31
1787
原创 react生命周期
旧版 <16.0.0constructor 初始化阶段 严禁setStatecomponentWillMount 会造成很多bug，新版中被移除render返回一个虚拟dom，会被挂载到虚拟dom树，最终渲染到真实dom中不可能只运行一次，只要需要重新渲染，就会重新运行严禁使用setState,会造成无限递归渲染componentDidMount只会执行一次可以使用setState通常情况下会将网络请求，启动定时器等一开始需要的操作写到这个函数中组件进入活跃状态（时
2020-07-17 11:13:30
161
原创 git 常用命令总结
本地操作git init 生成.git文件夹git add 添加文件到缓存区git commit 从缓存区提交到本地仓库git log 提交日志git reflog 简易日志git reset --hard 回退版本git branch name 新建分支git checkout name 切换分支git config 设置提交者信息git status 查看有变更得文件git diff 对比版本远程操作git clone 初次从远程库克隆项目（从无到有）.
2020-07-08 16:57:31
119
原创 es6 Object新的API
1.Object.is判断两个数据是否完全相等，功能上和===一样，除了两种情况：2.Object.setPrototypeOf
2019-11-26 20:56:13
123
原创 vue设置:class样式
首先看图，有三种不同的设置方法。效果图：上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-10-12 17:03:30
1197
原创 ES6:Map对象
<script> //Map像对象一样 //相比对象的优点：1性能好 2可直接取大小 3可迭代 var map = new Map(); //存 map.set('name','wy'); var obj = {}; map.set(obj,'对象'); ...
2019-09-17 09:24:43
252
原创 es6 Set
//传入可迭代数据（原型中有symol.iterator的对象） //只有属性值，没有属性名称 //天生去重 var set1 = new Set([1,2,2,[1,2],3,true,{}]); console.log(set1); var set2 = new Set('abcdd'); ...
2019-09-16 16:50:47
85
原创 CSS3:transition transform animation的关系
transition transform animation的关系transform规定元素平移，缩放，倾斜，旋转的动作。transition负责将transform的变化由“跳（闪）过去”变成“滑过去”。animation则相当于自动触发（由于transform变换与要配合伪类触发）且带有transition效果的transform，且可以规定各个阶段的动作。...
2019-09-16 10:45:11
179
原创 多个图片并排显示出现空隙的原因和解决
在做轮播图的时候，图片需要横向放置。由于图片是行级块元素，因此可以直接这样写：<body> <img src="ym.jpg" alt="杨幂"> <img src="ym.jpg" alt="杨幂"> <img src="ym.jpg" alt="杨幂"> <img src="ym.jpg" alt="杨幂...
2019-09-14 19:25:31
1936
3
原创 es6 class类
class Plane{//本质上是一个函数 能加（私有属性，原型属性（es6只能是函数），静态属性（函数自身）） static alive(){//静态方法，属于Plane自身 return true; } constructor ...
2019-09-12 15:39:10
83
原创 es6 proxy代理与reflect拦截简单用法
有疑问欢迎评论，作者将及时回复与讨论。//例子1 var target = { a:1, b:undefined } var p = new Proxy(target,{ }); p.a = 2; // 操...
2019-09-09 15:35:20
220
原创 es5 实现简单的数据劫持
代码有任何疑问之处欢迎留言。<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
2019-09-09 10:35:16
273
原创 es5中Object.defineProperty()
// 此方法可以直接在一个对象上定义一个新的具有详细描述的属性，或者修改一个现有属性，并返回这个对象。 // value writable configurable enumerable 是数据描述符。get set 是存取描述符 //切记：描述符中同时出现value,writable和 set get的时候会出错 不要一起用 ...
2019-09-08 16:00:24
753
原创 es6 箭头函数
特性：1.不可以new（即不可以作为构造函数）2.没有原型3.arguments:获取的是外层普通函数的argumentsfunction outer(){ let d = () => { console.log(arguments); } d(1);}outer(2,3) // 输出Arguments(2) [2, 3, callee:...
2019-09-08 00:10:41
79
原创 es6的解构赋值
<script type="text/javascript"> //解构对象 let obj = { name:'wy', age:25, sex:'female' } let {name,age} ...
2019-09-07 14:49:15
85
原创 es6 和 es7中的"..."运算符（spreed&rest）
<script type="text/javascript"> //es6中 只能用于数组 //做收集作用 function test(...args){ console.log(args); } ...
2019-09-07 10:25:46
361
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人