前言
@kentan-official/core 是一个前端用于数据缓存、HTTP 请求处理、Websocket 等功能的工具包,基于 TypeScript 编写,使用简单且方便。
安装
可以通过 npm 进行安装:
npm i @kentan-official/core
使用
数据缓存
简介
@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