肉饼博客

一、一元判断，存到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
}

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

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