TTFB

TTFB即首个字节返回时间（Time To First Byte），时间越短意味着请求响应越快。
以下是优化该性能指标的常见方法:

CDN
压缩算法
HTTP/2或HTTP/3
HTTP缓存策略
减少重定向

LCP

即首次绘制内容时间（First Contentful Paint），时间越短意味着页面白屏时间越短。低于1.8s代表良好，1.8s到3s之间代表待改善，3s以上代表差。

服务端流式渲染
内联关键CSS
减少使用CSS @import
Javascript脚本添加async或defer属性

http：

HTTP常被用于在Web浏览器和网站服务器之间传递信息，以明文方式发送内容，不提供任何方式的数据加密

1.克隆GitHub qiankun

需要安装 npm-run-all 包
需要安装 ‘father-build’

2. yarn install
3. 执行 yarn examples:install 报错。
   node 版本要求： Expected version “8 || 10 || 12 || 14 || 16 || 17”. Got “18.16.0”

Cookie

HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上

每个项目（npm上下载的包，或者其他的nodejs项目）的根目录下面，一般都有一个package.json文件， 定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证、如何启动项目、运行脚步等元数据）。

Funtion

函数是第一类对象，可以提供作用域。
函数就是对象。

• 函数可以动态创建
• 函数可以分配给变量，可扩展， 大部分可以被删除
• 可以作为函数参数传递给其他函数，也可以有其他函数返回
• 拥有自己的属性+方法

JavaScript 有一个基于 事件循环 的 并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务

这几年一直做的PC端开发，mobile 端的开发几乎没碰了。今年换了坑，又涉及到H5，又把抓包的工具拾起来，多年前的记录又攻击过来了，哈哈。
我常用的抓包工具有 anyproxy ， Fiddler.

HTTP 响应状态代码
HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。 响应分为五类：

状态码第一位数字决定了不同的响应状态，有如下：

• 1 表示消息
• 2 表示成功
• 3 表示重定向
• 4 表示请求错误
• 5 表示服务器错误

信息响应 （ –100 - 199)

100 Continue

此临时响应指示客户端应继续请求，如果请求已完成，则应忽略响应。

表达式和运算符

加法运算符（+）为两种不同的运算重载：数字加法和字符串连接。在求值时，它首先将两个操作数强制转换为基本类型。然后，检查两个操作数的类型：

• 如果有一方是字符串，另一方则会被转换为字符串，并且它们连接起来。
• 如果双方都是 BigInt，则执行 BigInt 加法。如果一方是 BigInt 而另一方不是，会抛出 TypeError。
• 否则，双方都会被转换为数字，执行数字加法。

css 单位

绝对单位

cm 厘米
mm 毫米
in 英寸 (1in = 96px = 2.54cm)
px 像素 (1px = 1/96th of 1in)

html5 新标签
header
content
siderbar
footer
section

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search

页面

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。
参数

js 面向对象编程 OOP

用对象的思想去写代码，就是面向对象编程。

• 封装：针对对象属性，以及修改属性的方法进行封装；
• 继承：你可以在创建新对象的时候继承来自上一个对象的所有属性和方法（
• 多态：具体表现为方法重载和方法重写（ prototype ）
  阅读全文 »

WebSocket

WebSocket，是一种网络传输协议，位于OSI模型的应用层。可在单个TCP连接上进行全双工通信，能更好的节省服务器资源和带宽并达到实时通迅
客户端和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输
WebSocket对象提供了用于创建和管理 WebSocket 连接，以及可以通过该连接发送和接收数据的 API。
使用 WebSocket() 构造函数来构造一个 WebSocket。

Object 是 JavaScript 的一种 数据类型 。它用于存储各种键值集合和更复杂的实体。Objects 可以通过 Object() 构造函数或者使用 对象字面量 的方式创建

HashRouter,WebRouter

1
2

Promise 是异步编程解决方案，Promise对象有2个特点，

• 1.对象的状态不受外部影响。有三种状态，pending fulfilled rejected
• 2.状态一旦改变，就不会再变。 比如 pending -> fulfilled || pending -> rejected
  阅读全文 »

react-dnd
react 实现拖拽的插件。

DndProvider
如果想要使用 React DnD，首先需要在外层元素上加一个 DndProvider。

本次配置适用于superset 2.0.1版本。

修改配置文件 config.py

1
2
3

PUBLIC_ROLE_LIKE: Optional[str] = "Gamma"
DASHBOARD_CROSS_FILTERS = true
DASHBOARD_NATIVE_FILTERS_SET = true