您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 开发 > WEB开发 >
    这些开源项目,让你轻松应对十大任务场景(2)
    时间:2020-11-23 12:18 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    可以取消央求及自动转换 JSON 数据。

    这些开源项目,让你轻松应对十大任务场景


    react-query

    ⚛️ Hooks for fetching, caching and updating asynchronous data in React

    https://github.com/tannerlinsley/react-query

    react-query 是一个用在 React 项目中,用于获取、缓存和更新异步数据的钩子。该库拥有以下特性:

    多层缓存 + 自动渣滓回收;

    支持分页和基于游标的查询;

    支持加载更多、有限滚动查询和滚动恢复;

    自动缓存 + 重新获取(重新验证时有效,窗口重新聚焦,轮询/实时)。

    这些开源项目,让你轻松应对十大任务场景


    ✨ 扩展阅读 ✨

    77.9K 的 Axios 项目有哪些值得自创的中央

    数据存储

    PouchDB

    🐨 - PouchDB is a pocket-sized database.

    https://github.com/pouchdb/pouchdb

    PouchDB 是一个阅读器内数据库,允许运用顺序在本地保存数据,以便用户即使在离线时也可以享用运用顺序的一切功用。另外,数据在客户端之间是同步的,因此用户可以随时随地保持最新形状。

    PouchDB 也在 Node.js 中运转,可以用作与 CouchDB 兼容的效劳器的直接接口。该 API 在每个环境中任务都是相反的,因此你可以花更少的时间来担忧阅读器的差异,而花更多的时间来编写洁净、分歧的代码。

    PouchDB 支持一切现代阅读器:

    Firefox 29+ (Including Firefox OS and Firefox for Android)

    Chrome 30+

    Safari 5+

    Internet Explorer 10+

    Opera 21+

    Android 4.0+

    iOS 7.1+

    Windows Phone 8+

    PouchDB 在幕后运用 IndexedDB,若以后环境不支持 IndexedDB 则回退到 Web SQL。

    这些开源项目,让你轻松应对十大任务场景


    Rxdb

    💻 🔄 📱 A realtime Database for JavaScript Applications.

    https://github.com/pubkey/rxdb

    RxDB(Reactive Database 的缩写)是 NoSQL 数据库,用于 JavaScript 运用顺序,如网站,混合运用顺序,Electron Apps,Progressive Web Apps 和 Node.js。照应式意味着你不只可以查询以后形状,还可以订阅一切形状更改,比如查询的结果或文档的单个字段。

    RxDB 支持以下特性:

    Mango-Query:支持 mquery API 从集合中获取数据,支持链式的 mongoDB 查询作风。

    Replication:由于 RxDB 依赖于 PouchDB,因此很容易完成终端设备与效劳器之间的数据同步。

    Reactive:RxDB 使得同步 DOM 的形状变得很复杂。

    MultiWindow/Tab:当 RxDB 的两个实例运用相反的存储引擎,它们的形状和操作流将会被播送。这意味着关于两个阅读器窗口,窗口 #1 的数据变化也会自动影响窗口 #2 的数据形状。

    Schema:经过 jsonschema 来定义 Schemas,它们用来描画数据格式。

    Encryption:经过将形式字段设置为encrypted,该字段的值将以加密形式存储,没有密码就无法读取。


    ✨ 扩展阅读 ✨

    前端存储除了 localStorage 还有啥

    微前端

    qiankun

    📦 🚀 Blazing fast, simple and completed solution for micro frontends.

    https://github.com/umijs/qiankun

    qiankun 是一个基于 single-spa 的微前端完成库,旨在协助大家能更复杂、无痛的构建一个消费可用微前端架构系统。目前 qiankun 已在蚂蚁外部效劳了超过 200+ 线上运用,在易用性及完备性上,相对是值得信任的。

    该库拥有以下特性:

    📦 基于 single-spa 封装,提供了愈加开箱即用的 API;

    📱 技术栈有关,恣意技术栈的运用均可 运用/接入,不论是 React/Vue/Angular/JQuery 还是其他等框架;

    💪 HTML Entry 接入方式,让你接入微运用像运用 iframe 一样复杂;

    🛡 样式隔离,确保微运用之间样式相互不搅扰;

    🧳 JS 沙箱,确保微运用之间 全局变量/事情 不抵触;

    ⚡️ 资源预加载,在阅读器闲暇时间预加载未翻开的微运用资源,减速微运用翻开速度;

    🔌 umi 插件,提供了 @umijs/plugin-qiankun 供 umi 运用一键切换成微前端架构系统。

    这些开源项目,让你轻松应对十大任务场景

    single-spa

    The router for easy microfrontends

    https://github.com/single-spa/single-spa

    Single-spa 是一个将多个单页面运用聚合为一个全体运用的 JavaScript 微前端框架。运用 single-spa 停止前端架构设计可以带来很多益处,例如:

    独立部署每一个单页面运用;

    改善初始加载时间,迟加载代码;

    新功用运用新框架,旧的单页运用不用重写可以共存;

    (责任编辑:admin)