kokiers


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

web-paint

发表于 2025-06-26 | 更新于: 2025-09-26

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 https

发表于 2024-05-25 | 更新于: 2024-09-21

http:

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

阅读全文 »

qiankun

发表于 2024-05-14 | 更新于: 2024-09-21

1.克隆GitHub qiankun

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

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

cookie

发表于 2024-05-06 | 更新于: 2024-05-07

Cookie

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

阅读全文 »

package-json

发表于 2024-04-30 | 更新于: 2024-05-07

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

阅读全文 »

Function

发表于 2024-04-28 | 更新于: 2024-05-07

Funtion

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

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

事件循环和并发

发表于 2024-04-28 | 更新于: 2024-05-07

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

阅读全文 »

抓包

发表于 2023-08-21 | 更新于: 2024-04-15 | 分类于 tool

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

阅读全文 »

http 状态码

发表于 2023-06-28 | 更新于: 2024-09-21

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

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

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

信息响应 ( –100 - 199)

100 Continue

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

阅读全文 »

js 基础

发表于 2023-05-22 | 更新于: 2024-04-30

表达式和运算符

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

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

css 栏目

发表于 2023-05-18 | 更新于: 2024-09-21 | 分类于 css

css 单位

绝对单位

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

阅读全文 »

html 标签

发表于 2023-05-18 | 更新于: 2024-04-15 | 分类于 html

html5 新标签
header
content
siderbar
footer
section

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

小程序知识整理

发表于 2023-05-04 | 更新于: 2024-04-15 | 分类于 小程序

页面

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

阅读全文 »

js面向对象编程与继承

发表于 2023-04-07 | 更新于: 2024-04-15 | 分类于 js

js 面向对象编程 OOP

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

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

Websocket的使用

发表于 2023-04-07 | 更新于: 2024-09-21

WebSocket

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

阅读全文 »

Object手册

发表于 2023-04-06 | 更新于: 2024-09-21 | 分类于 doc

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

阅读全文 »

react-router

发表于 2023-04-06 | 更新于: 2024-04-15 | 分类于 react

HashRouter,WebRouter

1
2


promise

发表于 2023-04-03 | 更新于: 2024-04-15 | 分类于 js

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

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

react-dnd

发表于 2023-03-17 | 更新于: 2024-04-15 | 分类于 react

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

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

阅读全文 »

superset 免登录配置

发表于 2023-03-10 | 更新于: 2024-04-15 | 分类于 superset

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

修改配置文件 config.py

1
2
3
PUBLIC_ROLE_LIKE: Optional[str] = "Gamma"
DASHBOARD_CROSS_FILTERS = true
DASHBOARD_NATIVE_FILTERS_SET = true
阅读全文 »
12…4
kokiers

kokiers

70 日志
12 分类
26 标签
GitHub
© 2025 kokiers