{"pageContext":{"index":12,"total":364,"name":"2019-07-29","items":[{"node":{"frontmatter":{"title":"MongoDB Atlas 正在整合 Transform 和 Vault","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"database","url":"https://www.mongodb.com/blog/post/terraform-and-vault-are-coming-to-mongodb-atlas","author":" Melissa Plunkett 摘译 Ka","translator":"","tags":["mongodb"],"priority":1},"html":"

整合 Transform 以加强 continuous delivery(可持续发布)能力。

\n

整合 Vault 加强用户敏感资源的安全性。

"}},{"node":{"frontmatter":{"title":"Mongo官方Golang驱动更新","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"golang","url":"https://www.mongodb.com/blog/post/mongodb-go-driver-updated-to-version-104","author":"编辑 Ka","translator":"","tags":["postgres"],"priority":1},"html":"

新版本为 1.0.4

\n

包括：

\n"}},{"node":{"frontmatter":{"title":"Node.js 12.7.0 发布，服务器端的 JavaScript 运行环境","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"nodejs","url":"https://www.oschina.net/news/108510/node-js-12-7-0-released","author":"afterer@OSCHINA","translator":"","tags":["nodejs"],"priority":1},"html":"

Node.js 12.7.0 已经发布，Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。更新内容如下：

\n\n

package exports 示例：

\n

package.json

\n
{\n  \"name\": \"@momentjs/moment\",\n  \"version\": \"0.0.0\",\n  \"type\": \"module\",\n  \"main\": \"./dist/index.js\",\n  \"exports\": {\n    \".\": \"./src/moment.mjs\",\n    \"./\": \"./src/util/\",\n    \"./timezones/\": \"./data/timezones/\",\n    \"./timezones/utc\": \"./data/timezones/utc/index.mjs\"\n  }\n}
\n

引用

\n
import request from 'request';\n// Loads file:///app/node_modules/request/request.mjs\n\nimport request from './node_modules/request/request.mjs';\n// Loads file:///app/node_modules/request/request.mjs\n\nimport request from 'file:///app/node_modules/request/request.mjs';\n// Loads file:///app/node_modules/request/request.mjs\n\nimport utc from '@momentjs/moment/timezones/utc';\n// Loads file:///app/node_modules/@momentjs/moment/timezones/utc/index.mjs
"}},{"node":{"frontmatter":{"title":"React Hooks 使用秘笈集合","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"frontend","url":"https://usehooks.com/","author":"Gabe Ragland","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-border-wrapper 美观的边框组件","publish":true,"cover":"https://camo.githubusercontent.com/d2e2de947b56a8cfe7df0a723e5ae98a9137a22d/68747470733a2f2f6d6574726f78652e6769746875622e696f2f72656163742d626f726465722d777261707065722f72656163745f626f726465725f777261707065725f6578616d706c652e706e67","showCover":true,"date":"2019-07-25","category":"frontend","url":"https://github.com/Metroxe/react-border-wrapper?v=1.0.3","author":"Christopher Powroznik","translator":"","tags":["react"],"priority":1},"html":"

在线 demo

\n
<BorderWrapper\n  borderColour=\"#00b88\"\n  borderWidth=\"50px\"\n  borderRadius=\"15px\"\n  borderType=\"solid\"\n  innerPadding=\"30px\"\n  topElement=\"{topElement}\"\n  topPosition=\"{0.05}\"\n  topOffset=\"22px\"\n  topGap=\"5px\"\n  rightElement=\"{rightElement}\"\n  rightPosition=\"{10}\"\n  rightOffset=\"22px\"\n  rightGap=\"4px\"\n  bottomElement=\"{bottomElement}\"\n  bottomPosition=\"{0}\"\n  bottomOffset=\"22px\"\n  bottomGap=\"4px\"\n  leftElement=\"{leftElement}\"\n  leftPosition=\"{0.9}\"\n  leftOffset=\"22px\"\n  leftGap=\"4px\"\n/>
"}},{"node":{"frontmatter":{"title":"react-trello trello样式的 kanban 面板react组件","publish":true,"cover":"https://raw.githubusercontent.com/rcdexta/react-trello/master/react-trello.gif","showCover":true,"date":"2019-07-25","category":"frontend","url":"https://github.com/rcdexta/react-trello","author":"rcdexta","translator":"","tags":["react"],"priority":2},"html":"\n

在线 demo

"}},{"node":{"frontmatter":{"title":"tabulator 强大的不依赖 jquery 的表格组件","publish":true,"cover":"https://camo.githubusercontent.com/9c2d6ef191915ab62b8ebebd89b872117d50fb3a/687474703a2f2f746162756c61746f722e696e666f2f696d616765732f746162756c61746f725f7461626c652e6a7067","showCover":true,"date":"2019-07-22","category":"frontend","url":"https://github.com/olifolkerd/tabulator","author":"Oli Folkerd 编辑 Ka","translator":"","tags":["table"],"priority":1},"html":"\n

不依赖 jquery, 支持 npm\nnpm install tabulator-tables --save

\n

在线 demo

"}},{"node":{"frontmatter":{"title":"vuetify-Material的Vue组件库","publish":true,"cover":"","showCover":true,"date":"2019-07-22","category":"frontend","url":"https://github.com/vuetifyjs/vuetify","author":"Vuetify.js","translator":"","tags":["vue"],"priority":1},"html":"

✨ (2 万)还是比 elementUI(~4 万) 差不多 2 万。

"}},{"node":{"frontmatter":{"title":"web share api 已在ios上可用","publish":true,"cover":"","showCover":true,"date":"2019-07-22","category":"frontend","url":"https://www.infoq.com/news/2019/07/web-share-API","author":"Guy Nesher 摘译 Ka","translator":"","tags":["ios"],"priority":1},"html":"

Web Share API目前在safari浏览器上已实现。

\n

它必须要通过用户操作来触发（例如点击按钮）。\n分享的站点必须是https。

\n
function shareSite() {\n    navigator.share({\n        title: document.title,\n        text: 'Hello World',\n        url: 'https://mewebsite.com',\n    })\n    .then(() => {\n        console.log('Share completed successfuly')\n    })\n    .catch((error) => { console.log(`share failed: ${error}`) });        \n}
"}},{"node":{"frontmatter":{"title":"几个有趣的javascript语法（提议）","publish":true,"cover":"","showCover":true,"date":"2019-07-27","category":"javascript","url":"https://blog.kazge.com/javascript/2019/07/26/zh-3-interesting-js-syntax-proposal/","author":"Ka","translator":"","tags":["javascript"],"priority":1},"html":"

Optional Chaining(可选链) for JavaScript

\n
a?.b;\n// 等同于\na == null ? undefined : a.b;\n// 注意 == null的判断\n// null == null  : true\n// undefined == null :true\n// 0 == null :false\n// '' == null :false
\n

Nullish Coalescing(空值合并) for JavaScript

\n
a ?? 'haha';\n// 仅当a为null或undefined时返回'haha',否则返回a的值
\n

Pipeline(管道)

\n
//左边输出作为右边第一个输入\nfunction doubleSay(str) {\n  return str + ', ' + str;\n}\nfunction capitalize(str) {\n  return str[0].toUpperCase() + str.substring(1);\n}\nfunction exclaim(str) {\n  return str + '!';\n}\nlet result = exclaim(capitalize(doubleSay('hello')));\nresult; //=> \"Hello, hello!\"\n// 等同于\nlet result = 'hello' |> doubleSay |> capitalize |> exclaim;\n\nresult; //=> \"Hello, hello!\"
\n

Partial Application(偏函数)

\n
const addOne = add.bind(null, 1);\naddOne(2); // 3\n\n// 等同于\nconst addOne = add(1, ?);\naddOne(2); // 3
\n

这个和管道配合比较方便

\n
let newScore = player.score\n  |> add(7, ?)\n  |> clamp(0, 100, ?);
"}},{"node":{"frontmatter":{"title":"使用 pgBackRest 备份到 AWS S3","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"frontend","url":"https://pgstef.github.io/2019/07/19/pgbackrest_s3_configuration.html","author":"Stefan Fercot 摘译 Ka","translator":"","tags":["postgres"],"priority":1},"html":"

pgBackRest 是 postgres 备份工具。

\n

示例使用MinIO模拟 AWS S3 服务。

\n

pgBackRest 配置：

\n
[global]\nrepo1-path=/repo\nrepo1-type=s3\nrepo1-s3-endpoint=minio.local\nrepo1-s3-bucket=pgbackrest\nrepo1-s3-verify-tls=n\nrepo1-s3-key=accessKey\nrepo1-s3-key-secret=superSECRETkey\nrepo1-s3-region=eu-west-3\n\nrepo1-retention-full=1\nprocess-max=2\nlog-level-console=info\nlog-level-file=debug\nstart-fast=y\ndelta=y\n\n[my_stanza]\npg1-path=/var/lib/pgsql/11/data
\n

备份\nsudo -iu postgres pgbackrest --stanza=my_stanza --type=full backup

"}},{"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":"微软公布WebView2-基于CHROME的windows控件","publish":true,"cover":"","showCover":true,"date":"2019-07-24","category":"frontend","url":"https://www.infoq.com/news/2019/07/microsoft-chromium-webview2","author":"Dylan Schiemann 摘译 Ka","translator":"","tags":["vue"],"priority":1},"html":"

WebView2 基于 chrome，主要目的是用于在 Windows 系统原生程序中运行 web 内容。\n这就官方提供了一个 hybrid（混合）程序的解决方案，类似于 ios 里的 webview。

\n

目前预览版只支持 Win32 的 window10 版本。稍后会提供对 Windows 7+，Windows Server 2012 R2+, UWP, WFP, 和 WinForms 的支持。

"}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":3},"html":""}},{"node":{"frontmatter":{"title":"数据库工具SQL Fiddle, DB Fiddle","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"database","url":"https://blog.kazge.com/database/2018/07/02/zh-tool-DB-fiddle/","author":"Ka","translator":"","tags":["fiddle"],"priority":1},"html":"

SQL Fiddle, DB Fiddle 与 jsFiddle CodePen 类似，可以在浏览器上创建关系数据库 MySql,Oracle,Postgres,MSSQL,SQLite 的代码并运行，无需注册可直接分享。

\n

SQL Fiddle 支持 MySql,Oracle,Postgres,MSSQL

\n

DB Fidle 支持 MySql,Postgres,SQLite

\n

目前都没有内嵌网页内部分享的特性。

"}},{"node":{"frontmatter":{"title":"是时候使用BRIN索引了","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"database","url":"https://www.percona.com/blog/2019/07/16/brin-index-for-postgresql-dont-forget-the-benefits/","author":"Jobin Augustine","translator":"","tags":["postgres"],"priority":1},"html":"

BRIN 索引（块范围索引，Block Range Indexes）是 PostgreSQL 9.5 版本新增的索引类型。该索引维护每一定范围内数据块的最大最小值和其他一些统计数据，当数据库查询时可根据索引的统计信息筛选出不符合查询条件的数据块，以避免全表扫描，提高性能和减少 IO。和 BTree 索引比较所占用的空间足够小，因此 BRIN 索引一般用于线性相关较强字段的精确和范围查询，如在一张很大的日志表中通过 id 或时间查询。

\n
postgres=# create index testtab_date_brin_idx  on testtab using brin (date);\nCREATE INDEX
\n

适用于键为按顺序增长的数据。

"}},{"node":{"frontmatter":{"title":"最全 HTTP 安全响应头设置指南","publish":true,"cover":"","showCover":true,"date":"2019-07-23","category":"nodejs","url":"https://www.infoq.cn/article/SHlQeOJDEfSx*P5Cjg1s","author":"Charlie Belmer 译者 刘雅梦","translator":"","tags":["http"],"priority":1},"html":"\n

Set-Cookie: <cookie-name>=<cookie-value>; Domain=<domain-value>; Secure; HttpOnly

\n"}},{"node":{"frontmatter":{"title":"游戏源码大集合","publish":true,"cover":"","showCover":true,"date":"2019-07-23","category":"game","url":"https://archive.org/details/gamesourcecode","author":"编辑 Ka","translator":"","tags":["game"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"直接在 DNA 上执行 SQL 操作，已通过 PostgreSQL 验证","publish":true,"cover":"https://oscimg.oschina.net/oscnet/12fda92c7a020fa816e6045ba3c7fc69eeb.jpg","showCover":true,"date":"2019-07-27","category":"database","url":"https://www.oschina.net/news/108488/oligoarchive-using-dna-in-the-dbms-storage-hierarchy","author":"h4cd@OSCHINA","translator":"","tags":["DNA"],"priority":1},"html":"

法国通信系统工程师学校与研究中心（Eurecom）数据科学系助理教授 Appuswamy 和伦敦帝国理工学院 SCALE 实验室负责人 Heinis 等人近期发表了一篇关于在 DBMS 存储层操作 DNA 的论文《OligoArchive: Using DNA in the DBMS storage hierarchy》。

\n

研究人员通过为 PostgreSQL 构建归档和恢复工具（pgoligodump 与 pgoligorestore）证明 OligoArchive 可以在实践中实现，这些工具执行模式识别编码和解码 DNA 上的关系数据，并使用这些工具将 12KB TPC-H 数据库归档到 DNA，进行体外计算，并将其恢复。

\n

论文中的实验表明，使用合成 DNA 存档和恢复数据不仅可行，而且还可以利用数据库知识经验优化 DNA 编码和解码过程，甚至直接在 DNA 上执行 SQL 操作。

\n
\n

小编指出，未来最快的 cpu 还是基于人造脑的生物工程脑。

\n
"}},{"node":{"frontmatter":{"title":"笑出眼泪-疯狂的非洲作文","publish":true,"cover":"","showCover":true,"date":"2019-07-23","category":"funny","url":"https://music.163.com/#/video?id=CAE35076C4F305CC9C08CB49A124643F","author":"轻松一刻","translator":"","tags":["write"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"笑出眼泪-疯狂的非洲数学老师","publish":true,"cover":"","showCover":true,"date":"2019-07-23","category":"funny","url":"https://music.163.com/#/video?id=DF20E3C7D20C4442AB06AA53C6E1851B","author":"轻松一刻","translator":"","tags":["math"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"简单可用的异步加载 css 的方法","publish":true,"cover":"","showCover":true,"date":"2019-07-23","category":"frontend","url":"https://www.filamentgroup.com/lab/load-css-simpler/","author":"SCOTT JEHL 编辑 Ka","translator":"","tags":["css"],"priority":1},"html":"
<link\n  rel=\"stylesheet\"\n  href=\"/path/to/my.css\"\n  media=\"print\"\n  onload=\"this.media='all'\"\n/>
\n\n

现比于rel=preload

\n\n

如果想异步加载又想使用较高的优先级，则可混合使用：

\n
<link rel=\"preload\" href=\"/path/to/my.css\" as=\"style\" />\n<link\n  rel=\"stylesheet\"\n  href=\"/path/to/my.css\"\n  media=\"print\"\n  onload=\"this.media='all'\"\n/>
\n
\n

以前一直以为 css 是异步加载，javascript 是同步加载。实际上，css 也是同步加载，只不过下载完后对它的处理不会阻塞文档渲染。详情参见浅析前端页面渲染机制

\n
"}},{"node":{"frontmatter":{"title":"简单好用的任意元素拖动，变形，旋转工具","publish":true,"cover":"https://raw.githubusercontent.com/daybrush/moveable/master/demo/images/scalable.gif","showCover":true,"date":"2019-07-27","category":"frontend","url":"https://github.com/daybrush/moveable","author":"Younkue Choi","translator":"","tags":["react"],"priority":1},"html":"

支持原生 javascript，故支持可与任何框架整合。

\n

提供 react 组件。

\n
import Moveable from 'moveable';\n\nconst rotatable = new Moveable(document.body, {\n  target: document.querySelector('.origin'),\n  rotatable: true,\n  origin: true\n});
"}},{"node":{"frontmatter":{"title":"美国网站，app 残疾人辅助功能相关诉讼增加一倍","publish":true,"cover":"","showCover":true,"date":"2019-07-25","category":"web","url":"https://blog.kazge.com/web/2019/07/24/zh-US-increase-one-time-for-ADA-lawsuit/","author":"Ashima Dayal, Vivien Byrwa 和 Maxine Sharavsky 摘译 Ka","translator":"","tags":["accessibility"],"priority":1},"html":"

2018 年针对网站和 APP 的与美国残疾人法（Americans with Disabilities Act (ADA)）相关的诉讼增长了近一倍。

\n

WCAG 2.0 AA 要求网站提供:

\n"}}]}}