npm 包 @kentan-official/core 的使用教程

阅读时长 4 分钟读完

前言

@kentan-official/core 是一个前端用于数据缓存、HTTP 请求处理、Websocket 等功能的工具包,基于 TypeScript 编写,使用简单且方便。

安装

可以通过 npm 进行安装:

使用

数据缓存

简介

@kentan-official/core 封装了 browser-storage 工具,支持在 LocalStorage 和 SessionStorage 中缓存 JSON 格式数据。此外还支持多标识缓存。

示例

-- -------------------- ---- -------
------ - ------- - ---- ------------------------

-- ----- ------------
------------------------ - ----- -------- ---

-- - ------------ ----
-------------------------

-- -- ------------ -----
----------------------

-- ----- --------------
-------------------------- - ---- -- ---

-- - -------------- ----
---------------------------

-- -- -------------- -----
------------------------
展开代码

HTTP 请求

简介

@kentan-official/core 封装了 axios,可以方便地进行 HTTP 请求处理,支持全局错误处理、请求拦截器、响应拦截器等功能。

示例

-- -------------------- ---- -------
------ - ---------- - ---- ------------------------

-- ---- --- -------- ------------------ --------
----- --- - ----- ---------------------------- - ------- - ------- - - ---

-- ---- ---- ------- - ----- -------- -
----- --- - ----- ----------------------------- - ----- -------- ---

-- ------------------- ----- --
-------------------------------------------- -- -
  -------------------- - ------------------------------

  ------ -------
---

-- -------------------
-------------------------------------
  ---------- -- -
    ------ ---------
  --
  ------- -- -
    ----------------------------

    ------ ----------------------
  --
--
展开代码

Websocket

简介

@kentan-official/core 封装了 WebSocket,支持重连、心跳检测等功能。

示例

-- -------------------- ---- -------
------ - --------- - ---- ------------------------

-- ---- --------- --
----- -- - ----------------------------------------

-- --------
-------------- ---------

-- -------
-------------------- -- -
  ------------------------
---

-- ------
-------------------- - --

-- --------
------------------- - -----
展开代码

总结

本文介绍了 @kentan-official/core 工具包的使用,包括数据缓存、HTTP 请求和 Websocket 三个方面。使用这个工具包可以极大地提高前端开发效率,特别是在处理数据缓存和 HTTP 请求方面。虽然工具本身简单易用,但是其所提供的功能丰富,可以自行深入学习,从而更好地应用到实际开发中。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066b5c51ab1864dac67095

纠错
反馈

纠错反馈