【本周项目】9.8-9.14

2018-09-15 admin

本文转自 FEPulse 公众号(微信搜索 FEPulse,精选国内外最新前端资讯,为你把握前端脉搏)。

FEPulse 的【本周项目】模块精选 Github 一周中 Star 增长最快的最新前端项目,帮助前端开发者了解最新项目动向。


1. WatermelonDB

下一代功能强大的 React 和 React Native APP 的数据库,WatermelonDB 特地为复杂的 React 和 React Native APP 做了优化,首要目标就是性能,换句话说就是要快速启动。

当应用简单时,可以使用 Redux 或者 Mobx,但如果扩展到数千或数万个数据库记录,应用程序启动速度会受到很大影响,尤其在速度较慢的 Android 设备上,将完整的数据库加载到 JavaScript 代价巨大。WatermelonDB 的解决方案就是延迟加载,并且因为所有查询都是以单线程的方式直接在 SQLite 数据库上执行,所以即使在较慢的 Android 设备上,大多数查询也会在不到 1 毫秒的时间内解析,即使有 10000 条记录! 图片描述

2. Pigeon Maps

不需要额外依赖的地图组件库,旨在提供以 React 为中心性能优先的可扩展地图引擎,压缩之后只有 8KB。

因为主打小而快,所以功能上并不如 Google Map 这样的专业地图库完善,比较适合简单场景的地图应用。

图片描述

图片描述

3. You Dont Need Momentjs

这篇文档主要列举了可以使用 date-fns 或原生方法替代 Momentjs 的场景。

Momentjs 是一个功能强大的时间库,但正因如此,Momentjs 同时也有 API 复杂、包庞大等缺点。大部分时候我们只需要 Momentjs 的部分功能,而这些功能可以通过 date-fns 或者原生方法实现,同时又能减少包的大小和提升性能。

期待下一个项目 You Dont Need Girl Friend~ 图片描述

4. Ky

Ky 是一个基于浏览器 Fetch API 的小巧而优雅的 HTTP 客户端,让你的网络请求更简单。

我们看一段代码感受一下: 图片描述

(以上 Star 数均以截稿时为准)

更多精彩内容,更好看的排版,可以关注FEPulse微信公众号(ID:FEPulse) 图片描述

原文链接:https://segmentfault.com/a/1190000016408730

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-40328.html

文章标题:【本周项目】9.8-9.14

相关文章
vue项目升级webpack4指南
所用vue-cli版本为2.9.3, 非最新的3.0+版本, 包管理工具为yarn 初始化项目 vue init webpack my-project cd my-project yarn install 脚手架项目webpack版本为...
2018-04-22
手机端页面在项目中遇到的一些问题及解决办法(持续更新)
1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1) 看是否能把body和html...
2018-06-05
Vue项目编译后部署在非网站根目录的解决方案
背景 同一个生产部署项目,基内外网的访问路径并不相同,内网是基于域名根目录来访问,而外网却指向了一个子目录。 eg. : vue-router: history模式 内网环境:192.168.1.1:8080/index.html 外网环...
2018-04-25
将RxJS融入React项目
前言 最近准备毕设,技术选型的时候因为功能的一些需求准备将RxJs融入到项目中,考虑RxJs的时候因为之前的技术栈还犹豫了一下,查了一些资料以及粗略浏览了一些文档。感觉对于毕设项目RxJs的加入是有帮助的,因此打算系统的学习然后摘抄知识点以...
2018-02-05
从零开始React + Dva + ant.design开发项目—路由
前言 之前发现了蚂蚁金服的ant.design,感觉这个框架有完整的设计交互规范,组件库丰富,交互友好,代码质量高,稳定性好,然后就一直想要在项目中使用下这个框架,但是之前一直都是用VUE的不怎么会React。今天学习了下怎么去使用Reac...
2018-06-05
在自己的项目里调用百度接口,实现百度搜索
一、原理 百度使用的jsonp接口,按照jsonp的方法即可实现百度搜索的功能。 二、代码 <!DOCTYPE html> <html> <head> <meta chars...
2018-02-20
Vue项目中v-for数组删除第n项元素产生渲染错误问题及解决方法
项目背景 最近使用Vue(版本2.9)开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件。同时每个元素都有删除按钮,点击后删除当前元素。 初始代码如下: 父组件: <template&g...
2018-03-18
【vuejs项目部署】使用docker基于daocloud自动化部署到自己的主机
在前端开发中,部署项目是我们经常发生的事情 如果在你的公司中,项目部署需要你来负责,怎么优雅无痛的让你的项目自动上线 在之前的文章中,写过几篇关于项目上线的方式,大家可以翻阅这个专栏去看。 今天主要讲怎么优雅的部署vue项目,使用dock...
2018-01-03
react以create-react-app为基础创建项目
什么是create-react-app create-react-app是一个js库,使用它能够很方便地建立react项目,免去了建立react项目时配置webpack、调试服务器、运行脚本等麻烦,你只需要使用这个库,便可以一键完成reac...
2018-03-15
vue-cli项目中的proxyTable跨域问题小结
什么是跨域? 同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等,就认定它们跨源了。 跨域的解决方式有哪几种? 1.JSONP 是 JSON with padding(填充式 JSON 或参数式 JSON)的简写。 JSON...
2018-02-09
回到顶部