肉饼博客

Talk is cheap. Show me the code.

0%

一、一元判断,存到Map里

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const actions = new Map([
[1, ['processing','IndexPage']],
[2, ['fail','FailPage']],
[3, ['fail','FailPage']],
[4, ['success','SuccessPage']],
[5, ['cancel','CancelPage']],
['default', ['other','Index']]
])
/**
* 按钮点击事件
* @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消
*/
const onButtonClick = (status)=>{
let action = actions.get(status) || actions.get('default')
sendLog(action[0])
jumpTo(action[1])
}
阅读全文 »

一、功能

  • 语法转换:将ES6版本的代码转为ES5等向后兼容的JS代码,从而可以运行在低版本浏览器或其它环境中
  • 补齐API:通过 Polyfill 的方式在目标环境中添加缺失的特性
    阅读全文 »

一、工具泛型

1.Partial

作用:将一个接口的所有属性设置为可选状态

1
2
3
type Partial<T> = {
[P in keyof T]?: T[P]
}
阅读全文 »

“年年岁岁花相似,岁岁年年人不同”,生活虽然似水流年,但每到岁末回首过往,记忆中总会有点点涟漪勾起不一样的回味。

阅读全文 »

一、安装

1.初始化:
1
npm init -y
2.安装webpack:
1
npm install webpack webpack-cli -D
阅读全文 »

一、什么是k8s service?

Kubernetes service是一种为一组具有相同功能的pod提供单一不变接入点的资源。当service存在时,它的IP地址和端口不会改变。客户端通过它,可以将请求负载均衡到该service包含的一组pod上,从而不需要知道每个单独的提供服务的pod的地址。

阅读全文 »

一、什么是k9s?

k9s 是一个管理k8s集群很方便快捷的工具,不需要敲那么多的kubectl命令即可查看和操作集群。

阅读全文 »

一、简介

CORS需要浏览器和服务器同时支持,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信

阅读全文 »

一、获取句柄 + postMessage

必须有一个页面(如A页面)可以获取另一个页面(如B页面)的window对象,这样才可以完成通信

1
2
3
4
5
6
7
8
9
10
11
// parent.html
const childPage = window.open('child.html', 'child')

childPage.onload = () => {
childPage.postMessage('hello', location.origin)
}

// child.html
window.onmessage = evt => {
// evt.data
}
阅读全文 »

鉴于时不时,有同学私信问我(老姚,下同)怎么学前端的问题。这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了。

首先说句题外话。关于有人管我叫大神的事情。个人感觉这跟你买东西时,人家管你叫帅哥一样,你答应与否都无妨。

阅读全文 »