- 博客(13)
- 收藏
- 关注
RSS订阅原创 基于短轮询的轮询优化
用户切换到浏览器的其他tab页，也不停在发起刷新状态的请求。所以我们是否可以在激活当前浏览器的tab页时，才去轮询列表页，当然为了维持轮询的优势，我们需要在激活页面的第一时间去刷新列表数据，并开启轮询。根据vue 中mixin的特性，我们在某些特殊的轮询组件里，可以自定义轮询时常，开始、结束轮询的时机等。：切到浏览器的其他tab页、最小化，浏览器窗口被其他软件或浏览器窗口完全覆盖都属于失活状态。**混入：**当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
2023-08-10 15:22:36
280
1
原创 The request client is not a secure context and the resource is in more-private address space `privat
：Access-Control-Request-Private-Network: true ，解决问题。4. 给内网地址映射一个 https 的地址;不适用于我的项目场景。这样，我们貌似已经解决了这个问题。5. nginx 设置请求头(
2023-08-02 18:00:56
1067
原创 hard-source-webpack-plugin 报错- TypeError: Cannot read property ‘call‘ of undefined
hard-source-webpack-plugin 报错- TypeError: Cannot read property 'call' of undefined
2023-03-02 10:17:06
913
原创 前端跨页面通信
什么是前端跨页面通信在浏览器中，我们同时打开多个tab页，每个tab页可以粗略的理解为一个独立的运行环境，即使是全局对象也不会在多个tab间共享。然后我们希望这些独立的tab页之间同步数据、信息或状态。比如：我们同时打开了列表页和a的详情页，在列表页对a的状态进行操作后，我们切到详情的tab页，在不进行刷新页面时，要怎么把在列表页操作后的状态同步过来？Broadcast channelBroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing co
2022-04-20 17:17:55
1997
原创 原型与原型链
原型与原型链prototype: 显示原型；每个构造函数都有一个prototype原型对象_protop_: 隐式原型；每一个对象都有一个隐式原型属性，用来指向它的prototypeprototype原型对象里的constructor指向构造函数本身原型对象原型链： 实例与原型的链条，在查找实例属性和方法时，如果找不到，会层层向上查找，直到找到对应的属性和方法或找不到为止。function Person() { }Person.prototype.name = 'lucy'let pers
2021-08-12 19:47:42
69
原创 vue、elementUI 的弹窗表单最佳实践
弹窗表单基于 vue + element-ui 的弹窗表单最佳实践数据回显数据回显主要分为两种情况，一种是通过在弹窗组件里面去调用详情接口回显数据，一种是从父组件中传值回显。调用接口获取详情回显数据—在组件调用的地方给一个判断，避免在父组件初始化时就调用弹窗里的详情接口。props 父组件向子组件传值<!-- 父组件调用 dialogTest 组件 --><dialog-test v-if="dialogStatus" :dialog-status="di
2021-04-02 16:26:28
5193
原创 flex布局
flex布局Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。可以随着页面大小的改变自适应页面布局。实例实现元素的水平垂直居中使用css3的transform + position实现<body> <div class="ele">实现我的水平垂直居中</div></body><style>.ele { position: absolute;
2020-12-28 13:45:26
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人