{"pageContext":{"index":6,"total":362,"name":"2019-06-16","items":[{"node":{"frontmatter":{"title":"2019开源数据库报告,mysql依然居首","publish":true,"cover":"https://scalegrid.io/blog/wp-content/uploads/2019/06/2019-Most-Popular-Open-Source-Databases-Used-Report-Pie-Chart-ScaleGrid.png","showCover":true,"date":"2019-06-15","category":"database","url":"https://scalegrid.io/blog/2019-open-source-database-report-top-databases-public-cloud-vs-on-premise-polyglot-persistence/","author":"scalegrid 摘译 Ka","translator":"","tags":["css"],"priority":1},"html":"

mongodb 从第二位降至第三位，postgres 从第三位升至第二位，不过两者之间相差不大，还有 AWS 的 DocumentDB 的影响。

\n

商业数据库 oracle 第一,SQL Server 第二

\n

\n

部署方式上，本地数据库依然占据多数

\n

\n

NoSQL 与 SQL 的比率在缩小

\n

"}},{"node":{"frontmatter":{"title":"八千星最潮的全栈技术项目-React,ApolloGraphQL,Node,Mongo,Typescript-背后开源的辛酸原因","publish":true,"cover":"https://camo.githubusercontent.com/36a9e9b260bb5a31cc975711963e0bb9ecdfe43a/68747470733a2f2f692e696d6775722e636f6d2f6a59623459514c2e676966","showCover":true,"date":"2019-06-14","category":"nodejs","url":"https://github.com/TrillCyborg/fullstack","author":"Jason Werner","translator":"","tags":["fullstack"],"priority":2},"html":"

最近很热火的话题，团队辛苦开发的项目，居然客户跳票收不到钱。作者只好自我安慰，至少现在有了一个很潮的全栈开发项目模板。

\n

React,ApolloGraphQL,Node,Mongo,Typescript 这技术组合，确实潮，马上收获星星无数。

\n

感谢这些人，祝他们招财进宝！

"}},{"node":{"frontmatter":{"title":"Promise 使用汇总","publish":true,"cover":"","showCover":true,"date":"2019-06-15","category":"nodejs","url":"https://v8.dev/features/promise-combinators","author":" Mathias Bynens","translator":"","tags":["javascript"],"priority":1},"html":"

Promise.all (ES2015)

\n

返回所有结果的集合数组,如果有一项失败则短路报错。

\n
const promises = [\n  fetch('/component-a.css'),\n  fetch('/component-b.css'),\n  fetch('/component-c.css')\n];\ntry {\n  const styleResponses = await Promise.all(promises);\n  enableStyles(styleResponses);\n  renderNewUi();\n} catch (reason) {\n  displayError(reason);\n}
\n

Promise.race (ES2015)

\n

第一个成功或失败的会作为最终成功或失败的结果，其他短路。

\n
try {\n  const result = await Promise.race([\n    performHeavyComputation(),\n    rejectAfterTimeout(2000)\n  ]);\n  renderResult(result);\n} catch (error) {\n  renderError(error);\n}
\n

Promise.allSettled (提议状态)

\n

等待全部完成，无论每个是成功还是失败都不会短路。

\n

返回结果是原来的 Promise 数组，只不过更新了状态(.status)。由与这种处理方式，不会抛异常。

\n
const promises = [\n  fetch('/api-call-1'),\n  fetch('/api-call-2'),\n  fetch('/api-call-3')\n];\n// Imagine some of these requests fail, and some succeed.\n\nawait Promise.allSettled(promises);\n// All API calls have finished (either failed or succeeded).\nremoveLoadingIndicator();
\n

Promise.any (提议状态)

\n

任何一个成功了即短路返回此成功结果，仅当所有都失败了才抛异常。

\n
const promises = [\n  fetch('/endpoint-a').then(() => 'a'),\n  fetch('/endpoint-b').then(() => 'b'),\n  fetch('/endpoint-c').then(() => 'c')\n];\ntry {\n  const first = await Promise.any(promises);\n  // Any of the promises was fulfilled.\n  console.log(first);\n  // → e.g. 'b'\n} catch (error) {\n  // All of the promises were rejected.\n  console.log(error);\n}
"}},{"node":{"frontmatter":{"title":"Render 适合创业者的托管云供应商","publish":true,"cover":"","showCover":true,"date":"2019-06-12","category":"devops","url":"https://www.infoq.cn/article/EJlZE7gr873afW4L_BM7","author":"Reda Hmeid 译者 张卫滨","translator":"","tags":["paas"],"priority":1},"html":"

Render 是一个新的 Web 和 App 托管供应商，按照 Render 的 CEO 所述，在全面的云供应商（如 AWS）和 PaaS 供应商（如 Heroku）之间，Render 做到了“完美的平衡”。

\n

连接到一个 GitHub 仓库，每当将代码更新推送到该仓库的时候，都会向服务部署更新。这样的话，没有必要创建单独的构建和部署管道。

\n

Render 同时解决了这两个问题：我们提供了比现有 PaaS 更有价值的解决方案，尤其是在应用规模扩展方面。举例来说，如果你的应用需要 2GB RAM，在 Heroku 上你每月需要支付 250 美元。而使用 Render 的话，你只需要每月支付 15 美元，这是数量级级别的成本节省，它已经非常接近 DIY 云供应商的价格了。

\n

举例来说，如果你希望运行一个 HTTP 服务，这个服务不能通过互联网进行访问，只能由你的 Render 账户下的其他服务来访问（类似于前端 API 或代理），在 Heroku 中这根本无法实现，而如果使用 AWS 云的话，则会需要很多网络和安全方面的搭建工作。但是，借助 Render，瞬间就能搭建完成，因为网络管理和服务发现是内置的功能。

"}},{"node":{"frontmatter":{"title":"Taro 1.3 重磅发布：全面支持 JSX 语法和 Hooks","publish":true,"cover":"https://static001.infoq.cn/resource/image/39/88/393b81266c2948dbf2730aeed8ae6d88.png","showCover":true,"date":"2019-06-13","category":"frontend","url":"https://www.infoq.cn/article/kdC7i8j3VP5vg4ji_LFR","author":"凹凸实验室","translator":"","tags":["reactjs"],"priority":1},"html":"

多端 vue 阵营有 uni-app,wepy,react 阵营貌似就只 taro。

\n

最主要的微信小程序端腾讯官方的有 wepy,然而貌似腾讯也在支持 taro。

\n

国内多端比较

\n

国内 uni-app 用的确实比较多。

"}},{"node":{"frontmatter":{"title":"css3折叠动画的实现","publish":true,"cover":"https://blog.kazge.com/assets/folding-animation.gif","showCover":true,"date":"2019-06-13","category":"frontend","url":"https://blog.kazge.com/frontend/css/2019/06/12/zh-css-3d-folding-animation/","author":"Ka","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"css 3D 引擎特效","publish":true,"cover":"","showCover":true,"date":"2019-06-15","category":"frontend","url":"https://blog.kazge.com/html/css/2019/06/13/zh-css-3d-engine/","author":"Ka","translator":"","tags":["css"],"priority":1},"html":"

纯 css 实现的 3d 特效分析。

"}},{"node":{"frontmatter":{"title":"mongodb4.2支持通配符索引","publish":true,"cover":"","showCover":true,"date":"2019-06-05","category":"database","url":"https://www.mongodb.com/blog/post/coming-in-mongodb-42--1-wildcard-indexes","author":"Dj Walker-Morgan (MongoDB) ","translator":"","tags":["mongodb"],"priority":1},"html":"

语法

\n
db.example.createIndex({ \"attributes.$**\": 1 });\n{\n    \"createdCollectionAutomatically\" : false,\n    \"numIndexesBefore\" : 1,\n    \"numIndexesAfter\" : 2,\n    \"ok\" : 1\n}
\n

举例：

\n

如下的数据：

\n
{\n   \"type\":\"book\",\n   \"title\":\"The Red Book\",\n   \"attributes\": {\n       \"color\":\"red\",\n       \"size\":\"large\",\n       \"inside\": {\n           \"bookmark\":1,\n           \"postitnote\":2\n       },\n       \"outside\": {\n           \"dustcover\": \"worn\"\n       }\n   }\n}\n{\n   \"type\":\"book\",\n   \"title\":\"The Blue Book\",\n   \"attributes\": {\n       \"color\":\"blue\",\n       \"size\":\"small\",\n       \"inside\": {\n           \"map\":1\n       },\n       \"outside\": {\n           \"librarystamp\": \"Local Library\"\n       }\n   }\n}\n{\n   \"type\":\"book\",\n   \"title\":\"The Green Book\",\n   \"attributes\": {\n       \"color\":\"green\",\n       \"size\":\"small\",\n       \"inside\": {\n           \"map\":1,\n           \"bookmark\":2\n       },\n       \"outside\": {\n           \"librarystamp\": \"Faraway Library\",\n           \"dustcover\": \"good\"\n       }\n   }\n}
\n

查询：

\n
db.example.find({ \"attributes.inside.bookmark\": 2} })
\n

也就是当数据结构确实是多态模式( polymorphic pattern )的情况下，使用通配符索引。

"}},{"node":{"frontmatter":{"title":"简单易用的express 文件上传中间件","publish":true,"cover":"","showCover":true,"date":"2019-06-13","category":"nodejs","url":"https://github.com/richardgirges/express-fileupload","author":"Ka","translator":"","tags":["express"],"priority":1},"html":"
<input name=\"foo\" type=\"file\" />
\n
app.post('/upload', function(req, res) {\n  console.log(req.files.foo);\n});
"}},{"node":{"frontmatter":{"title":"mongodb 开源 kafka 连接器","publish":true,"cover":"","showCover":true,"date":"2019-06-05","category":"database","url":"https://github.com/mongodb/mongo-kafka","author":"Scott L Hommedieu (MongoDB, Inc.)","translator":"","tags":["mongodb"],"priority":1},"html":"

原生支持数据从 mongodb 流向 kafka 或从 kafka 流向 mongodb。

"}},{"node":{"frontmatter":{"title":"nodejs 包分类图书馆","publish":true,"cover":"https://github.com/sindresorhus/awesome-nodejs/raw/master/media/logo.svg?sanitize=true","showCover":true,"date":"2019-06-14","category":"nodejs","url":"https://github.com/sindresorhus/awesome-nodejs","author":"Sindre Sorhus","translator":"","tags":["curated"],"priority":1},"html":"

分门别类 nodejs 众多 package 集合，找需要的库？到这里来！

"}},{"node":{"frontmatter":{"title":"react-redux7.1.0 开始支持 hooks","publish":true,"cover":"","showCover":true,"date":"2019-06-12","category":"frontend","url":"https://react-redux.js.org/api/hooks","author":"Redux","translator":"","tags":["reactjs"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"不想用 react 和 vue？ 试试 HTML5 Boilerplate","publish":true,"cover":"","showCover":true,"date":"2019-06-13","category":"frontend","url":"https://github.com/h5bp/html5-boilerplate","author":"H5BP","translator":"","tags":["template"],"priority":1},"html":"

如果你不想使用 react,vue 等框架，手写 html，那么总得要个模板吧。\n你不至于一行行写浏览器版本查询，css 媒体查询，IE bug polyfills 吧。

\n

所以这种情况下应该使用 HTML5 Boilerplate。

\n

HTML5 Boilerplate 是很早的项目，是 html 项目模板。\n内置了 html,css,js 许多经验，最佳实践的总结。\n此项目依然保持更新。对于更早得浏览器支持，可用之前的版本 HTML5 Boilerplate v6 (IE9/IE10) 或者 HTML5 Boilerplate v5 (IE 8)。

\n

本项目使用 jquery。

"}},{"node":{"frontmatter":{"title":"react-spring-弹簧动画","publish":true,"cover":"https://blog.kazge.com/assets/react-spring.gif","showCover":true,"date":"2019-06-12","category":"frontend","url":"https://blog.kazge.com/%E5%89%8D%E7%AB%AF/frontend/2019/06/11/zh-react-spring-animation/","author":"Ka","translator":"","tags":["reactjs"],"priority":2},"html":"

依据 react-motion 作者 Cheng Lou 的演讲观点，>95%以上的动画特效使用 spring 即可达到可用的效果，以往那种时间间隔和曲线的动画理念生硬又复杂。

"}},{"node":{"frontmatter":{"title":"包含AI的4d国际象棋","publish":true,"cover":"https://img.itch.zone/aW1hZ2UvNDM0ODAwLzIxODc2MTMuZ2lm/347x500/8fNK%2Fb.gif","showCover":true,"date":"2019-06-13","category":"python","url":"https://github.com/anonamause10/4D-chess","author":"anonamause10","translator":"","tags":["ai"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用text参数优化谷歌字体","publish":true,"cover":"","showCover":true,"date":"2019-06-13","category":"frontend","url":"https://developers.google.com/fonts/docs/getting_started","author":"Ka","translator":"","tags":["google"],"priority":1},"html":"

谷歌字体的 text 参数可以让 api 返回的字体文件只包含 text 传入的字符。\n例如：\nhttps://fonts.googleapis.com/css?family=Inconsolata&text=Hello

"}},{"node":{"frontmatter":{"title":"组件管理工具-bit","publish":true,"cover":"https://camo.githubusercontent.com/27cea561f1d889d8396d41c51b348204ea043469/68747470733a2f2f73746f726167652e676f6f676c65617069732e636f6d2f6269742d646f63732f636f6d706f6e656e742d646973636f766572792d6269742d72656163742d6769662e676966","showCover":true,"date":"2019-06-10","category":"frontend","url":"https://blog.kazge.com/javascript/frontend/2019/06/10/zh-intro-bit/","author":"Ka","translator":"","tags":["bit"],"priority":1},"html":"

bit 是开源的专注于解决前端组件可重用可维护问题的 nodejs 工具。

\n

这里组件(component)可以是任何可重用的 nodejs 代码片段,然而更多的指的是可以重用的前端组件。例子们

\n

bit 通过提供命令行工具来添加管理共享组件。

"}},{"node":{"frontmatter":{"title":"跳舞吧排序","publish":true,"cover":"https://blog.kazge.com/assets/sort-visual-bubble.gif","showCover":true,"date":"2019-06-12","category":"algorithm","url":"https://blog.kazge.com/algorithm/2019/06/10/zh-interesting-sort/","author":"Ka","translator":"","tags":["sort"],"priority":1},"html":"

当排序遇上舞蹈……

"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2019-06-12","category":"game","url":"https://apps.apple.com/us/app/aero-egg/id1247264387?ls=1","author":"广告","translator":"","tags":["ads"],"priority":3},"html":""}},{"node":{"frontmatter":{"title":"自由软件基金会（FSF）更新软件许可","publish":true,"cover":"https://static001.infoq.cn/resource/image/37/0e/3799b15b664b771d95c5ea60fe2f5d0e.jpg","showCover":true,"date":"2019-06-10","category":"misc","url":"https://www.infoq.cn/article/8cIW66yUAA5*ARZSUqNr","author":"Sue Gee 译者 平川","translator":"","tags":["license"],"priority":1},"html":"

GNU证书列表 划分了许可证的分类，并用颜色对它们进行了区分：\n从绿到蓝，绿色代表完全免费。

\n

GitHub 推出微网站 Choose A Licence，帮您选择证书。

"}}]}}