第10期 — 2019-07-07

在浏览器中阅读

周e信

Node.js

Jimp-纯nodejs图片处理🔗

支持resize gif,不支持webp

Oliver Moran 编辑 Ka

multistream 3.0-多个流管道执行🔗

使用:

var MultiStream = require('multistream')
var fs = require('fs')

var streams = [
  fs.createReadStream(__dirname + '/numbers/1.txt'),
  fs.createReadStream(__dirname + '/numbers/2.txt'),
  fs.createReadStream(__dirname + '/numbers/3.txt')
]

new MultiStream(streams).pipe(process.stdout) // => 123

Feross Aboukhadijeh 编辑 Ka

publish-lookups 支持 mongo join 订阅的 Meteor 插件🔗

如作者所说,相比与其他两个插件publish-compositepublish-aggregations(也是作者开发)都更高效。

Shynggys

level-符合LevelDB规范的可运行于浏览器nodejs的内存键值对数据库🔗

LevelDB是google开发的用在chrome上的键值对数据库。

level包装了api使得使用更方便。

npm install levelup leveldown

var levelup = require('levelup')
var leveldown = require('leveldown')

// 1) 创建store
var db = levelup(leveldown('./mydb'))

// 2) 赋值
await db.put('name', 'levelup')

// 3) 获取
 await db.get('name');

Feross Aboukhadijeh 编辑 Ka

Meteor 的编译棒呆了,Meteor 被低估了🔗

Meteor vs Webpack? Meteor vs Parcel,"Meteor vs Ember vs Angular", or "Meteor vs MEAN", or "Meteor Blaze vs React vs Vue", or "Meteor vs Express vs Koa.js", or "Meteor vs Passport.js vs Permit", or "Meteor vs Ionic Framework"

Meteor 一个整合了许多很酷的东西,meteor 2015 年开发出来时显得太超前,然而现在正是大放异彩的时候。

Joe Pea

前端

static-site-boilerplate又一个静态站点项目模板🔗
  • 支持 sass,postcss
  • 使用 jquery
  • 性能优化 包括 css,js 转译,压缩,打包,加速图片加载
  • 整合开发服务器,热加载
  • 自动从一个图片生成多设备匹配 favico
  • 内置 ftp,netlify 发布工具

Eric Alli

google计划促进robots txt作为互联网标准🔗

google开源了robots.txt的解析器和匹配算法,同时宣布计划促进让 Robots Exclusion Protocol (REP) 成为互联网标准。

Ravie Lakshmanan 摘译 Ka

SVG-Edit

Chad Mazzola

怎样在浏览器里脚本判断网络状态🔗

Network Information API 可知道是否联网,以及如下信息:

  • effectiveType 取值为 'slow-2g', '2g', '3g', 或者 '4g'
  • downlink有效带宽 M/秒
  • rtt round trip time 一个包的往返时间
  • saveData 用户是否启用减少数据量选项

Brian Rinaldi

React Select强大的下拉框组件🔗

在线demo

  • 可搜索
  • 可输入
  • 可标签化
  • 可多选

Jed Watson

lighthouse开源的站点性能检测工具🔗

可作为chrome浏览器插件安装,也可以安装为命令行工具。

npm install -g lighthouse

针对一个页面运行 Lighthouse 审查。

lighthouse https://airhorner.com/

Google 摘译 Ka

reat-movable支持列表和表格的可拖拽移动组件🔗

在线demo

  • 支持触摸屏设备
  • 支持横向竖向拖动
  • 平滑动画

Feross Aboukhadijeh 编辑 Ka

css标准正在添加更多下划线样式🔗

在线demo 设计师们对此表示热烈欢迎👏👏👏👏👏

编辑 Ka

Svelte-下一代 web 框架🔗

与 React,Vue 不同的是,在编译阶段生成最终代码,不存在虚拟 DOM。

  • 支持组件
  • CSS-in-JS
  • 简单有效的响应式
const { count } = this.get();
this.set({
  count: count + 1
});

编辑 Ka

Array.prototype.sort 确定统一稳定实现🔗

之前并没有统一规定 sort 的实现,而由各引擎自己决定。

此次归于统一

编辑 Ka

Steve Hall

其他

火狐希望帮助你愚弄讨厌的广告追踪者🔗

Mozila创建了这样一个网站

它会弹出100个无用的页面愚弄广告追踪网站。(你需要允许弹出新页面。)

弹出100个页面之前会提示你此举动可能会让你的系统变慢。

此举获得大量好评!

Janko Rottgers 编辑 Ka

扫描二维码关注微信公众号
本期阅读量