![](\"https://raw.githubusercontent.com/franciscop/ola/master/docs/dots.gif\")
\n示例2019 年 3 月 debian 发表声明宣布系统的分支 Wheezy,Jessie 将归档，这导致其资源链接由原来的 deb.debian.org 转到 archive.debian.org, 最终结果是，许多依赖 debian:wheezy 或 debian:jessie 的 docker 镜像不能构建。
"}},{"node":{"frontmatter":{"title":"Electron 5.0.0 发布","publish":true,"cover":"https://oscimg.oschina.net/oscnet/310726a6663f4df79a5194e36b2523f772f.jpg","showCover":null,"date":"2019-04-23","category":"nodejs","url":"https://static.oschina.net/news/106219/electron-5-0-0-released","author":"h4cd","translator":"","tags":["electron","desktop"],"priority":2},"html":"Electron 5 此版本这三者分别升级到了：Chromium 73.0.3683.119、Node.js 12.0.0 与 V8 7.3.492.27。
\nElectron 5 继续践行 Promise 化，将 Electron 中基于回调的 API 转换为 Promise。
\nsystemPreferences 添加或改进了一些功能，用于获取 macOS 系统颜色。
\n此外，根据版本支持计划，Electron 2.0.X 已经 EOF，官方不再对其提供支持。同时，6.0.0 版本的发布计划也已经出炉。
\n"}},{"node":{"frontmatter":{"title":"Facebook在f8开发者大会2019上宣布将使用React+GraphQL+Relay完全重写facebook.com","publish":true,"cover":"https://static001.infoq.cn/resource/image/f3/6e/f33109759230b59d778a027e16f1bd6e.jpg","showCover":null,"date":"2019-04-23","category":"frontend","url":"https://www.infoq.cn/article/HGS5Akggpo588A*DOTfL","author":"徐川","translator":"","tags":["react","facebook"],"priority":2},"html":"此次 f8 开发者大会 2019 上，facebook 宣布重新设计 facebook.com 的代号为\"FB5\"。
"}},{"node":{"frontmatter":{"title":"Google 发布新的 Java 日志框架 Flogger，总体可读性增加","publish":true,"cover":"","showCover":null,"date":"2019-05-07","category":"java","url":"https://www.infoq.cn/article/vUxR-PNeB67wyaQcsLJk","author":"Dustin Schultz，盖磊","translator":"","tags":["google","logging"],"priority":1},"html":"据 Google 宣称，Flogger 可“比现有的日志 API 提供更多的优点”。其中包括：降低了禁用日志语句的代价、增加了总体的可读性，以及对可扩展性的支持。
\nFlogger 宣称其主要优点之一是“对于已禁用日志层级的完全无代价实现”，而其他所有日志记录框架依然可能会对已禁用的日志语句生成字节码。Flogger 在设计上考虑了完全避免产生额外的代价。
\n示例:
\nlogger.atError()\n .withCause(exception)\n .log("The arg, ‘%s’ caused an error", arg);疑问：如果这样写
\nlogger.at(DEBUG)\n .log("The request is ‘%s’ caused an error", JSON.toString(request));也还是无解的吧？
"}},{"node":{"frontmatter":{"title":"Hazelcast回喷redis基准测试2018结果","publish":true,"cover":"","showCover":false,"date":"2019-05-01","category":"database","url":"https://www.jdon.com/52173","author":"hazelcase,banq","translator":"","tags":["redis","hazelcast"],"priority":1},"html":"Hazelcast 演示展示了接近线性的缩放，而 Redis 只有 32 个线程达到极限。根据我们与全球最大客户的经验，Redis 的线程限制极其成问题，要么无法满足概念验证要求，要么无法适应负载增长。
"}},{"node":{"frontmatter":{"title":"MongoDB宣布3900万美元收购开源数据库公司Realm","publish":true,"cover":"","showCover":false,"date":"2019-04-18","category":"database","url":"https://github.com/nodkz/mongodb-memory-server","author":"cnBeta.COM","translator":"","tags":["mongodb","mongo"],"priority":1},"html":"Realm 是一家面向移动应用的开源数据库公司，在被收购之前已经成功筹集了 4000 万美元。通过收购 Realm，Mongo 不仅获得了强悍的移动解决方案，填补了 MongoDB Mobile 的不足，而且还获得了 Realm 的技术、用户群和工程人才。
"}},{"node":{"frontmatter":{"title":"Node.js 最佳实践 - 新增避免将私密信息发布到npm","publish":true,"cover":"https://raw.githubusercontent.com/i0natan/nodebestpractices/master/assets/images/banner-2.jpg","showCover":null,"date":"2019-05-02","category":"nodejs","url":"https://github.com/i0natan/nodebestpractices/blob/master/README.chinese.md","author":"Yoni Goldberg","translator":"","tags":["security","npm"],"priority":1},"html":"Node.js 最佳实践最近添加了避免将私密信息发布到npm的条目.
\n应使用.npmignore,.gitignore的黑名单和package.json中的files白名单配合使用将私密信息排除到提交中.
更多私密信息处理办法见6.3 把机密信息从配置文件中抽离出来，或者使用包对其加密
\n\n"}},{"node":{"frontmatter":{"title":"Node12.1.0,Node11.15.0发布,Node12新特性","publish":true,"cover":"","showCover":null,"date":"2019-04-23","category":"nodejs","url":"https://nodejs.org/en/blog/release/v12.1.0/","author":"Michaël Zasso , Shelley Vohr, hzrWeber","translator":"","tags":["electron","desktop"],"priority":1},"html":"不要在配置文件或源代码中存储纯文本机密信息。相反, 使用诸如Vault产品、Kubernetes/Docker Secrets或使用环境变量之类的安全管理系统。最后一个结果是, 存储在源代码管理中的机密信息必须进行加密和管理 (滚动密钥(rolling keys)、过期时间、审核等)。使用pre-commit/push钩子防止意外提交机密信息。
\n
Node12.1.0发布, Node11.15.0发布
\nNode12有哪些值得关注的新特性\nV8 更新带来好多不错的特性。\nHTTP 解析速度提升。\n启动速度大幅提升。\n更好的诊断报告和堆分析工具。\nECMAScript 模块更新。\n提供了生成堆转储的功能，从而可以更轻松地调查内存问题。\n工作线程不再需要标志。\nhttp已将其默认解析器更新为llhttp。\nassert 验证所需的参数并调整松散的断言。\nbuffer 改进使其更稳定和安全。\nasync_hooks 删除已弃用的功能。
"}},{"node":{"frontmatter":{"title":"Python3.7新特性dataclass,async,await等","publish":true,"cover":"","showCover":null,"date":"2019-04-29","category":"python","url":"https://blog.heroku.com/python37-dataclasses-async-await","author":"CASEY FAIST","translator":"","tags":["python3.7"],"priority":1},"html":"修饰符@dataclass为类自动构建构造函数，其参数为此类声明的属性按顺序赋值。
from typing import List\nfrom dataclasses import dataclass, field\n\n@dataclass\nclass Foo:\n name: str\n id: str\n bars: List[str] = field(default_factory=list)\n\n\n# usage\n\na_foo = Foo(\"My foo’s name\", \"Foo-ID-1\", [\"1\",\"2\"])async/await成为了保留关键字。同时简化了Asyncio的使用。
\n3.7之前：
\nimport asyncio\nloop = asyncio.get_event_loop()\nloop.run_until_complete(some_async_task())\nloop.close()3.7之后：
\nimport asyncio\nasyncio.run(some_async_task())do_something()\nbreakpoint() #进入调试\ndo_something_else()import contextvars\nimport asyncio\n\nval = contextvars.ContextVar(\"val\", default=\"0\")\n\nasync def setval():\n val.set(\"1\") #独立的val，设置的值不会影响其他上下文\n\nasync def printval():\n print(val.get()) #独立的val，取得是默认值\n\nasyncio.run(setval()) # 1\nasyncio.run(printval()) # 03.7后默认的字典就是保持顺序的，OrderedDict依然未变。
"}},{"node":{"frontmatter":{"title":"VS Code Remote 发布！开启远程开发新时代","publish":true,"cover":"https://static.oschina.net/uploads/space/2019/0504/073253_GAQx_2720166.gif","showCover":true,"date":"2019-05-04","category":"misc","url":"https://zhuanlan.zhihu.com/p/64505333","author":"VS Code Team, 韩骏","translator":"","tags":["vscode"],"priority":2},"html":"北京时间 2019 年 5 月 3 日，在 PyCon 2019 大会上，微软发布了 VS Code Remote，开启了远程开发的新时代！
\n这次发布包含了三款核心的全新插件，它们可以帮助开发者在容器、物理机器或虚拟机，以及 Windows Subsystem for Linux (WSL) 中实现无缝的远程开发。通过安装 Remote Development Extension Pack ，你可以快速上手远程开发。
\nP.S: 该功能目前仅支持在 Insider 版本中使用，当然最终也会在 Stable 版本中提供。
"}},{"node":{"frontmatter":{"title":"mongo charts预览版支持嵌入到网页","publish":true,"cover":"https://webassets.mongodb.com/_com_assets/cms/EmbeddingGIF2-8x2i8k3osz.gif","showCover":true,"date":"2019-04-18","category":"database","url":"https://www.mongodb.com/blog/post/mongodb-charts-gets-embeddable","author":"Jane Fine","translator":"","tags":["mongodb","mongo"],"priority":1},"html":"生成 iframe 代码嵌入 html 中。目前支持两种方式：
\n安装sudo npm install -g dockly,运行dockly。会自动检测本地 docker 服务。
快速开发，适合创业公司。\nReact Native != Web。\n推荐的第三方库\nreact-native-firebase 用于通知\ntipsi-stripe 用于支付\ndate-fns 用于日期\nreact-native-svg 用于 svg\n同时在 ios 和安卓上测试，要真机测试。\n作者对 React Native 持非常正面的观点，以后会继续使用。
"}},{"node":{"frontmatter":{"title":"十行代码实现React Hooks","publish":true,"cover":"","showCover":null,"date":"2019-04-23","category":"frontend","url":"https://blog.kazge.com/front-end/2019/03/13/zh-ten-lines-implementation-of-react-hooks/","author":"Ka","translator":"","tags":["react"],"priority":1},"html":"代码解千言 。 “魔法”就是数组。
"}},{"node":{"frontmatter":{"title":"nodejs代码运行内存mongo","publish":true,"cover":"","showCover":false,"date":"2019-04-18","category":"database","url":"https://github.com/nodkz/mongodb-memory-server","author":"Pavel Chertorogov","translator":"","tags":["mongodb","mongo"],"priority":1},"html":"默认会下载对应平台的最新 mongodb，并将数据存储到内存中，大约占据 7M 内存空间。默认不需要配置，也可以通过代码，环境变量，package.json 来配置。支持replica set。
我使用 TypeScript；\n我只用 function,不用 class；\n我使用 Redux + Immer；\n我基本不构建 SPA，而是普通的 server/client app，后端用 Laravel；
\nReact 和 typescript 结合很好；\nReact 提倡用 function；\nReact 使用小 api 例如 都是 props，而不是 v-for,v-if；\nReact 从根本上解决问题。
结论：我为什么喜欢 React：
\n目前是beta版。
\n据官方介绍，GitHub Package Registry 完全集成在 GitHub 中，因此和 repo 一样，用户可以使用相同的搜索、浏览和管理工具来查找和发布软件包。此外，还可以使用相同的用户和团队权限来同时管理代码以及软件包。
\nGitHub Package Registry 还支持许多大家都比较熟悉的包管理工具，如：
\nnpm (JavaScript)\nMaven (Java)\nRubyGems (Ruby)\nNuGet (.NET)\nDocker images （用于虚拟化 Docker 操作系统的软件）
\nGitHub Package Registry 通过 GitHub 的全球 CDN 提供了快速和可靠的下载服务。
\n至于收费方面，GitHub 表示将永远面向开源免费，不过具体的定价细节还没公布。
"}},{"node":{"frontmatter":{"title":"535种方法刷新页面","publish":true,"cover":"","showCover":null,"date":"2019-05-11","category":"frontend","url":"https://www.phpied.com/files/location-location/location-location.html","author":"Stoyan Stefanov","translator":"","tags":["javascript"],"priority":1},"html":"好吧实际上原理重复的很多，作者也是闲的可以 🤷♂️
\nlocation = location;\nlocation = location.href;\nlocation = window.location;\nlocation = self.location;\nlocation = window.location.href;将配置存储到 collection 里，使用 mongo 原子命令(atomic commands)保证任务安全性，支持集群，使用简单。
\nimport { MongoCron } from 'mongodb-cron';\n\nconst collection = db.collection('jobs');\nconst cron = new MongoCron({\n collection, // 任意集合以存储计划任务\n onDocument: async doc => console.log(doc), // 当任务执行时触发\n onError: async err => //当错误发生时触发triggered on error\n});\n\ncron.start(); // 开始执行const job = await collection.insert({\n ...\n interval: '* * * * * *', //定义一个每秒执行的任务\n});继v86虚拟化 Windows 98 之后，又有人使用Electron和 v86 虚拟化了 Windows 95。可在 Linux, Mac, Windows 上运行。
\n好了，赶快去安装一个沙丘魔堡 😄！
"}},{"node":{"frontmatter":{"title":"css 2D,3D变换可视化编辑器","publish":true,"cover":"https://raw.githubusercontent.com/alterebro/css-transform/master/media/css-transform.gif","showCover":true,"date":"2019-05-07","category":"frontend","url":"https://css-transform.moro.es/","author":"Jorge Moreno ","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"PyTorch 杠上 TensorFlow：谁才是增长最快的深度学习框架？","publish":true,"cover":"https://static001.infoq.cn/resource/image/e5/c3/e56e6d53d82b65410ccc230103be56c3.jpg","showCover":true,"date":"2019-05-11","category":"python","url":"https://www.infoq.cn/article/Hrzk0oOst_C1WOfV7jlh?utm_source=rss&utm_medium=article","author":"Jeff Hale 杨旭东(翻译)","translator":"","tags":["ai"],"priority":2},"html":"目前来看，TensorFlow 和 PyTorch 都在快速增长， 两者现在都有很好的高级 API —— tf.keras 和 FastAI——它们降低了深度学习入门的门槛。
"}},{"node":{"frontmatter":{"title":"lowjs-用于嵌入式设备的nodejs环境","publish":true,"cover":"","showCover":null,"date":"2019-05-11","category":"nodejs","url":"https://blog.kazge.com/nodejs/2019/05/11/zh-lowjs-simple-introduction/","author":"Ka","translator":"","tags":["embeded"],"priority":1},"html":"lowjs是用于嵌入式设备，单片机的 Node.js 环境，适用于便宜，低耗能的使用场景。
\n目前 70%的 Nodejs 接口已经实现，另外 30%仍在实现中。
\n对其他npm第三方模块的支持需要自己验证。
"}},{"node":{"frontmatter":{"title":"sqljs更新到Sqlite 3.28.0","publish":true,"cover":"","showCover":false,"date":"2019-05-07","category":"database","url":"https://github.com/kripken/sql.js","author":"Alon Zakai","translator":"","tags":["serverless"],"priority":1},"html":"SQL.js 是一个 SQLite 的 JavaScript Webassembly 移植版本，使用 Emscripten 对 SQLite 的 C 代码进行编译。
\n数据库保存于内存中，支持以文件或者 buffer 导入 sqlite 并导出到 javascrpt 数组。
\n在线Demo
"}},{"node":{"frontmatter":{"title":"为你的python 程序选择最好的docker image","publish":true,"cover":"","showCover":true,"date":"2019-05-12","category":"python","url":"https://pythonspeed.com/articles/base-image-python-docker-images/","author":"Itamar Turner-Trauring","translator":"","tags":["docker"],"priority":1},"html":"不建议使用 Alpine，因为很多依赖缺失，且使用的 c 是 musl 而不是普遍流行的 glibc。\nAlpine 其默认线程栈很小，容易导致 python 崩溃。musl 也可能导致 python 运行慢很多。
\nDebian 用户建议使用 python:3.7-slim-stretch 或者 python:3.7-stretch。\n如果想要最新的包，建议使用 ubuntu 系列如 ubuntu:18.04。
"}},{"node":{"frontmatter":{"title":"做好语音翻译无捷径：语音识别是前提，实时翻译亟待攻破","publish":true,"cover":"","showCover":null,"date":"2019-05-10","category":"python","url":"https://www.infoq.cn/article/53W9bg9A0pPh6foD-zVG?utm_source=rss&utm_medium=article","author":"陈利鑫","translator":"","tags":["ai"],"priority":1},"html":"市面上的语音翻译产品并不总能让用户满意。以讯飞翻译机为例，虽然据科大讯飞称这个产品的用户满意度为 99%，但在同声传译等场景下，目前只能做到帮助用户更方便地理解内容，但有时识别效果和翻译效果还会出现一些问题。
\n另外，在语音翻译领域还有一种现象：一些公司宣称在重大比赛项目中获得很好的成绩，准确率再创新高，等等，但当在实际场景中一应用，往往会发现效果并不是很理想，甚至会出现低级错误，比如在英翻中任务中，翻译准确率会大打折扣。
\n王士进认为，语音翻译技术未来的发展趋势，一方面是在复杂环境下的语音识别，语音翻译如果想进一步扩大应用场景，这点首先要解决好；另外，如何解决低资源语音翻译技术难题也是一个重点，很多语种有很大的价值和前景，但是目前的资源是比较少的；最后，是端到端的语音翻译技术，实现直接从原始语音到目标译文的翻译，相信这将会是未来语音翻译的发展方向。
"}},{"node":{"frontmatter":{"title":"使用Comlink简化WebWorker调用","publish":true,"cover":"https://user-images.githubusercontent.com/234957/54164510-cdab2d80-4454-11e9-92d0-7356aa6c5746.png","showCover":null,"date":"2019-05-11","category":"nodejs","url":"https://github.com/GoogleChromeLabs/comlink","author":"GoogleChromeLabs","translator":"","tags":["worker"],"priority":1},"html":"\n使用Comlink.expose(value, endpoint?)暴露模块。
使用Comlink.wrap(endpoint)获得其他线程暴露的模块的代理。
关于高精地图，马斯克近日来发表的那句引起了很大争议的言论绝对值得一提：“False and foolish = HD maps and LiDAR”。和很多人一样，邹亮也并不认同这一说法。
\n他认为，马斯克说这句话的出发点可能在于目前来说激光雷达的成本太高，甚至超过一辆汽车的价格，如果激光雷达的成本降低，马斯克也许就不会这么说了。
\n高精地图生产关键点\n大规模、低成本生产无人驾驶高精地图是业界难点，解决这个问题的关键点是什么？邹亮说道，大规模制图的关键点主要包括三点：
\n数据采集的管理，需要有数据采集路线和需要更新的数据，才能合理判断道路的采集方式和最省时省资源的路线，而这些都需要好的设计才能优化达到最高效率；\n大数据处理，高精地图所需要处理的数据量巨大，必须使用数据中心计算机集群来做处理，并且涉及到很多并行计算和处理，这些对数据处理能力都是极大的考验；\n高精地图的实时更新也相当重要，道路环境有可能在不断的变化，需要实现快速有效的更新发生变化的区域。
\n高精地图技术和实际应用之间的鸿沟还有很多，在自动驾驶真正上路之时仍然会遇到很多挑战。比如在地下车库场景中最突出的完全没有 GPS（+ 信号）的现象。由于低成本 IMU 惯导无法获取精确的初始位置，因此难以进行定位。
\n邹亮表示，高精地图是自动驾驶不可或缺的技术，Waymo、Cruise 等已经证明了其价值。但在技术上，高精地图厂商亟需解决制作覆盖全国的点云融合高精地图的问题，以及实现地图的及时更新。
"}},{"node":{"frontmatter":{"title":"Mongo公开官方brew tap","publish":true,"cover":"","showCover":false,"date":"2019-04-25","category":"database","url":"https://www.mongodb.com/blog/post/mongodbs-official-brew-tap-now-open-and-flowing","author":"Dj Walker-Morgan","translator":"","tags":["mongo","mac"],"priority":1},"html":"homebrew是 mac 上的开源包管理工具，为众多 mac 开发者喜爱。\nbrew tap 相当于是第三方的仓库。\n安装运行 mongo 的 brew style:\nbrew tap mongodb/brew 添加 mongo tap
\nbrew install mongodb-community 安装 mongo 免费社区版
\nbrew install mongodb-community-shell 安装 mongo 命令行工具
\nbrew services start mongodb-community 启动
\nbrew services stop mongodb-community 停止
\nbrew install mongodb-community@3.6 安装指定版本
\nbrew upgrade mongodb-community 更新
WSL 2 在 Windows 中集成了一个真正的 Linux 内核，以实现完全的系统调用兼容性，微软表示将通过 Windows Update 发布更新。WSL 2 将随 Linux 内核版本 4.19 一起提供。\nWSL 2 将在 6 月底前将提供给 Windows insider 预览体验会员的用户进行测试。
"}},{"node":{"frontmatter":{"title":"微软在Build开发者大会上公布了Windows Terminal","publish":true,"cover":"https://static.oschina.net/uploads/img/201905/07065629_CwEz.jpg","showCover":true,"date":"2019-05-08","category":"misc","url":"https://www.cnbeta.com/articles/tech/844547.htm","author":"cnBeta.COM","translator":"","tags":["windows","terminal"],"priority":1},"html":"预计这款应用在 6 月就可以与系统管理员和开发人员们见面。
\n支持多 Tab 支持、富文本、多语言支持、可配置、主题和样式，支持 emoji 和基于 GPU 运算的文本渲染等等。同时该终端依然符合我们的目标和要求，以确保它保持快速、高效，并且不会消耗大量内存和电源。
"}},{"node":{"frontmatter":{"title":"微软推出SQL serverless预览版","publish":true,"cover":"https://docs.microsoft.com/en-us/azure/sql-database/media/sql-database-serverless/serverless-billing.png","showCover":true,"date":"2019-05-07","category":"database","url":"https://docs.microsoft.com/en-us/azure/sql-database/sql-database-serverless","author":"Microsoft","translator":"","tags":["serverless"],"priority":1},"html":"如果状态为 pause,则下一次 login 会导致 resume,但是本次 login 会返回 error 显示连接不可用，等到 resume 成功，需要再次 login 才能创建连接。
"}},{"node":{"frontmatter":{"title":"微软在Build开发者大会上正式公布了React Native for Windows","publish":true,"cover":"https://github.com/microsoft/react-native-windows/raw/master/.github/hero2.png","showCover":true,"date":"2019-05-08","category":"frontend","url":"https://blog.kazge.com/frontend/2019/05/11/zh-windows.reactive-native/","author":"Ka","translator":"","tags":["windows","react native"],"priority":1},"html":"React Native for Windows 开发的是原声的 Windows 应用。
\n直接允许开发者使用 React / web 技能直接编写 Windows 平台 UWP 应用，且是 Windows 10 支持的所有设备（包括 PC、平板、二合一、Xbox、混合现实设备等）构建应用程序，从而提升用户体验 (UX)。当然，喜欢 C＃和 XAML 的开发人员可以继续使用 Xamarin 和 Xamarin.Forms 来实现类似的高性能需求。
\n该项目此前是使用 C# 实现的，然而 React Native 的持续发展方向涉及 C++ 与 JS 之间更密切的交互，这很难通过单独的 C# 实现来实现。
\n所以当前微软正在使用 C++ 重写 React Native for Windows，以获得更好的性能，同时更好地与暴露出来的 C++ React Native 核心保持一致。微软打算提供一个具有最小破坏性更改的兼容层，该层将支持使用 C# 编写的现有应用、view 管理器和原生模块。
\n参见微软即将完成将 office365 用 react-native 方式重写
\n此项目目前文档尚不太详细。
"}},{"node":{"frontmatter":{"title":"谈判失败：Oracle是如何杀死Java EE的？所有企业级Java的巨大损失！","publish":true,"cover":"","showCover":true,"date":"2019-05-05","category":"java","url":"https://www.jdon.com/52201","author":"banq","translator":"","tags":["javax"],"priority":2},"html":"双方达成协议：Eclipse和Oracle已经同意JakartaEE社区不能再开发javax 包名称空间。同样，Jakarta EE规范也不能使用现有规范名称等Java商标。
\n业内认为：这不只是JavaEE和JakartaEE之争，波及到Spring框架，仅仅Spring Framework就有2545个javax导入，这是所有企业级Java的巨大损失。
"}},{"node":{"frontmatter":{"title":"微软旗下Citus Data发布postgres自动故障转移插件pg_auto_failover","publish":true,"cover":"https://github.com/citusdata/pg_auto_failover/raw/master/docs/pg_auto_failover-arch.png?raw=true","showCover":true,"date":"2019-05-06","category":"database","url":"https://cloudblogs.microsoft.com/opensource/2019/05/06/introducing-pg_auto_failover-postgresql-open-source-extension-automated-failover-high-availability/","author":"Lukas Fittl","translator":"","tags":["postgres"],"priority":2},"html":"pgautofailover 包含以下部分:
\n支持 Postgres 10 及以后版本
"}},{"node":{"frontmatter":{"title":"运维upsplash的开销","publish":true,"cover":"","showCover":true,"date":"2019-05-12","category":"devops","url":"https://blog.kazge.com/devops/2019/05/12/zh-cost-of-unsplash/","author":"Luke Chesser","translator":"","tags":["cost"],"priority":1},"html":"Web 服务器: $2,731.23
\n监控: $630.00
\n数据处理: $1,000.00
\n图片服务: $11,170.00
\n其他: $2,127.39
\n总计 (美元/每月): $17,658.62
\nWeb 服务器: $29,763
\n监控: $7,679
\n数据处理: $15,223
\n图片服务: $42,408
\n其他: $3,580
\n总计 (美元/每月): $98,653
\n花费差不多是 2016 年的 5 倍。然而吞吐量却是 2016 年的 12 倍。
\n钱主要花在图片服务上。
"}}],"meta":{"title":"使用Comlink简化WebWorker调用|Linux上运行Javascript虚拟的win95|微软旗下Citus Data发布postgres自动故障转移插件pg_auto_failover|PyTorch 杠上 TensorFlow：谁才是增长最快的深度学习框架？|运维upsplash的开销|谈判失败：Oracle是如何杀死Java EE的？所有企业级Java的巨大损失！|微软在Build开发者大会上公布了Windows Terminal","publish":true}},{"index":2,"total":365,"name":"2019-05-19","items":[{"node":{"frontmatter":{"title":"Electron将每12周发布一稳定版","publish":true,"cover":"https://user-images.githubusercontent.com/2138661/57543187-86340700-7308-11e9-9745-a9371bb29275.png","showCover":true,"date":"2019-05-13","category":"frontend","url":"https://electronjs.org/blog/12-week-cadence","author":"Sofia Nguy","translator":"","tags":["desktop"],"priority":1},"html":"Electron为适应 Chromium 每 6 周发布一版本的步伐，将开始每 12 周发布一稳定版，同时依然支持最近的三个大版本。
"}},{"node":{"frontmatter":{"title":"FireFox Send - 火狐免费个人文件分享网盘服务 (加密传输 ,设置密码,限制时间)","publish":true,"cover":"https://img.iplaysoft.com/wp-content/uploads/2019/firefox-send/firefox_send_web_2x.png","showCover":true,"date":"2019-05-18","category":"misc","url":"https://www.iplaysoft.com/firefox-send.html","author":"X-Force","translator":"","tags":["css"],"priority":1},"html":"FireFox Send 作为一款“临时性的文件传输共享服务”，与传统网盘不同，你上传的文件可设置访问密码、过期时间、最大下载次数。一旦时间或次数超限后，分享链接将自动失效，文件也会彻底销毁删除，无法再被恢复。
\n实际测试，在国内访问和上传下载的速度都比较快，体验不错，有很高的实用性。
\n匿名用户可以上传最大 1GB、最长 1 天的临时文件、被下载 1 次后自动删除文件；而注册用户 (同样完全免费) 则最大可以上传 2.5 GB 文件、最长可以保留 7 天的时间、最多允许 100 次下载次数。
\n得益于 FireFox Send 完全开源 (基于 Node.js 开发)，甚至还有开发者推出了命令行版本的工具，可以通过命令一键上传并分享文件，对于运维或开发人员，可以非常方便地通过服务器传输文件或者编写脚本整合到自己的工作流中去。
"}},{"node":{"frontmatter":{"title":"cssfx-复制即可用的纯css效果集合","publish":true,"cover":"https://github.com/jolaleye/cssfx/blob/master/banner.png","showCover":true,"date":"2019-05-13","category":"frontend","url":"https://cssfx.dev/","author":"Jonathan Olaleye","translator":"","tags":["css"],"priority":1},"html":"精简常用的特效，例如加载动画等，不需要图片就可以实现。
"}},{"node":{"frontmatter":{"title":"googlefont 开始支持 font-display 特性","publish":true,"cover":"","showCover":true,"date":"2019-05-13","category":"frontend","url":"https://www.zachleat.com/web/google-fonts-display/","author":"Zach Leatherman ","translator":"","tags":["googlefont"],"priority":1},"html":"googlefont 通过生成样式表使用 font-display 来控制字体加载方式。
\n@font-face {\n font-family: 'my-font';\n /* 当我们将font-display的值设置为swap的时候，\n 最开始会先使用系统字体来显示文字，当自定义字体下\n 载完毕后，自定义字体就会取代系统字体。*/\n font-display: swap;\n src: url(my-font.woff2) format('woff2');\n}<link\n href=\"https://fonts.googleapis.com/css?family=Lobster&display=swap\"\n rel=\"stylesheet\"\n/>\n示例
// 创建1000个数字实例\nconst dots = Ola(Array(1000).fill(0));\n\n// 每600毫秒更新所有\nsetInterval(\n () =>\n dots.forEach((dot, i) => {\n dots[i] = Math.random();\n }),\n 600\n);Python3.8 beta 1.将会引入fstring新语法以方便调试:\nf"name={name}"可简写为f"{name=}"
./python.exe\nPython 3.8.0a4+ (heads/master:88db8bd064, May 9 2019, 15:54:59)\n[Clang 7.0.2 (clang-700.1.81)] on darwin\nType "help", "copyright", "credits" or "license" for more information.\n>>> name = "karthikeyan"\n>>> f"name={name}"\n'name=karthikeyan'\n>>> f"{name=}"\n"name='karthikeyan'"postgraphile是基于 Postgres 的支持实时订阅和实时查询的 GraphoQL Nodejs 工具。
\n其订阅特性开始于刚刚发布的 4.4.0 版本。基于 Postgres 的LISTEN/NOTIFY特性。
\n\n\n\n\n自带 GraphQL 开发 UI。
"}},{"node":{"frontmatter":{"title":"react-smooth-range-input 简洁美观的React范围选择组件","publish":true,"cover":"https://raw.githubusercontent.com/bluebill1049/react-smooth-range-input/master/example/example.gif","showCover":true,"date":"2019-05-16","category":"frontend","url":"https://github.com/bluebill1049/react-smooth-range-input","author":"Blue Bill","translator":"","tags":["react"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"将二进制文件分割成 BASE64 文本然后传到 google 不需要占用空间","publish":true,"cover":"","showCover":true,"date":"2019-05-16","category":"python","url":"https://github.com/stewartmcgown/uds","author":"Stewart McGown","translator":"","tags":["react"],"priority":2},"html":"google doc 文档文本内容不占空间？\n那么就这样利用？
\n> python uds.py push Ubuntu.Desktop.16.04.iso\nUbuntu.Desktop.16.04.iso 需要 543 个文档来保存.\n创建父目录成功 ID 1fc6JGpX6vUWiwflL1jBxM1YpuMHFAms8\n上传成功 Ubuntu.Desktop.16.04.iso: [██████████████████████████████] 100%丹麦一家出租车公司 Taxa 因违反 GDPR（一般数据保护条例 General Data Protection Regulation） 数据保留期而被丹麦数据保护局 datatilsynet (DPA) 处以一般数据保护条例处罚。
\n尽管此数据公司已对用户数据做了匿名处理，然而DPA认为依然可以由电话号码关联到具体用户。
"}},{"node":{"frontmatter":{"title":"你在python3里应该使用的新特性","publish":true,"cover":"","showCover":true,"date":"2019-05-06","category":"python","url":"https://datawhatnow.com/things-you-are-probably-not-using-in-python-3-but-should/","author":"Vinko Kodžoman","translator":"","tags":["python3"],"priority":1},"html":"import time\nfrom functools import lru_cache\n@lru_cache(maxsize=512)\ndef fib_memoization(number: int) -> int:\n if number == 0: return 0\n if number == 1: return 1\n \n return fib_memoization(number-1) + fib_memoization(number-2)\nstart = time.time()\nfib_memoization(40)\nprint(f'Duration: {time.time() - start}s')\n# Duration: 6.866455078125e-05sfrom pathlib import Path\nroot = Path('post_sub_folder')\nprint(root)\n# post_sub_folder\npath = root / 'happy_user'\n# 获得绝对路径\nprint(path.resolve())\n# /home/somefolder/post_sub_folder/happy_userdef sentence_has_animal(sentence: str) -> bool:\n return \"animal\" in sentence\nsentence_has_animal(\"Donald had a farm without animals\")\n# Truefrom enum import Enum, auto\nclass Monster(Enum):\n ZOMBIE = auto()\n WARRIOR = auto()\n BEAR = auto()\n \nprint(Monster.ZOMBIE)\n# Monster.ZOMBIEhead, *body, tail = range(5)\nprint(head, body, tail)\n# 0 [1, 2, 3] 4\npy, filename, *cmds = \"python3.7 script.py -n 5 -l 15\".split()\nprint(py)\nprint(filename)\nprint(cmds)\n# python3.7\n# script.py\n# ['-n', '5', '-l', '15']\nfirst, _, third, *_ = range(10)\nprint(first, third)\n# 0 2安装npm install --global create-dmg
\n创建create-dmg 'Lungo.app' Build/Releases\n开发者证书不是必须的。
工具组合式的使用方式
\n<div class=\"max-w-sm mx-auto flex p-6 bg-white rounded-lg shadow-xl\">\n <div class=\"flex-shrink-0\">\n <img class=\"h-12 w-12\" src=\"/img/logo.svg\" alt=\"ChitChat Logo\" />\n </div>\n <div class=\"ml-6 pt-1\">\n <h4 class=\"text-xl text-gray-900 leading-tight\">ChitChat</h4>\n <p class=\"text-base text-gray-600 leading-normal\">\n You have a new message!\n </p>\n </div>\n</div>人脸识别的主要应用方式:
\n在验证场景下，人脸识别算法主要用于回答“这是否为某人”。
\n通常直接比较两幅人脸图像提取出来的两个特征的相似度，所以我们常称之为 1：1。
在辨认场景下，人脸识别算法主要回答“这是谁”。
\n通常需要将给定的一副人脸图像与计算机中存储的 N 个人的图像比较，所以我们常称之为 1：N。
\n比对目标库通常是常住人口库、逃犯库等覆盖面非常广泛，容量非常庞大的人脸数据库，库容量 N 通常能够达到上千万、甚至上亿级别。
监控场景同时具有辨认和验证的特点，人脸识别算法需要回答“这是否为要找的人”。
\n库容量相对辨认场景要小，所以我们称之为 1：n。
\n库容量一般为几千人甚至万人级别。
对于深度学习来说，不一定总是数据越多，效果越好，但是在人脸识别领域，绝大多数情况是数据越多，效果越好。
\n残差结构可以很轻松的构建几百层，一千多层的网络而不用担心梯度消失过快的问题，原因就在于残差结构的捷径（shortcut）部分。\n![](\"https://static001.infoq.cn/resource/image/32/88/320f00df0a3e3ae81f54c1fee2fa6188.jpg\")
残差结构利用捷径这样一个跨层连接的机制，无损地传播梯度，解决了深层网络训练中的梯度消失的问题。从此，深度学习的网络可以轻松到达上百乃至上千层，而不用担心难以训练的问题。
\nBN 全名是 batch normalization 即批规范化，通过规范化操作将输出信号规范化保证网络的稳定性。
\n可以理解为 BN 层将输出从饱和区拉倒了非饱和区。它带来的优点主要有：
\n（1）可以放心的使用大学习率而不用小心的调参了，较大的学习率极大的提高了学习速度；
\n（2）BN 本身上也是一种正则化的方式，能够增加模型的泛化能力；
\n（3）BN 降低了数据之间的绝对差异，有一个去相关的性质，更多的考虑相对差异性，因此在分类任务上具有更好的效果。
\n评价一个人脸识别模型性能好坏最直接的就是它验证性能的好坏。
\n一个完整的人脸识别系统并不是只有人脸识别算法就能够正常的工作运行的，它还需要诸如人脸检测、关键点定位等诸多算法的配合。
"}},{"node":{"frontmatter":{"title":"火狐开发版支持行内断点，logpoint","publish":true,"cover":"https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/files/2019/05/inline-bps.gif","showCover":true,"date":"2019-05-16","category":"frontend","url":"https://hacks.mozilla.org/2019/05/faster-smarter-javascript-debugging-in-firefox/","author":"Harald Kirschner (digitarald)","translator":"","tags":["firefox"],"priority":1},"html":"logpoint不会导致 pause。
\n![](\"https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/files/2019/05/logpoints.gif\")
![](\"https://hacks.mozilla.org/files/2019/05/Worker-Threads-Panel.png\")
新的线程面板可更方便的调试 worker,可单独或并排显示多个 worker,可单独 pause worker。
"}},{"node":{"frontmatter":{"title":"纯css实现弹出菜单","publish":true,"cover":"","showCover":true,"date":"2019-05-13","category":"frontend","url":"https://www.simonewebdesign.it/pure-css-onclick-context-menu/","author":"Simone Vittori","translator":"","tags":["css"],"priority":1},"html":"<button>☰</button>\n\n<nav class=\"menu\">\n <ul>\n <li>\n <button onclick=\"alert('Hello there!')\">\n Display Greeting\n </button>\n </li>\n <li>\n <button onclick=\"print()\">\n Print This Page\n </button>\n </li>\n </ul>\n</nav>.menu {\n visibility: hidden;\n}\n/**\n当点击按钮触发focus时显示菜单，\n显示后菜单后点击菜单会触发菜单的active,\n这时也要显示，否则菜单按钮无法点击\n*/\nbutton + .menu:active,\nbutton:focus + .menu {\n visibility: visible;\n}在线demo
"}},{"node":{"frontmatter":{"title":"谷歌在微服务上的坑和教训","publish":true,"cover":"https://static001.infoq.cn/resource/image/b7/3a/b74d9aed2aa3b33febd53bb014f8a93a.png","showCover":true,"date":"2019-05-14","category":"misc","url":"https://www.infoq.cn/article/L*bT1UfuVoj1I6NRNM3U?utm_source=rss&utm_medium=article","author":"Ben Sigelman 译者 禚娴静","translator":"","tags":["microservice"],"priority":1},"html":"我认为构建微服务的唯一充分理由是组织结构，并且这也应该是大多数组织构建微服务的唯一原因。
\n我认为有一种趋势，将事情分解成越来越小的部分会变得非常有趣，以至于我们会忘记了其实两个进程间通过网络通信的成本非常高。我也确实看到很多人在这个方向上走的太远，再次强调一下，这还是痴迷于单一目的服务的理念，也是盲目蛮干的失败模式。 我宁愿看到围绕工程组织中的功能单元构建服务，并考虑一定的分区，而不是将事情细分为尽可能小的部分。
\n在为单个服务写代码的时候开发工作还是很顺利的，但在部署的时候问题就来了，交叉出现了一系列的跨服务横切关注点，尤其在生产环境中。那些显而易见的关注点包括安全性、监控、服务发现、身份验证等。这些都是跨功能的关注点。这时候会面临两个问题，第一个问题，每一个团队都必须承担运维压力，而每一个团队的规模相对较小，所以必须要付出额外的成本。第二，其中一些事情是全局的问题，特别像可观察性，需要从系统的全局进行设计，而这样的事情如果每个团队自己做决定，将会失去统一有效的机制。
\n我认为，当人们追求微服务的独立性时，他们应该考虑哪些维度实际上是独立的，哪些维度应该委托给某类平台团队
\n监控不应该对根本原因发出告警，它应该是细化过程的一部分；而应该对 SLI(即服务水平指标)发出告警，对于任何特定系统，SLI 的信息不会有那么多而导致无法处理。
\n了解一个微服务系统最基础层面发生的事情可以更好的维护和提供服务，诸如服务请求的起点、它的旅程直到请求的结束，这就是分布式跟踪的最基本想法。
"}},{"node":{"frontmatter":{"title":"页面下滚动动画辅助脚本-delighters","publish":true,"cover":"","showCover":true,"date":"2019-05-18","category":"frontend","url":"https://q42.github.io/delighters/","author":"Q42","translator":"","tags":["javascript","animation"],"priority":1},"html":"只用于页面向下滚动时触发的动画
\n使用方法：
\n<script type=\"text/javascript\" src=\"delighters.js\"><div class=\"foo\" data-delighter></div>/* 初始 */\n.foo.delighter {\n transition: all 0.3s ease-out;\n transform: translateX(-100%);\n opacity: 0;\n}\n/* 动画开始 当元素top处于viewpoint 75%处时触发 */\n.foo.delighter.started {\n transform: none;\n opacity: 1;\n}\n/* 动画结束 当元素bottom处于viewpoint 75%处时触发 */\n.foo.delighter.started.ended {\n border: solid red 10px;\n}delighters 的作用就是当页面滚动到元素时会应用你的动画样式。
"}}],"meta":{"title":"react-smooth-range-input 简洁美观的React范围选择组件|丹麦一出租车公司接到信息隐私违规罚款约18万美元|既要高精度也要高性能，人脸识别主流算法大合集|谷歌在微服务上的坑和教训","publish":true}},{"index":3,"total":365,"name":"2019-05-26","items":[{"node":{"frontmatter":{"title":" Apache 基金会与 GitHub 均受美国出口法律约束","publish":true,"cover":"https://static001.infoq.cn/resource/image/bd/4c/bd753557c201bc8ad4cd13bedec9214c.jpg","showCover":true,"date":"2019-05-21","category":"misc","url":"https://www.infoq.cn/article/KMl2EO*PSMxIkVREiYvC?utm_source=rss&utm_medium=article","author":"田晓旭","translator":"","tags":["github","apache"],"priority":2},"html":"除非经美国政府正式授权，否则 ASF(apache 软件基金会) 软件、技术或数据不得直接或间接出口 / 再出口到受美国禁运或贸易制裁的地方。美国政府保留出口禁止名单，包括但不限于财政部的特别指定国民名单和 商务部的实体和被拒绝人名单。
\n不止 ASF，GitHub 官网也发消息称，“GitHub.com、GitHub Enterprise Server 以及您上传到任一产品的信息可能受美国出口管制法律的约束，包括美国出口管理条例（EAR）。”
\n根据 GitHub 的服务条款，用户只能按照适用法律访问和使用 GitHub.com，包括美国出口管制和制裁法律。根据美国和其他适用法律，特别指定国民名单和其它被拒绝、被封锁的人士禁止访问、使用 GitHub.com，用户不得代表此类各方使用 GitHub.com，包括受制裁国家 / 地区的政府。
\n根据美国财政部海外资产控制办公室（OFAC）发布的授权，Github 可允许受美国制裁的管辖区内或通常居住在管辖区内的用户访问某些 Github.com 服务。在访问 GitHub 服务时，这些管辖区内的人员和居民不得使用 IP 代理、VPN 或其他方法来伪装其位置，并且只能使用 GitHub 进行非商业的个人通信。
\nGitHub Enterprise Server 不得出售、出口或再出口到清单中的国家，目前清单中已经包含古巴、伊朗、朝鲜、苏丹与叙利亚。
"}},{"node":{"frontmatter":{"title":"Express 4.17.0发布","publish":true,"cover":"","showCover":true,"date":"2019-05-26","category":"nodejs","url":"https://github.com/expressjs/express/releases/tag/4.17.0","author":"Express.js","translator":"","tags":["express"],"priority":1},"html":"新特性包括
\ngo的社区很活跃，有许多建议，但是go是google的项目，建议很难被采纳。
"}},{"node":{"frontmatter":{"title":"IT 职场中的心理健康","publish":true,"cover":"https://static001.infoq.cn/resource/image/2e/5e/2e4b2d268b989967b0db7782e5d2315e.jpg","showCover":true,"date":"2019-05-22","category":"misc","url":"https://www.infoq.cn/article/ughldecyA03hjA7qC_o6?utm_source=rss&utm_medium=article","author":"Nara Kasbergen 译者 姚佳灵","translator":"","tags":["psychology"],"priority":2},"html":"当女性患有抑郁症时，她们体验到的症状通常和抑郁有关，男性更可能体验到的经历像暴怒和易怒、焦虑、激动和躁动不安，而这些通常与抑郁无关。这也意味着，男性往往长时间无法得到诊断，并且接受治疗的可能性也更小。
\n我们处于一种非常绩效导向的文化中，很容易认为，承认自己患有心理疾病可能意味着无缘升职或丢掉现在的职位（这在大多数地方是非法的，但是，大多数人都听到过这种情况的发生，而公司通常是用其他理由撤掉你现在的职位）。
\n归根结底，这很大程度上需要从上至下地进行。组织中的那些管理人员、总监和高级管理人员需要传达这样的信息：公司很关心员工的健康和福祉（表示他们的理解远远超出了提供运动器材的范围！）最好的方法是，让病假政策变得更慷慨和灵活，尽可能超过行业标准。
\n信任员工。是的，我故意说了两次，因为信任非常重要。
\n我确实认为公司应该变得更加灵活并接受像远程工作的解决方案。当大多数工作可以通过网络完成时，远程工作真应该成为行业标准。
\n任何有远程办公的公司应该确保定期访问其远程员工或组织公司范围的线下活动以确保给每个人一个机会来建立人际关系并感觉到自己是团队的组成部分。这个见面时间也是极其重要的。
\n最关键的事是，尊重工作与生活的平衡和界限，最好的方法就是以身作则，因为行动胜于雄辩。这意味着，准时离开办公室，每周至多工作 40 小时。不要在周末工作。即使我们醒着并且已经读过邮件，也不要在凌晨 2 点回复它，因为如果我们现在回复邮件，那么就是示意其他人都被期望将来也这么做。定期休假。
\n有些事情只有我们所有人一起合作才能改变；单单一个人是无法改变整个文化的。
"}},{"node":{"frontmatter":{"title":"MongoDB Atlas支持加载样本数据","publish":true,"cover":"https://webassets.mongodb.com/_com_assets/cms/loadsampledata-c4ldrq2dzq.png","showCover":true,"date":"2019-05-16","category":"database","url":"https://www.mongodb.com/blog/post/atlas-plus-load-sample-data-for-easier-learning","author":"Dj Walker-Morgan","translator":"","tags":["mongodb"],"priority":2},"html":"此功能有助于快速生成用于学习，分析，使用mongo。
"}},{"node":{"frontmatter":{"title":"NPM 采用 Rust 以消除性能瓶颈","publish":true,"cover":"","showCover":true,"date":"2019-03-19","category":"nodejs","url":"https://www.infoq.cn/article/IHLLJbYiDfxwkQ17r_Kq","author":"Sergio De Simone 译者 姚佳灵","translator":"","tags":["go","rust"],"priority":1},"html":"大部分 npm 操作是流量密集型的，Node.js 正是针对这种场景设计的。但是，npm 工程师们发现，确保只有授权用户可以发布包的授权服务显示出令人担心的计算密集型负载
\n因此，npm 工程师开始寻找最适合该任务的编程语言。因为缺乏内存安全性，C 和 C++ 很快就被排除在外，而 Java 因为依赖虚拟机，也出局了。剩下的语言有两种，分别是 Go 和 Rust。为了更好地评估最终解决方案，npm 团队决定用这两种语言以及 Node.js 分别重写他们的身份验证服务，以便进行比较。
\nNode.js 重写只花了一个小时。另一方面，Go 需要 2 天，但以 Rust 重写花了整整一个星期，主要是因为 Rust 的学习曲线更加陡峭以及该语言的内在复杂性， Chris Dickinson 这样解释说。
\n与当时 Go 能提供的包管理器相比，Rust 包管理器 Cargo 具有优势。
\n对 npm 团队来说，好消息是 Rust 服务已经在生产环境中运行一年有余，没有任何告警。这与在 npm 部署 Node.js 服务的常规经验形成鲜明对比。
"}},{"node":{"frontmatter":{"title":"Node v12.3.0发布，试验性支持WASM模块","publish":true,"cover":"","showCover":true,"date":"2019-05-21","category":"nodejs","url":"https://nodejs.org/en/blog/release/v12.3.0/","author":"Ruben Bridgewater","translator":"","tags":["nodejs"],"priority":1},"html":"本次发布加入了实验特性WASM模块。WASM加入nodejs正式支持指日期待，javascript如虎天翼️。
"}},{"node":{"frontmatter":{"title":"Redis 作者 antirez：开源维护者的挣扎","publish":true,"cover":"","showCover":true,"date":"2019-05-19","category":"misc","url":"https://www.oschina.net/news/106799/the-struggles-of-an-open-source-maintainer","author":"xplanet@OSCHINA","translator":"","tags":["go","rust"],"priority":1},"html":"当一个项目达到像 Redis 这样的流行程度，并且人与人之间的交流因为新的社交工具而变得更为容易时，作者收到的消息、issue、PR 和建议的数量也将呈指数增长。随之出现一个普遍性问题，至少从 Redis 的情况来看是这样，即没有足够多合格的人去查看并处理社区中的这些信息。
\nRedis 流行起来后，我的工作更多地转变为了查看 PR 和 issue。这其中确实有些人会比我做得好，但大多数人的贡献仅处于平均水平，只是解决给定问题罢了。
\n当我设计 Redis 时，我倾向于将它视为一个整体，毕竟这么多年来一直在写这个东西。所以现实是，擅长的东西往往不再有时间去做。
\n我的解决方法是，给自己几周时间停止查看 PR 和 issue，转而去编程或者设计，这才是我真正喜爱和享受的。但这反过来又给我带来了更大的心理压力，只在做自己喜欢的事情时做得很好，令人感觉很糟糕。
\n长时间在一个项目上工作有两个问题，至少对我而言是这样。
\n第一个问题是，在 Redis 之前，我从未有过在每个工作日都工作的经验。我总是干一周，停两周，接着再干一个月，然后消失两个月。做创造性工作需要充电，以获得新的能量和想法。
\n但开始收到在 Redis 工作的报酬后，道德规范我不能再依照过去的模式，所以我强迫自己按照正常的时间表工作。这对我来说无比挣扎，而且我确信自己做得比实际能做到的要少。目前仍未找到解决方法，跟公司申请回到原先的工作模式是不管用的，因为社区的运作方式如此。
\n另一个问题是，从精神上讲，在同一个项目中进行大量工作也是一件复杂的事情。我过去常常每六个月换一次项目，而如今十年来都在做同一个项目。我试图通过在 Redis 中部署子项目来留存创造力，先后做了 Cluster、HyerLogLogs 和一个已放弃的磁盘存储项目，现在在做第四个。
\n不过，最终还是要回到 issue 和 PR 页面，每天重复同样的工作。
\n\n"}},{"node":{"frontmatter":{"title":"SCAR-一键发布AWS静态站点","publish":true,"cover":"https://raw.githubusercontent.com/cloudkj/scar/master/src/cloudformation/scar_base_template.png","showCover":true,"date":"2019-05-19","category":"devops","url":"https://github.com/cloudkj/scar","author":"Kelvin Jiang","translator":"","tags":["aws"],"priority":1},"html":"文章评论也值得一读
\n
需要一个AWS账户，基于AWS Stack一键创建相关资源。
\n自动创建的项目：
\n尝试在ebay 手机web端实现条码扫描。目前尚未实际应用。\n使用WebAssembly，用三种方式三个worker竞争识别条码，规定时间内识别率从单线程的80%提升到接近100%，效果非常不错。\n![](\"https://www.ebayinc.com/assets/Uploads/Editor/_resampled/ResizedImageWzYwMCw0MTFd/piechart.png\")
Vue.config.errorHandler = function(err, vm, info) {\n console.log(`Error: ${err.toString()}\\nInfo: ${info}`);\n}Vue.config.warnHandler = function(msg, vm, trace) {\n console.log(`Warn: ${msg}\\nTrace: ${trace}`);\n}const app = new Vue({\n el:'#app',\n renderError (h, err) {\n return h('pre', { style: { color: 'red' }}, err.stack)\n }\n})Vue.component('cat', {\n template:`\n<div><h1>Cat: </h1>\n <slot></slot>\n</div>`,\n props:{\n name:{\n required:true,\n type:String\n }\n },\n errorCaptured(err,vm,info) {\n console.log(`cat EC: ${err.toString()}\\ninfo: ${info}`); \n return false;\n }\n\n});window.onerror = function(message, source, line, column, error) {\n\n}<script type=\"module\">\n import reLiftHTML from '//unpkg.com/relift-html';\n reLiftHTML({\n template: `\n Counting: {this.count}\n `,\n tagName: 'my-counter', // custom tag\n data: {\n count: 0\n },\n created(){\n this.data.count = this.prop.start || 0;\n setInterval(_=> {\n this.data.count++;\n }, 1000)\n }\n })\n</script>\n\n\n<!-- the count will start at 5 for this custom element -->\n<my-counter start=5></my-counter>\n\n<!-- the count will start at 21 for this custom element -->\n<my-counter start=21></my-counter>https://github.com/mardix/relift-html
"}},{"node":{"frontmatter":{"title":"使用 React 直接上传照片到 AWS S3","publish":true,"cover":"https://uploads-ssl.webflow.com/5c91888abc2ad40c98ddc00c/5cdc7e73a01596469b65ca3c_react-s3-uploads.svg.png","showCover":true,"date":"2019-05-19","category":"frontend","url":"https://www.koan.co/blog/uploading-images-to-s3-from-a-react-spa","author":"Koan","translator":"","tags":["react","AWS"],"priority":1},"html":"如图所示，实际上仍然需要服务器生成 (AWS 预签名 URL)(https://docs.aws.amazon.com/zh_cn/AmazonS3/latest/dev/PresignedUrlUploadObject.html)。 然后才可以使用此 URL 直接上传。\n上传组件使用的是 react-dropzone。
"}},{"node":{"frontmatter":{"title":"对比五款数据库，告诉你 NewSQL 的独到之处","publish":true,"cover":"https://constatic.geekbang.org/infoq/5ce520f967ba1.png","showCover":true,"date":"2019-05-24","category":"database","url":"https://www.infoq.cn/article/zYyUb0-QtpQmXfv5H9Ch","author":"Gokhan Simsek 译者 盖磊","translator":"","tags":["newsql"],"priority":1},"html":"NewSQL 是一种新方式关系数据库，意在整合 RDBMS 所提供的ACID事务特性（即原子性、一致性、隔离性和可持久性），以及 NoSQL 提供的横向可扩展性
\nNewSQL 更重视一致性，即侧重 CAP 中的 C 和 P，很多NewSQL 数据库为提供强一致性而牺牲了部分可用性。
\n一些项目希望实现统一支持事务处理和工作负载分析的数据库。HTAP（混合事务 / 分析处理，Hybrid Transactional/Analytical Processing）一词由 Gartner 提出。支持 HTAP 功能的数据库提供对高级实时分析，进而支持实时业务决策和智能事务处理。
"}},{"node":{"frontmatter":{"title":"工商银行 MySQL 数据库架构解密","publish":true,"cover":"https://static001.infoq.cn/resource/image/b1/91/b12f9d74a84fa8c8348caf0f41c04e91.png","showCover":true,"date":"2019-05-20","category":"database","url":"https://www.infoq.cn/article/fIIsOzAfacN4f1x3*zJO?utm_source=rss&utm_medium=article","author":"林承军","translator":"","tags":["mysql","bank","finance"],"priority":1},"html":"大型国有银行，整体核心的系统都是大机 +DB2 这样的传统架构；
\n大型主机运营成本非常贵，买个机器帮你搞两下就几千万上亿的支出，再加上商业产品的 License 比较高，银行议价能力又比较低；
\n在原型阶段，当时主流是 MySQL5.6，5.7 才刚出来；对于高可用要求，行里的应用是要做到同城切换，上海两个园区要做到 RPO（恢复点目标） 是 0，RTO(恢复时间目标) 非常小，同时异地北京有一个灾备中心，就是两地三中心。
\n在原型设计阶段，我们基于 MySQL 的半同步复制，来做这样的一个切换，实现 RPO=0，解决主库故障自动切换到备库，同城为了保障 RPO=0，在原型阶段进行了应用的双写。来进行数据的核对和补充；
\n在整体上面基于 MySQL 的复制技术，我们有半同步复制和多数派共识机制实现冗余备份。基于 MySQL binlog 日志自动数据补全，保障数据的一致性。\n![](\"https://static001.infoq.cn/resource/image/bd/86/bd1ca70306a272aa72242e3fbdea3286.png\")
![](\"https://static001.infoq.cn/resource/image/20/5a/207b1e45c4650ae72161c2a62e9f325a.png\")
在应对一些高并发场景的时候，因为 IO 性能不足，这方面我们就改进了，直接引入了 SSD 盘，基本上把 MySQL、IO 的瓶颈给解决了。在现在的场景下，IO 一般不会成为瓶颈了。同时通过 SSD 的引入，交易的响应时间在相同条件下降低 50%。
\n![](\"https://static001.infoq.cn/resource/image/1e/3a/1e1c606cecfd2f2b09233840b3370b3a.png\")
![](\"https://static001.infoq.cn/resource/image/43/45/433ba26110222f64ab9bd292fa022a45.png\")
Oracle 的转型。工行应该把 Oracle 这样的一些特性用的非常极致；基本上都是存储过程，当开发框架一确定，大家存储过程都是用笔勾几下或者拉几下就可以产生很多的流程，但它同时和具体的数据库绑定了，后面的维护、扩展都面临比较大的挑战。
\n我们实施了至少 120 多个应用，2000 多个服务器节点，超过 2500 个 MySQL 节点。实施的应用涉及很多核心业务，包括个人账户、对公账户、基金以及很多 A 类、B 类的应用，大多都是主机上迁移过来的。其中还有少量应用是从 Oracle 迁移过来的，应用层也因此需要重构。
"}},{"node":{"frontmatter":{"title":"微软为 macOS 用户推出首个 Microsoft Edge 预览版","publish":true,"cover":"","showCover":true,"date":"2019-05-21","category":"misc","url":"https://static.cnbetacdn.com/thumb/article/2019/0521/bdd62c50a893392.jpg","author":"cnBeta.COM","translator":"","tags":["mac"],"priority":1},"html":"微软今天宣布推出专为 macOS 操作系统设计的微软 Edge 浏览器的预览版，根据 Chromium 的命名规则又名金丝雀版。macOS 用户现在就可以在 Microsoft Edge Insider 站点安装 Microsoft Edge for macOS。微软最早公布这一版本是在 5 月 6 日在西雅图举行的年度 Build 开发者大会上。
"}},{"node":{"frontmatter":{"title":"男性50岁以上，养老保险缴费不足15年，如何领取养老金？","publish":true,"cover":"","showCover":true,"date":"2019-05-22","category":"misc","url":"https://ai.cmbchina.com/mbf4info/CmbReferNewsDetail.aspx?curID=ea163726-6b65-4e4f-935c-c5b8e413f180","author":"视觉财经","translator":"","tags":["insureance"],"priority":1},"html":"养老金的领取条件并非参保就有，职工想要领取养老金必须满足两个硬性条件，其一是达到法定退休年龄，其二是养老保险缴费满15年及以上，因此有许多已到法定退休年龄但是缴费年限不足人员无法领取养老金。
\n实际中各地区对于社保补缴开始规范化，一次性补缴各地开始取消。以个人身份参保的人员在参保时期断缴或者缴费不足的情况下，也不被允许以事后追补缴费的方式增加缴费年限。通过企业参保的人员，在因个人因素导致社保断缴，也不得事后补缴，因所在企业导致社保断缴，从而影响到购房资格、养老金领取、生育津贴领取、医保报销等情况时，可以哦要求企业在次月进行补缴，但是补缴时间不得超过三个月。
\n退休后缴费年限不到15年，可以办理顺延退休，继续缴纳养老保险，缴费五年后仍不足15年，是可以一次性补缴剩余的费用，也就是最长的情况下也仅仅是推延五年时候领取养老金。
\n虽然说养老金领取时间是参保15年即可，但是若缴纳15年后选择断缴，那么造成的影响也会导致医疗保险白白缴纳，原因是医疗保险最低缴费年限分别是男性最低缴满25年，女性最低缴满20年，未缴满的人员到达法定退休年龄后无法继续获得医疗保险所带来的待遇，而且医疗保险与养老保险是一起缴纳，不可单独缴纳一种保险，所以当你养老保险停缴后，间接的也就停缴了医疗保险。
\n所以男性50岁以上，虽不可一次性补缴养老保险，但是在到达法定退休年龄后仍然可以继续顺延缴纳养老保险，另外医疗保险因为所需缴费年限更长，多数地区可以进行一次性补缴，若是在外地进行补缴医疗保险时，需要在当地参保时间满十年后才可以进行一次性补缴。
\n从参保人角度出发，做到尽早参保，不断缴不停缴社保，在法定退休年龄时一般都是已经满足各项保险的最低缴费年限要求，若距离退休时间不久，养老保险可以顺延缴纳，推迟领取养老金时间，医疗保险可以一次性补缴剩余费用。
"}},{"node":{"frontmatter":{"title":"选择 Pulsar 而不是 Kafka 的 7 大理由","publish":true,"cover":"https://static001.infoq.cn/resource/image/15/91/1561359afacaa39e40c691e719625e91.png","showCover":true,"date":"2019-05-21","category":"java","url":"https://www.infoq.cn/article/Us*a8umKXT9LpV9hA6tF?utm_source=rss&utm_medium=article","author":"Chris Bartholomew 译者 无明","translator":"","tags":["kafka","mq"],"priority":1},"html":"与 Kafka 不一样的是，Pulsar 具备传统消息队列（如 RabbitMQ）那样的功能，因此，只需要运行一个 Pulsar 系统就可以同时处理实时流和消息队列。
\nPulsar 就可以做到。如果你只需要一个主题，而不需要分区，那使用一个主题就好了。如果你需要使用多个消费者实例来提升处理速率，其实也不需要使用分区，因为 Pulsar 的共享订阅可以达到你的目的。
\n如果你确实需要分区来进一步提升性能，你也可以使用分区。
\nPulsar 对日志进行分段，从而避免了拷贝大块的日志。它通过 BookKeeper 将日志分段分散到多台不同的服务器上。也就是说，日志并不是保存在单台服务器上，所以任何一台服务器都不会成为整个系统的瓶颈。
\n因为 Pulsar 的 broker 是无状态的，所以如果工作负载很高，就可以直接添加新的 broker。
\n跨域复制是 Pulsar 的拿手好戏。Pulsar 在设计之初就考虑到了这个特性，配置也很容易。
\n一些基准测试表明，Pulsar 可以在提供较高吞吐量的同时保持较低的延迟。
\nPulsar 提供了很多与 Kafka 相似的特性，比如跨域复制、流式消息处理（Pulsar Function）、连接器（Pulsar IO）、基于 SQL 的主题查询（Pulsar SQL）、schema registry，还有一些 Kafka 没有的特性，比如分层存储和多租户，所有这些特性都是开源的。
"}}],"meta":{"title":"WebAssembly在ebay中的实际使用|使用 React 直接上传照片到 AWS S3|MongoDB Atlas支持加载样本数据|SCAR-一键发布AWS静态站点|选择 Pulsar 而不是 Kafka 的 7 大理由|IT 职场中的心理健康","publish":true}},{"index":4,"total":365,"name":"2019-06-02","items":[{"node":{"frontmatter":{"title":"756 个有趣的公开免费数据集","publish":true,"cover":"","showCover":true,"date":"2019-06-01","category":"database","url":"https://docs.google.com/spreadsheets/d/1wZhPLMCHKJvwOkP4juclhjFgqIY8fQFMemwKL2c64vk/edit#gid=0","author":"Data Is Plural","translator":"","tags":["dataset"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"16个Devtools技巧","publish":true,"cover":"","showCover":true,"date":"2018-11-20","category":"frontend","url":"https://www.heartinternet.uk/blog/16-devtools-tips-and-tricks-every-css-developer-need-to-know/","author":"Louis Lazaris 摘译 Ka","translator":"","tags":["devtools"],"priority":1},"html":"摘录部分：
\n打开一个css文件,按CTRL-SHIFT-O\n![](\"https://www.heartinternet.uk/blog/wp-content/uploads/search-with-css-selector-shortcut.gif\")
![](\"https://www.heartinternet.uk/blog/wp-content/uploads/toggling-colour-value-syntax.gif\")
![](\"https://www.heartinternet.uk/blog/wp-content/uploads/editing-css-shadows.gif\")
![](\"https://www.heartinternet.uk/blog/wp-content/uploads/grid-layout-inspector-in-firefox.gif\")
![](\"https://www.heartinternet.uk/blog/wp-content/uploads/css-filter-editor-in-firefox.gif\")
在三个圆点菜单处选择more tool/Animations\n![](\"https://www.heartinternet.uk/blog/wp-content/uploads/editting-css-animations-in-chrome-style-panel.gif\")
在三个圆点菜单处选择more tool/Coverage
"}},{"node":{"frontmatter":{"title":"MIT 最新研究：只听 6 秒语音，就知道说话者长相","publish":true,"cover":"","showCover":true,"date":"2019-05-28","category":"python","url":"https://constatic.geekbang.org/infoq/5ceb8707f3633.png?imageView2/0/w/800","author":"MIT CSAIL","translator":"","tags":["Machine Learning"],"priority":1},"html":"MIT 使用了 AVSpeech 数据集，它由来自 YouTube 的数百万个视频片段组成，有超过 10 万人的语言数据。Speech2Face 是通过自我监督的方式训练的。
\n\n"}},{"node":{"frontmatter":{"title":"2019 年，互联网企业起薪最高，数据科学家岗位薪资排第一","publish":true,"cover":"","showCover":true,"date":"2019-05-29","category":"misc","url":"https://www.infoq.cn/article/ctPIg1VwhOggJIk-7CVT","author":"Amanda Stansell 译者 王强","translator":"","tags":["salary"],"priority":1},"html":"当然，目前效果还很不可靠。
\n
如今美国就业形势喜人，是大学生和新毕业生进入劳动力市场开始职业生涯的好时机。由于失业率处于历史最低水平且工作需求不断增加，求职者在市场上处于主导地位，雇主愿意为需求高而供应短缺的职位和技能支付高额报酬。
"}},{"node":{"frontmatter":{"title":"Papa Parse 5.0发布","publish":true,"cover":"","showCover":true,"date":"2019-05-10","category":"frontend","url":"https://github.com/mholt/PapaParse","author":"Matt Holt","translator":"","tags":["csv"],"priority":1},"html":"//解析字符串\nPapa.parse(csvString[, config]);\n\n//解析本地文件 参见FileReader\nPapa.parse(file, config)\n\n//解析远程文件\nPapa.parse(url, {\n\tdownload: true,\n\t// rest of config ...\n});\n\n//json转csv\nPapa.unparse(data[, config]);像 Google 这样的大公司拥有大量难以突破的数据护城河。今天，正在捕获数据的公司正在以手工的方式标记数据，这可能是缓慢的、昂贵的和低质的方式。如果使用合成数据的话，就可以帮助公司绕过这些限制，使数据民主化。
\n可以使用 Unreal、Blender 和 Unity 等游戏引擎以编程方式来创建合成数据。
\n域随机化通过以非真实感的方式，随机干扰环境，有意放弃照片级的真实感，迫使网络学会专注于图像的基本特征。
\n由于合成实体数据可以删除姓名、电子邮件、社会安全号码等信息，但仍然能够反映出基础数据集，因此受到了隐私问题的推动。这有助于数据科学家在不访问敏感信息的情况下进行实验。
"}},{"node":{"frontmatter":{"title":"VS Code 的全栈 Web 模板 WebTemplateStudio","publish":true,"cover":"","showCover":true,"date":"2019-05-17","category":"nodejs","url":"https://www.oschina.net/p/webtemplatestudio","author":"xplanet@OSCHINA","translator":"","tags":["vscode"],"priority":1},"html":"项目类型：目前只支持一种类型：Fullstack 应用程序。\n框架：目前支持一个前端框架：React.js，和一个后端框架：Node.js。\n应用页面：当前页面模板包括：空白页面、公共布局和实现常见模式的页面（例如网格或列表）。\n云服务：当前支持的服务包括存储（Azure Cosmos DB）和计算（Azure 功能）。
"}},{"node":{"frontmatter":{"title":"Segment 放弃了微服务","publish":true,"cover":"","showCover":true,"date":"2019-05-27","category":"devops","url":"https://www.infoq.cn/article/v3VjP*BYtY3qhD3438ay","author":"Alexandra Noonan 译者 平川","translator":"","tags":["microservice"],"priority":1},"html":"2017 年初，Segment 的一个核心产品达到了一个临界点。这就像我们从微服务的树上掉下来，并在下落的过程中砸到每根树枝一样。小团队没有让我们更快地前进，相反，我们发现自己陷入了复杂性爆炸的泥潭。这种架构的基本好处变成了负担。我们的速度急剧下降，我们的缺陷率却呈现爆炸式增长。
\n从单代码库-》多代码库+共享代码库-》再回到单代码库。主要是还是基于运维的原因。
\n一旦所有目标的代码都存在于一个代码库中，就可以将它们合并到一个服务中。由于每个目标都存在于一个服务中，我们的开发人员的工作效率得到了显著提升。我们不再需要因为变更一个共享库而部署 140 多个服务。一个工程师可以在几分钟内完成服务部署。
\n从微服务架构到整体的单体架构是一个巨大的改进，但是，也有一些妥协：
\n故障隔离很困难。由于所有内容都在一个整体中运行，如果在一个目标引入了导致服务崩溃的 Bug，那么所有目标服务都会崩溃。我们有全面的自动化测试，但测试有其局限性。我们目前正在研究一种更加健壮的方法，以防止一个目标使整个服务宕掉，同时又保持所有目标都在一个单体中。
\n我们需要一个健壮的测试套件，把所有的东西都放在一个代码库中。如果没有这个，我们就会和当初决定把它们分开时一样。
"}},{"node":{"frontmatter":{"title":"PostGIS 3并行查询不再需要额外配置","publish":true,"cover":"https://blog.cleverelephant.ca/images//2017/parallel_4.jpg","showCover":true,"date":"2019-05-30","category":"database","url":"https://blog.cleverelephant.ca/2019/05/parallel-postgis-4.html","author":"Paul Ramsey","translator":"","tags":["postgres"],"priority":1},"html":"PostgreSQL 12 and PostGIS 3 并行空间查询不再需要额外的配置。
\n包括三种查询处理
\n只需要增加你的计算处理内核(core)的数量。
\n此改进是由于加入了优化了核心空间查询功能实现。
"}},{"node":{"frontmatter":{"title":"W3C与WHATWG协同推进开放Web平台建设","publish":true,"cover":"","showCover":true,"date":"2019-05-28","category":"frontend","url":"https://www.chinaw3c.org/blog-w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform.html","author":"chinaw3c","translator":"","tags":["w3c"],"priority":1},"html":"W3C CEO Jeff Jaffe：我在此高兴地宣布 W3C 与 WHATWG 经过协商现最终签署了一份《合作备忘录》作为双方认可合作模式，继而共同开发相同的 HTML 与 DOM 规范。
"}},{"node":{"frontmatter":{"title":"Zdog-基于canvas的伪3d引擎","publish":true,"cover":"","showCover":true,"date":"2019-05-28","category":"frontend","url":"https://github.com/metafizzy/zdog","author":"Metafizzy","translator":"","tags":["3d"],"priority":1},"html":"目前看到的是代码创建模型，不能导入3d模型？
"}},{"node":{"frontmatter":{"title":"dbkoda-开源mongo GUI客户端1.1发布","publish":true,"cover":"https://www.dbkoda.com/assets/images/art/screen-09.jpg","showCover":true,"date":"2019-05-29","category":"database","url":"https://www.dbkoda.com","author":"Southbank Software","translator":"","tags":["mongo"],"priority":1},"html":"试用了一下，样子很酷，有以下问题:
\n感觉还是不如 ROBOT 3T
"}},{"node":{"frontmatter":{"title":"mongo atlas现在也支持Azure和GCP的私有虚拟网络","publish":true,"cover":"","showCover":true,"date":"2019-05-14","category":"database","url":"https://www.mongodb.com/blog/post/atlas-mapped-private-network-peering-on-azure--gcp","author":"Leo Zheng","translator":"","tags":["mongo"],"priority":1},"html":"至此 Atlas 支持 AWS,Azure,GCP 三个平台的私有虚拟网络。
"}},{"node":{"frontmatter":{"title":"mongo 的数组 schema 定义","publish":true,"cover":"","showCover":true,"date":"2019-05-10","category":"database","url":"https://www.mongodb.com/blog/post/json-schema-validation--checking-your-arrays?elqTrackId=d302f93c945d4d07b7b73ad4cd3eeab1&elq=73c3b8ce386d43e99efdb4f8829681cd&elqaid=8398&elqat=1&elqCampaignId=11890","author":"Ken W. Alger","translator":"","tags":["mongo"],"priority":1},"html":"见下面示例的dyes字段
db.foodColor.drop()\ndb.createCollection ( \"foodColor\",\n{\n validator:\n {\n $jsonSchema:\n {\n bsonType: \"object\",\n required: [\"name\", \"box_size\", \"dyes\"],\n properties:\n {\n _id: {},\n name: {\n bsonType: [\"string\"],\n description: \"'name' is a required string\"\n },\n box_size: {\n enum: [3, 4, 6],\n description: \"'box_size' must be one of the values listed and is required\"\n },\n dyes: {\n bsonType: [\"array\"],\n minItems: 1, // each box of food color must have at least one color\n uniqueItems: true,\n additionalProperties: false,\n items: {\n bsonType: [\"object\"],\n required: [\"size\", \"color\"],\n additionalProperties: false,\n description: \"'items' must contain the stated fields.\",\n properties: {\n size: {\n enum: [\"small\", \"medium\", \"large\"],\n description: \"'size' is required and can only be one of the given enum values\"\n },\n color: {\n bsonType: \"string\",\n description: \"'color' is a required field of type string\"\n }\n }\n }\n }\n }\n }\n }\n})react useEffect 和 useLayoutEffect都是在渲染之后触发，那么如果在这里面再次出发了渲染，就造成了递归。
\nstop-runaway-react-effects可以在开发时检测这种问题。它是通过包装useEffect和useLayoutEffect来达到目的的。
\nimport {hijackEffectHook} from 'stop-runaway-react-effects'\n\nif (process.env.NODE_ENV !== 'production') {\n hijackEffects()\n}一套把 React Native 代码转换成微信小程序代码的转换引擎工具
\n\n"}},{"node":{"frontmatter":{"title":"react-div-100vh解决手机浏览器100vh问题","publish":true,"cover":"https://raw.githubusercontent.com/mvasin/react-div-100vh/master/images/react-div-100vh.png","showCover":true,"date":"2019-05-30","category":"frontend","url":"https://github.com/mvasin/react-div-100vh","author":"Mikhail Vasin","translator":"","tags":["react"],"priority":1},"html":"目前文档还不算很详细。
\n
CSS3常见问题：100vh在移动浏览器中不是固定的，恒定的
\n手机浏览器加载页面时,所有浏览器都有一个顶级菜单（例如显示地址栏），当您开始滚动页面时，该菜单会向上滑动。这个时候该菜单会变小，由于100vh仅在视口的可见部分计算，因此会导致所有布局都重新绘制并重新调整，对用户体验的糟糕跳跃效果。
\nreact-div-100vh的解决方案就是，监听resize事件动态修改样式。
"}},{"node":{"frontmatter":{"title":"使用picture不要使用background-image","publish":true,"cover":"","showCover":true,"date":"2019-05-28","category":"frontend","url":"https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern","author":"Andrew Welch 摘译 Ka","translator":"","tags":["edge"],"priority":1},"html":"background-image 方式
\n<div\n style=\"background-image: url('/some/man-with-a-dog.jpg');\n background-size: cover;\"\n></div>picture 方式
\n<picture>\n <img\n src=\"/some/man-with-a-dog.jpg\"\n alt=\"Man with a dog\"\n style=\"object-fit: cover;\"\n />\n</picture>注意object-fit: cover
鼠标选择多个格子表示合并。\n一个格子点多次则会在此位置上生成多个div。
\n问题：需要一个回退操作。
"}},{"node":{"frontmatter":{"title":"吵起来-Google强制Edge 预览版用户浏览Modern YouTube 时使用chrome","publish":true,"cover":"https://www.thurrott.com/wp-content/uploads/sites/2/2019/05/youtubeedge.jpg","showCover":true,"date":"2019-05-28","category":"misc","url":"https://www.thurrott.com/google/207371/google-now-forces-microsoft-edge-preview-users-to-use-chrome-for-the-modern-youtube-experience","author":"Mehedi Hassan 摘译 Ka","translator":"","tags":["edge"],"priority":1},"html":"基于Chromium的微软新Edge浏览器的用户爆料：两天前使用google旗下youtube网站的“modern YouTube experience”还好好的，突然youtube告知不支持的浏览器，请下载chrome。
\n然后就人们吵起来了！有说是个偶然bug，更多人倾向于认为google故意作恶。
\n这意味着“从保守转向开放的微软”还是“从不作恶走向反面的谷歌”？
"}},{"node":{"frontmatter":{"title":"实时消息总线选择","publish":true,"cover":"","showCover":true,"date":"2019-05-28","category":"database","url":"https://www.datanami.com/2019/05/28/assessing-your-options-for-real-time-message-buses/","author":"Alex Woodie","translator":"","tags":["realtime"],"priority":1},"html":"随着时间的推移，这一行业正在越来越深地陷入了以开发人员为中心的工程流程，不知不觉花掉了很多时间；而开发人员一人则承担了越来越多的责任。
\n我认为拓宽知识面，运用对你所负责的部分的理解来更好地完成你所负责的部分，还是有好处的，但要让开发人员成为这样的一个人：对各种领域样样都懂但无一精通，如此一来，会直接影响代码质量、解决方案的选择以及所开发项目的未来。
\n要知道我们的大脑空间是有限的，但我们可以对一个或几个领域的更深、更好的知识来填充它，或者开始汲取多个领域的信息，结果得到的就是对所有事物都是肤浅的了解。这种知识体系创造了信心泡沫，不幸的是，这种信心并不能证明自己的正确性，结果导致了更槽糕的解决方案，如重新发明轮子、错误的技术选型、用显微镜敲钉子。
"}},{"node":{"frontmatter":{"title":"流式字体的现状","publish":true,"cover":"https://betterwebtype.com/assets/img/posts/state-of-fluid-web-typography/css-locks.mov.gif","showCover":true,"date":"2019-05-14","category":"frontend","url":"https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/","author":"Matej Latin 摘译 Ka","translator":"","tags":["font"],"priority":2},"html":"流式字体(FULLY FLUID TYPOGRAPHY)此处指的是使用viewpoint unit定义的字体。
\n流式字体例子:
\nhtml {\n font-size: 1.3vw;\n}\n\nh1 {\n font-size: 3vw;\n}css锁响应流式字体例子:
\nbody {\n font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));\n}作者认为并不适合现在使用：
\n目前作者认为还是应该使用rem的响应式字体：
\nhtml {\n font-size: 100%;\n\n @media (min-width: 768px) {\n font-size: 112.5%;\n }\n}\n\nh1 {\n font-size: 3rem;\n\n @media (min-width: 768px) {\n font-size: 3.5rem;\n }\n}通过--http-server-default-timeout=milliseconds\n或--http-server-default-timeout=0 分别更改或禁用超时。
\n添加了一个实验--heap-prof 标志，用于\n在启动时启动 V8 堆分析器，并在退出之前将堆配置文件写入磁盘
\n略过某些步骤直接显示 buffer 到显示控制器。
\nconst opts = { desynchronized: true };\nconst ctx = canvas.getContext('2d', opts);支持音频，视频，文本，图片。
\n"}},{"node":{"frontmatter":{"title":"WHATW 击败 W3C，赢得 HTML 和 DOM 的控制权","publish":true,"cover":"","showCover":true,"date":"2019-06-06","category":"frontend","url":"https://www.infoq.cn/article/bsvFxt96DOh-SBZphBwJ","author":"Catalin Cimpanu 译者 平川","translator":"","tags":["html"],"priority":1},"html":"在上周的一份新闻稿中，W3C 和 WHATWG 宣布，他们终于把他们的分歧放在一边，并签署了一份新的谅解备忘录。
\n根据这份新协议，W3C 正式发布未来的 HTML 和 DOM 标准，并支持 WHATWG，将控制权完全交还给浏览器厂商。
\nW3C 及其数百名成员将起草未来的 Web 标准需要包含什么特性的“建议”。然后，WHATWG 将决定把哪些加入到他们的产品中。
"}},{"node":{"frontmatter":{"title":"Scene基于时间线的动画效果","publish":true,"cover":"https://camo.githubusercontent.com/8b69e052ec7bcacdee7064ff525fa48359f4a784/68747470733a2f2f64617962727573682e6769746875622e696f2f7363656e656a732f6578616d706c652f6c6f676f2e676966","showCover":true,"date":"2019-06-06","category":"frontend","url":"https://github.com/daybrush/scenejs","author":"Daybrush","translator":"","tags":["animation"],"priority":1},"html":"import Scene from \"scenejs\";\n\nconst scene = new Scene({\n \".class\": {\n 0: \"left: 0px; top: 0px\"\n 1: {\n \"left\": \"100px\",\n \"top\": \"0px\"\n },\n 2: {\n \"left\": \"200px\",\n \"top\": \"100px\"\n }\n }\n}, {\n selector: true,\n easing: \"ease-in-out\",\n}).play();对于开发者和高级用户来说，macOS Catalina 还有一个重大的变化 —— zsh 已取代 bash 成为新版操作系统中的默认 shell 。
\n![](\"https://static.oschina.net/uploads/space/2019/0605/080728_CKfq_2720166.jpg\")
默认情况下，在 macOS Catalina 中所有新创建的用户帐号都将使用 zsh。当然，为了帮助用户顺利过渡，bash 并不会立即从 macOS Catalina 中消失，但苹果表示用户应该开始转向使用 zsh，以尽快习惯这一变化，因为 bash 最后可能还是会被移除。
\n苹果没有解释做出这一决定的原因，但猜测与 GPLv3 开源协议有关。尽管苹果已经获得基于 GPLv2 许可协议的 bash 3.2 版本，但新版的 bash 采用了 GPLv3 协议。
\n\n"}},{"node":{"frontmatter":{"title":"npm 挫败一盗取加密币的企图","publish":true,"cover":"","showCover":true,"date":"2019-06-06","category":"nodejs","url":"https://blog.npmjs.org/post/185397814280/plot-to-steal-cryptocurrency-foiled-by-the-npm","author":"npm 摘译 Ka","translator":"","tags":["cryptocurrency"],"priority":1},"html":"zsh 需要一堆配置，难道还要配合oh-my-zsh
\n
npm 联合加密币安全平台 komodo挫败试图盗取加密币(Agama)的企图。
\n此次攻击是老套的 npm 包更新攻击：
\nelectron-native-notify本月初 npm 包被索引数已超过百万大关：
\n越来越多的问题需要关注在安全依赖上。
"}},{"node":{"frontmatter":{"title":"免费开源地理api","publish":true,"cover":"","showCover":true,"date":"2019-06-06","category":"frontend","url":"https://ipgeolocationapi.com/","author":"Madis Väin ","translator":"","tags":["chrome"],"priority":1},"html":"例如获得请求ip的地理信息:
\nGET https://api.ipgeolocationapi.com/geolocate HTTP/1.1
Puppeteer Recorder 是Chrome扩展程序，可记录你的浏览器交互并生成Puppeteer脚本。
"}},{"node":{"frontmatter":{"title":"基于 three.js 的 3d 多人空战游戏","publish":true,"cover":"https://github.com/nickyvanurk/3d-multiplayer-browser-shooter/raw/master/screenshots/screenshot.png","showCover":true,"date":"2019-06-06","category":"frontend","url":"https://github.com/nickyvanurk/3d-multiplayer-browser-shooter","author":"Nicky van Urk ","translator":"","tags":["opensource"],"priority":1},"html":"three.js + expressjs + websocket
"}},{"node":{"frontmatter":{"title":"开源游戏合集","publish":true,"cover":"https://www.freeallegiance.org/screenshots/Dogfights/BigGameVeryBusy.jpg","showCover":true,"date":"2019-06-06","category":"game","url":"https://github.com/opengaming/osgameclones/","author":"Cong","translator":"","tags":["opensource"],"priority":1},"html":"2d,3d,各种类型游戏。
"}},{"node":{"frontmatter":{"title":"又双叒叕一数据库更改了许可证","publish":true,"cover":"","showCover":true,"date":"2019-06-06","category":"database","url":"https://mp.weixin.qq.com/s?__biz=Mzg2MjE0NDE5OA==&mid=2247483874&idx=1&sn=51d3275e0390179ae62e6745c3087719","author":"LinuxEverything Linux News搬运工","translator":"","tags":["opensource"],"priority":1},"html":"CockroachDB 数据库更改了许可证
\n修改的许可证中最主要的一段话是“CockroachDB 用户可以自由部署任意多的数据服务节点，可以直接用 CockroachDB，或者嵌入他们自己的应用程序里。也能在公司内部作为服务运行。唯一不能做的事情是：在不付授权费的情况下提供 CockroachDB 作为商业服务”。
\n起因是看到 Amazon AWS 在利用各种开源项目自由软件（例如 ElasticSearch）部署到自己的云服务上，来对客户收费，而相应的自由软件的作者却没有得到任何收益。
"}}],"meta":{"title":"npm 管理包已超过百万大关|基于 three.js 的 3d 多人空战游戏|又双叒叕一数据库更改了许可证|开源游戏合集","publish":true}},{"index":6,"total":365,"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![](\"https://scalegrid.io/blog/wp-content/uploads/2019/06/2019-Most-Popular-Commercial-Databases-Used-Report-Pie-Chart-ScaleGrid.png\")
![](\"https://scalegrid.io/blog/wp-content/uploads/2019/06/2019-Open-Source-Databases-Public-Cloud-vs-Private-Cloud-vs-On-Premise-Report-Pie-Chart.png\")
![](\"https://scalegrid.io/blog/wp-content/uploads/2019/06/SQL-vs-NoSQL-Open-Source-Database-Popularity.png\")
最近很热火的话题，团队辛苦开发的项目，居然客户跳票收不到钱。作者只好自我安慰，至少现在有了一个很潮的全栈开发项目模板。
\nReact,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":"返回所有结果的集合数组,如果有一项失败则短路报错。
\nconst 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}第一个成功或失败的会作为最终成功或失败的结果，其他短路。
\ntry {\n const result = await Promise.race([\n performHeavyComputation(),\n rejectAfterTimeout(2000)\n ]);\n renderResult(result);\n} catch (error) {\n renderError(error);\n}等待全部完成，无论每个是成功还是失败都不会短路。
\n返回结果是原来的 Promise 数组，只不过更新了状态(.status)。由与这种处理方式，不会抛异常。
\nconst 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();任何一个成功了即短路返回此成功结果，仅当所有都失败了才抛异常。
\nconst 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}Render 是一个新的 Web 和 App 托管供应商，按照 Render 的 CEO 所述，在全面的云供应商（如 AWS）和 PaaS 供应商（如 Heroku）之间，Render 做到了“完美的平衡”。
\n连接到一个 GitHub 仓库，每当将代码更新推送到该仓库的时候，都会向服务部署更新。这样的话，没有必要创建单独的构建和部署管道。
\nRender 同时解决了这两个问题：我们提供了比现有 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":"db.example.createIndex({ \"attributes.$**\": 1 });\n{\n \"createdCollectionAutomatically\" : false,\n \"numIndexesBefore\" : 1,\n \"numIndexesAfter\" : 2,\n \"ok\" : 1\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}查询：
\ndb.example.find({ \"attributes.inside.bookmark\": 2} })也就是当数据结构确实是多态模式( 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\" />app.post('/upload', function(req, res) {\n console.log(req.files.foo);\n});原生支持数据从 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。
\nHTML5 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
bit 是开源的专注于解决前端组件可重用可维护问题的 nodejs 工具。
\n这里组件(component)可以是任何可重用的 nodejs 代码片段,然而更多的指的是可以重用的前端组件。例子们
\nbit 通过提供命令行工具来添加管理共享组件。
"}},{"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从绿到蓝，绿色代表完全免费。
\nGitHub 推出微网站 Choose A Licence，帮您选择证书。
"}}],"meta":{"title":"八千星最潮的全栈技术项目-React,ApolloGraphQL,Node,Mongo,Typescript-背后开源的辛酸原因|react-spring-弹簧动画|mongodb 开源 kafka 连接器|包含AI的4d国际象棋|Render 适合创业者的托管云供应商|游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true}},{"index":7,"total":365,"name":"2019-06-23","items":[{"node":{"frontmatter":{"title":"AWS花费","publish":true,"cover":"","showCover":true,"date":"2019-06-09","category":"aws","url":"https://david-codes.hatanian.com/2019/06/09/aws-costs-every-programmer-should-now.html?utm_source=programmingdigest&utm_medium=rss&utm_campaign=featured","author":"David Hatanian 摘译 Ka","translator":"","tags":["aws"],"priority":1},"html":"| CPU部分 | \n月消费中位数 | \n
|---|---|
| 1 modern vCPU (4 AWS ECUs) | \n58 $ | \n
| With 1 year convertible reservation (all up front) 一年预付费 | \n43 $ | \n
| With 3 years convertible reservation (all up front) 三年预付费 | \n30 $ | \n
| With spot pricing (estimated) 抢占实例 | \n30 $ | \n
| 存储部分 | \n月消费中位数 | \n
|---|---|
| 1 GB RAM | \n10 $ | \n
| 1 GB RAM 1 year convertible reservation (all up front) 1GB一年预付费 | \n8 $ | \n
| 1 GB RAM 3 years convertible reservation (all up front) 1GB三年预付费 | \n5 $ | \n
| SSD | \n0.11 $ | \n
| Hard Disk 硬盘 | \n0.05 $ | \n
| S3 | \n0.02 $ | \n
| S3 Glacier | \n0.004 $ | \n
| Type of data transfer | \nCost of transferring 1GB | \n
|---|---|
| EU/US region to any other region 欧美区到其他区 | \n0.02 $/GB | \n
| APAC region to any other region 环太平洋区到其他区 | \n0.09 $/GB | \n
| EU/US region to Internet 欧美区到互联网 | \n0.05 $/GB | \n
| APAC region to Internet 环太平洋区到互联网 | \n0.08 $/GB | \n
| Between two AZs in the same region 同区不同AWS Zone之间 | \n0.01 $/GB | \n
| Inside the same AZ 相同AWS Zone | \nFree | \n
AWS并不便宜，但是你花的是免维护硬件服务。
"}},{"node":{"frontmatter":{"title":"Facebook 宣布数字货币 Libra，预计在 2020 年推出","publish":true,"cover":"","showCover":true,"date":"2019-06-19","category":"blockchain","url":"https://www.oschina.net/news/107562/fb-announces-calibra-coming-in-2020","author":"局长@OSCHINA","translator":"","tags":["facebook","cryptocurrency"],"priority":1},"html":"Libra 系统由三个部分组成：(摘自 infoq Facebook 发布加密货币白皮书：为全球数十亿人提供一种新的“互联网货币”)
\nconst Model = mongoose.model(\n 'Test',\n new Schema(\n {\n name: String,\n createdAt: {\n type: Date,\n // 第一次赋值后将不可修改\n immutable: true\n }\n },\n { timestamps: true }\n )\n);类似的研究层出不穷，让人们担心它们可能被用于误导和宣传，这个问题甚至已经困扰到了一些国家的立法者。尽管有无数种方法整明技术是无害的，但它确实已经造成了真正的伤害，尤其是对女性而言。
\n而合成技术产生的“合成数据”也有着不小的商业价值。合成数据可以减少对生成和捕获数据的依赖，可以做到比手工标记数据更便宜、更快速，还可以最大限度减少公司对第三方数据源的需求等等。
\n目前尚不知道本文提到的合成技术研究团队未来会将这项技术用在哪里，这项技术暂时也还没有开源。
"}},{"node":{"frontmatter":{"title":"V8 发布 v7.6","publish":true,"cover":"https://v8.dev/_img/v8-release-76/json-parsing.svg","showCover":true,"date":"2019-06-22","category":"nodejs","url":"https://v8.dev/blog/v8-release-76","author":"Adam Klein 摘译 Ka","translator":"","tags":["v8"],"priority":1},"html":"React.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。
\n我也很高兴能看到越来越多的库开始支持函数编程。这种模式肯定会彻底改变我们前端的编程方式。我也在关注 React 的并发改进——相关内容可查看官方文档。React-cache 和 Suspense 就是属于并发 react 的功能。
"}},{"node":{"frontmatter":{"title":"css2019 报告","publish":true,"cover":"","showCover":true,"date":"2019-06-20","category":"frontend","url":"https://blog.kazge.com/html/css/2019/06/19/zh-css-report-2019/","author":"Ka","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm配合github保护npm token","publish":true,"cover":"https://66.media.tumblr.com/194d71b6b14ca0fd509f5b086abffadc/tumblr_inline_pt9i3whSUn1vjctre_500.png","showCover":true,"date":"2019-06-21","category":"nodejs","url":"https://blog.npmjs.org/post/185680936500/protecting-package-publishers-npm-token-security","author":"npm 摘译 Ka","translator":"","tags":["npm"],"priority":1},"html":"当包含npm token的代码提交到github公开代码仓库时，会触发 GitHub’s token scanning partnership program，npm撤销被公开的token的有效性。
"}},{"node":{"frontmatter":{"title":"npm解雇风波导致罢工依然处于僵局","publish":true,"cover":"","showCover":true,"date":"2019-06-21","category":"nodejs","url":"https://gist.github.com/aeschright/8ed09cbc2a4aee00fcb4ad35086d76a6","author":"Audrey Eschright 摘译 Ka","translator":"","tags":["npm"],"priority":1},"html":"npm cli 已经有 3 个月未提交了，
\n空降兵上级带来空降嫡系部队排除异己开除老员工。
\n"}},{"node":{"frontmatter":{"title":"opencvnodejs 支持 openCV4","publish":true,"cover":"https://user-images.githubusercontent.com/31125521/30052864-41bd5680-9227-11e7-8a62-6205f3d99d5c.gif","showCover":true,"date":"2019-06-21","category":"nodejs","url":"https://github.com/justadudewhohacks/opencv4nodejs","author":"Vincent Mühler","translator":"","tags":["opencv","machine learning"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"react css 样式组件 styled-components","publish":true,"cover":"","showCover":true,"date":"2019-06-20","category":"frontend","url":"https://github.com/styled-components/styled-components","author":"Evan Jacobs","translator":"","tags":["react"],"priority":1},"html":"硅谷也少不了这
\n空降兵问题
import React from 'react';\n\nimport styled from 'styled-components';\n\n// 创建一个Title组件\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// 创建一个Wrapper组件\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// 使用\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>;支持 typescript\n在线 Demo
"}},{"node":{"frontmatter":{"title":"readme-md-generator 依据 package 和 git 信息生成 README","publish":true,"cover":"https://user-images.githubusercontent.com/9840435/59458494-d7a94780-8e1a-11e9-9103-42639c347c38.jpg","showCover":true,"date":"2019-06-21","category":"nodejs","url":"https://github.com/kefranabg/readme-md-generator","author":"Franck Abgrall","translator":"","tags":["markdown"],"priority":1},"html":"npx readme-md-generator -y
import WebSocketAsPromised from 'websocket-as-promised';\n\nconst wsp = new WebSocketAsPromised('ws://example.com');\nawait wsp.open();\nwsp.send('message');\nawait wsp.close();这一事件最初可以追溯到四年前。2015 年 8 月，乐动卓越公司接到玩家投诉称，网址为 www.callmt.com 的网站提供《我叫 MT 畅爽版》的下载及游戏充值服务。乐动卓越公司经比对发现，该款游戏涉嫌非法复制其游戏的数据包，通过技术手段发现，该款游戏内容存储于阿里云公司的服务器。
\n之后，乐动卓越公司两次致函阿里云公司，要求其删除涉嫌侵权内容，并提供服务器租用人的具体信息。乐动卓越公司认为，阿里云公司的行为涉嫌构成共同侵权，因而诉阿里云公司侵犯信息网络传播权。遂于 2015 年 11 月向北京市石景山区人民法院起诉，请求判令阿里云断开链接、停止服务，向其提供数据库信息，并赔偿经济损失。一审认定阿里云应承担侵权责任，赔偿 26 万余元。
\n当时，阿里云公司表示：“作为云服务器提供商，既没有任何权利去查看用户的信息内容，也没有任何理由去调用用户的数据。只有收到司法部门的正式裁决和通知，阿里云公司才会依照法律要求配合司法部门协助调查。”
\n至此，历时四年，北京知识产权法院最终确定阿里云公司不承担任何法律责任。
"}},{"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":"微前端？react-vue一起用","publish":true,"cover":"https://res.cloudinary.com/practicaldev/image/fetch/s--Ugkc02A1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/wstpdc9ie6iw77qfeam7.jpg","showCover":true,"date":"2019-06-20","category":"frontend","url":"https://dev.to/dabit3/building-micro-frontends-with-react-vue-and-single-spa-52op","author":"Nader Dabit","translator":"","tags":["react"],"priority":1},"html":"微服务还不够，微前端也出现了，去年 2018 就有此概念提出。
\n如果你想，也可以 react,vue 一起用。
\n使用Single SPA。\n代码示例
\n为什么要这么做？也许是由于整合多个团队的已有代码。
\n\n"}},{"node":{"frontmatter":{"title":"我不喜欢 Go 语言的十个理由","publish":true,"cover":"","showCover":true,"date":"2019-06-17","category":"go","url":"https://www.infoq.cn/article/sVaeA7Y3pei2sYy_lK9e","author":"Lawrence 译者 阿拉丁","translator":"","tags":["go"],"priority":1},"html":"用户会用这样的“百衲衣”界面吗？
\n
有的网友对作者的观点表示认同，并表示虽然会将 Go 语言作为一种备用的编程语言，但如无必要不会再去用它。有的网友则觉得作者提出的大部分缺点都不是问题，并希望 Go 语言保持初心，不要随意修改。
"}},{"node":{"frontmatter":{"title":"硅谷 it 薪水全透明了","publish":true,"cover":"","showCover":true,"date":"2019-06-20","category":"other","url":"https://www.infoq.cn/article/HRIQ_0OJQ6sl7aULuXvc","author":"Kif Leswing 译者 无明","translator":"","tags":["career"],"priority":1},"html":"硅谷公司薪水和级别\n谷歌和 Facebook 是如何给工程师定职级和薪水的？
\n\n See the Pen \n Matrix digital rain (animated version) by yuanchuan (@yuanchuan)\n on CodePen.\n
\n"}},{"node":{"frontmatter":{"title":"管理 docker 里的 nodejs 内存","publish":true,"cover":"","showCover":true,"date":"2019-06-20","category":"nodejs","url":"https://developer.ibm.com/articles/nodejs-memory-management-in-container-environments/","author":"Ravali Yatham","translator":"","tags":["docker"],"priority":1},"html":"--memory 与 --max-old-space-size配合
\ndocker\ndocker run --memory 1000000b --interactive --tty <imagename> bash 决定 docker contaner 最多可用多少内存
docker 内部脚本 node --max_old_space_size=1024 test-fatal-error.js 告诉 nodejs 可用多少内存
--max_old_space_size 以 megabyte(兆字节) 做单位
process.memoryUsage()以 bytes(字节)做单位
理论上 32 位 nodejs 默认不超过 700MB；64 位不超过 1400MB。
\n实际上往往还是决定于--memory 赋值的 container 内存大小
支持使用 mongo 查询语言搜索 AWS S3 里的 JSON, CSV, TSV, Avro and Parquet 格式的文件数据, 你只需要提供 AWS S3 访问信息即可。
"}},{"node":{"frontmatter":{"title":"MongoDB Atlas 支持全文搜索，自动扩展","publish":true,"cover":"","showCover":true,"date":"2019-06-27","category":"database","url":"https://www.mongodb.com/blog/post/full-text-search-and-auto-scaling-coming-to-mongodb-atlas","author":"Mongodb 摘译 Ka","translator":"","tags":["mongodb"],"priority":1},"html":"只需要在你的 mongo atlas 集群上配置选项即可开启全文搜索，默认是对所有 string 类型进行索引，你也可通过自定义全文搜索索引。文档
\n自动扩展目前还是内部 beta 版，预计今年夏天正式推出。
"}},{"node":{"frontmatter":{"title":"MongoDB 4.2 新特性预览","publish":true,"cover":"","showCover":true,"date":"2019-06-27","category":"database","url":"https://www.mongodb.com/blog/post/mongodb-42-previewed-at-mongodb-world","author":"Dj Walker-Morgan 摘译 Ka","translator":"","tags":["mongodb"],"priority":1},"html":"只需要在 AWS 上大概 7 个点击，就可以部署成功在 EC2 上运行的 nodejs web 程序,并自带 Let's Encrypt 证书。
\n主要使用到 AWS 的CodePipeline CodeBuild CodeDeploy。
上个周末，一些欺诈网站纷纷上线，例如运行在俄罗斯的一家钓鱼网站calìbra.com（注意字母ì）就是完全模仿合法的官方网站calibra.com。当用户误入欺诈网站点击右上角的“预售”按钮，就会看到诱惑性的提示，显示现在立马以加密币购买Libra会有许多优惠，而实际上官方的Libra根本就未以任何形式预售。
\n相对于明目张胆的欺骗，Zuckbucks.cash则表现的是讽刺，其宣称其发行的ZBUX什么也做不了，除了给扎克伯格膨胀的银行账户再加上几块。“就像LIBRA一样，Zuckbucks除了把你的钱直接放到开发者的荷包里，其他什么利润也不会带给你。”
"}},{"node":{"frontmatter":{"title":"npm CEO致信员工资金可以支撑到2020","publish":true,"cover":"","showCover":true,"date":"2019-06-27","category":"nodejs","url":"https://npm.community/t/release-npm-6-9-1/8435","author":"摘译 Ka","translator":"","tags":["npm"],"priority":1},"html":"同时 npm 6.9.1 经过长时间的延迟，终于发布了。
"}},{"node":{"frontmatter":{"title":"图解numpy使用","publish":true,"cover":"https://jalammar.github.io/images/numpy/create-numpy-array-ones-zeros-random.png","showCover":true,"date":"2019-06-28","category":"python","url":"https://jalammar.github.io/visual-numpy/","author":"Jay Alammar","translator":"","tags":["numpy"],"priority":1},"html":"![](\"https://jalammar.github.io/images/numpy/numpy-arrays-adding-1.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-array-broadcast.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-array-create-2d.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-matrix-ones-zeros-random.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-matrix-arithmetic.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-matrix-broadcast.png\")
![](\"https://jalammar.github.io/images/numpy/numpy-matrix-dot-product-1.png\")
\n![](\"https://jalammar.github.io/images/numpy/numpy-matrix-dot-product-2.png\")
\n
![](\"https://jalammar.github.io/images/numpy/numpy-matrix-indexing.png\")
底层使用 matchMedia进行查询
\nimport darkmode from '@assortment/darkmodejs';\n\nconst onChange = (activeTheme, themes) => {\n switch (activeTheme) {\n case themes.DARK:\n console.log('darkmode enabled');\n break;\n case themes.LIGHT:\n console.log('lightmode enabled');\n break;\n case themes.NO_PREF:\n console.log('no preference enabled');\n break;\n case themes.NO_SUPP:\n console.log('no support sorry');\n break;\n }\n};\n\ndarkmode({ onChange });import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\n\nconst hookedSearchBar = () => {\n //相当于 mapDispatchToProps\n const dispatch = useDispatch();\n //相当于 mapStateToProps\n const query = useSelector(state => state.query);\n const handleSubmit = e => {\n e.preventDefault();\n dispatch({ type: 'NEW_SEARCH', payload: query });\n };\n const handleChange = e =>\n dispatch({ type: 'UPDATE_QUERY', payload: e.target.value });\n\n return (\n <form onSubmit={handleSubmit}>\n <input name=\"search\" value={query} onChange={handleChange} />\n </form>\n );\n};之前并没有统一规定 sort 的实现，而由各引擎自己决定。
\n"}},{"node":{"frontmatter":{"title":"Meteor 的编译棒呆了，Meteor 被低估了","publish":true,"cover":"","showCover":true,"date":"2019-07-06","category":"nodejs","url":"https://dev.to/trusktr/meteor-vs-webpack-vs-parcel-39d7","author":"Joe Pea","translator":"","tags":["nodejs"],"priority":1},"html":"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\"
\n\n"}},{"node":{"frontmatter":{"title":"Jimp-纯nodejs图片处理","publish":true,"cover":"https://camo.githubusercontent.com/6e9aac6934fcc8a8ac260b23b839cae4d9d40f8a/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f7069782e69656d6f6a692e636f6d2f696d616765732f656d6f6a692f6170706c652f696f732d31312f3235362f637261796f6e2e706e67","showCover":true,"date":"2019-07-05","category":"nodejs","url":"https://github.com/oliver-moran/jimp","author":"Oliver Moran 编辑 Ka","translator":"","tags":["nodejs"],"priority":2},"html":"Meteor 一个整合了许多很酷的东西，meteor 2015 年开发出来时显得太超前，然而现在正是大放异彩的时候。
\n
支持resize gif,不支持webp。
与 React，Vue 不同的是，在编译阶段生成最终代码，不存在虚拟 DOM。
\nconst { count } = this.get();\nthis.set({\n count: count + 1\n});在线demo\n设计师们对此表示热烈欢迎👏👏👏👏👏
"}},{"node":{"frontmatter":{"title":"google计划促进robots txt作为互联网标准","publish":true,"cover":"","showCover":true,"date":"2019-07-05","category":"frontend","url":"https://thenextweb.com/google/2019/07/02/google-wants-to-make-the-25-year-old-robots-txt-protocol-an-internet-standard/","author":"Ravie Lakshmanan 摘译 Ka","translator":"","tags":["google"],"priority":2},"html":"google开源了robots.txt的解析器和匹配算法，同时宣布计划促进让 Robots Exclusion Protocol (REP) 成为互联网标准。
"}},{"node":{"frontmatter":{"title":"lighthouse开源的站点性能检测工具","publish":true,"cover":"","showCover":true,"date":"2019-07-05","category":"frontend","url":"https://developers.google.com/web/tools/lighthouse/","author":"Google 摘译 Ka","translator":"","tags":["javascript"],"priority":1},"html":"可作为chrome浏览器插件安装,也可以安装为命令行工具。
\nnpm install -g lighthouse
针对一个页面运行 Lighthouse 审查。
\nlighthouse https://airhorner.com/
LevelDB是google开发的用在chrome上的键值对数据库。
\nlevel包装了api使得使用更方便。
\nnpm install levelup leveldown
var levelup = require('levelup')\nvar leveldown = require('leveldown')\n\n// 1) 创建store\nvar db = levelup(leveldown('./mydb'))\n\n// 2) 赋值\nawait db.put('name', 'levelup')\n\n// 3) 获取\n await db.get('name');使用:
\nvar MultiStream = require('multistream')\nvar fs = require('fs')\n\nvar streams = [\n fs.createReadStream(__dirname + '/numbers/1.txt'),\n fs.createReadStream(__dirname + '/numbers/2.txt'),\n fs.createReadStream(__dirname + '/numbers/3.txt')\n]\n\nnew MultiStream(streams).pipe(process.stdout) // => 123如作者所说，相比与其他两个插件publish-composite和publish-aggregations(也是作者开发)都更高效。
Network Information API 可知道是否联网,以及如下信息：
\neffectiveType 取值为 'slow-2g', '2g', '3g', 或者 '4g'downlink有效带宽 M/秒rtt round trip time 一个包的往返时间saveData 用户是否启用减少数据量选项Mozila创建了这样一个网站。
\n它会弹出100个无用的页面愚弄广告追踪网站。（你需要允许弹出新页面。）
\n弹出100个页面之前会提示你此举动可能会让你的系统变慢。
\n此举获得大量好评！
"}},{"node":{"frontmatter":{"title":"浏览器上的svg编辑器","publish":true,"cover":"","showCover":true,"date":"2019-07-05","category":"frontend","url":"https://github.com/SVG-Edit/svgedit","author":"SVG-Edit","translator":"","tags":["svg"],"priority":1},"html":""}}],"meta":{"title":"Jimp-纯nodejs图片处理|google计划促进robots txt作为互联网标准|火狐希望帮助你愚弄讨厌的广告追踪者","publish":true}},{"index":10,"total":365,"name":"2019-07-14","items":[{"node":{"frontmatter":{"title":"Doom3游戏完整的转到WebAssembly","publish":true,"cover":"https://dhewm3.org/dhewm3-linux.jpg","showCover":true,"date":"2019-07-10","category":"frontend","url":"https://www.infoq.com/news/2019/07/doom3-web-assembly-port/","author":"Bruno Couriol 摘译 Ka","translator":"","tags":["game"],"priority":2},"html":"Gabriel Cuvillier 全职花了整整 7 周将 Doom3 转移到 WebAssembly 上运行。\n在线 Demo
\n另外一个 3d demo
\nGabriel Cuvillier 认为：
\nAWS Control Tower 可自动设置基准环境或登录区，这是安全且架构完善的多账户 AWS 环境。登录区的配置是基于我们与数千位企业客户以创建安全环境为目标合作构建的最佳实践，支持您更轻松地使用安全性、运营和合规性规则管理 AWS 工作负载。
\n当然，此功能不收取任何费用。
"}},{"node":{"frontmatter":{"title":"Quasar Framework 1.0.0 发布，基于 vue.js 的开源框架","publish":true,"cover":"https://oscimg.oschina.net/oscnet/bb524cd1d630c7600d9377ac6ad525cbe1b.jpg","showCover":true,"date":"2019-07-10","category":"frontend","url":"https://www.oschina.net/news/107986/quasar-framework-1-0-0-released","author":"afterer@OSCHINA","translator":"","tags":["vue"],"priority":2},"html":"Quasar 是基于 vue.js 的开源框架，可以快速创建具有多种风格的响应+网站/应用程序。
\nQuasar 的座右铭是，编写一次代码，同时将其部署为网站、移动应用程序和/或电子应用程序。它们都有一个代码库，通过使用最先进的 cli 并以最佳实践为后盾，帮助开发者在最短时间内开发应用程序，快速的 Quasar Web 组件。
\n\n"}},{"node":{"frontmatter":{"title":"React Native 0.60.2 发布，带来全新 JS 引擎 Hermes","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://www.oschina.net/news/108200/react-native-0-60-2-released","author":"h4cd@OSCHINA","translator":"","tags":["react native"],"priority":1},"html":"居然连桌面端 electron 都支持，唯一的不足是不支持微信小程序
\n
Hermes 是一款小巧轻便的 JavaScript 引擎，针对在 Android 上运行 React Native 进行了优化。对于许多应用程序，只需启用 Hermes 即可缩短启动时间、减少内存使用量并缩小应用程序大小，此外因为它采用 JavaScript 标准实现，所以很容易在 React Native 应用中集成。
"}},{"node":{"frontmatter":{"title":"abcjs-乐谱显示播放框架","publish":true,"cover":"https://camo.githubusercontent.com/5bac047920f61546de0b3b68607f88bb83551174/68747470733a2f2f63646e2e7261776769742e636f6d2f7061756c726f73656e2f6162636a732f6d61737465722f646f63732f6162636a735f636f6d705f657874656e6465645f30382e737667","showCover":true,"date":"2019-07-11","category":"frontend","url":"https://github.com/paulrosen/abcjs","author":"Paul Rosen","translator":"","tags":["music"],"priority":1},"html":"可以显示乐谱，也可以演奏乐谱。太喜欢了。
\n"}},{"node":{"frontmatter":{"title":"amazon-aurora serverless 现在支持 postgres","publish":true,"cover":"https://d2908q01vomqb2.awsstatic-china.com/da4b9237bacccdf19c0760cab7aec4a8359010b0/2019/07/10/aurora-serverless-postgresql-10-7.png","showCover":true,"date":"2019-07-11","category":"database","url":"https://amazonaws-china.com/cn/blogs/aws/amazon-aurora-postgresql-serverless-now-generally-available/","author":"AWS 编辑 Ka","translator":"","tags":["postgres"],"priority":1},"html":"amazon-aurora serverless 支持 mysql 已有一年，现在基本上支持 postgres。
\n借助 Aurora Serverless，您只需创建数据库终端节点，有选择地指定所需的数据库容量范围，然后连接您的应用程序。您需要在数据库处于活动状态期间按照每秒使用的数据库容量进行付费，并且只需在 Amazon RDS 管理控制台中单击几下即可在标准配置和无服务器配置之间进行迁移。
"}},{"node":{"frontmatter":{"title":"bash 幂等性技巧列表","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"devops","url":"https://arslan.io/2019/07/03/how-to-write-idempotent-bash-scripts/","author":"Fatih Arslan 编辑 Ka","translator":"","tags":["bash"],"priority":1},"html":"touch example.txt
mkdir -p mydir
ln -sfn source target
rm -f file
if ! grep -qF \"/mnt/dev\" /etc/fstab; then\n echo \"/dev/sda1 /mnt/dev ext4 defaults 0 0\" | sudo tee -a /etc/fstab\nfi-q 安静模式\n-F 打开 fixed string
\nif [ ! -f \"/etc/conf/foo.txt\" ]; then\n echo \"complex set of rules\" > /etc/conf/foo.txt\nfi-f: 文件是否存在\n-d: 是否是文件夹\n-z: 是否空字符串\n-p: 管道\n-x: 文件是否有执行权限
\n# 判断文件是否已安装，若没有才安装\nif ! [ -x \"$(command -v op)\" ]; then\n export OP_VERSION=\"v0.5.6-003\"\n curl -sS -o 1password.zip https://cache.agilebits.com/dist/1P/op/pkg/${OP_VERSION}/op_linux_amd64_${OP_VERSION}.zip\n unzip 1password.zip op -d /usr/local/bin\n rm -f 1password.zip\nfiif ! mountpoint -q \"$DATA_DIR\"; then\n mount -o discard,defaults,noatime \"$VOLUME_NAME\" \"\\$DATA_DIR\"\nfi兼容 NoSQL,支持 SQL DML,Java stored proced。
\n这个新特性称之为 Global Media Controls (GMC),全局媒体控制器。
"}},{"node":{"frontmatter":{"title":"deno到底是什么？","publish":true,"cover":"https://deno.land/images/deno_logo_2.gif","showCover":true,"date":"2019-07-11","category":"nodejs","url":"https://blog.kazge.com/javascript/nodejs/2019/07/11/zh-what-is-deno/","author":"Ka","translator":"","tags":["deno"],"priority":2},"html":"可以让 h 标签加上 marker
\n\n主要涉及到
\n\n纯 css 实现的
\n"}},{"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":"日志保存多久合适","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"devops","url":"https://medium.com/anton-on-security/retaining-logs-for-a-year-boring-or-useful-70ea21fa3dda","author":"Anton Chuvakin 编辑 Ka","translator":"","tags":["logs"],"priority":1},"html":"虽然很麻烦，还是建议保存一年，现在流行的半年保存期有时候并不合适。
"}},{"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":"破纪录的单文件数据传输","publish":true,"cover":"https://2s7gjr373w3x22jf92z99mgm5w-wpengine.netdna-ssl.com/wp-content/uploads/2018/11/Summit-300x169.png","showCover":true,"date":"2019-07-10","category":"database","url":"https://www.datanami.com/2019/07/10/argonne-team-makes-largest-single-file-transfer-in-history/","author":"Oliver Peckham 摘译 Ka","translator":"","tags":["file"],"priority":2},"html":"Argonne 国家实验室的一个团队完成了使用 Globus 服务将三个宇宙学模拟数据文件传输到新地点的任务。这三个文件每个都将近 3 拍字节(petabytes 千万亿字节)。
"}}],"meta":{"title":"deno到底是什么？|想让你的文章出现在这里？|破纪录的单文件数据传输|日志保存多久合适|游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true}},{"index":11,"total":365,"name":"2019-07-21","items":[{"node":{"frontmatter":{"title":"Framer Motion 声明式 react 动画","publish":true,"cover":"https://user-images.githubusercontent.com/38039349/60953119-d3c6f300-a2fc-11e9-9596-4978e5d52180.png","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/framer/motion","author":"Framer","translator":"","tags":["animation"],"priority":1},"html":"<motion.div animate={{ x: 0 }} />在完成了Apollo Federation的开发工作后，卓越的MDG成员Ben Newman回归Meteor开发对Meteor官方对typescript的支持。
"}},{"node":{"frontmatter":{"title":"color-thief 从图片中获取配色方案","publish":true,"cover":"https://lokeshdhakar.com/projects/color-thief/images/image-2.jpg","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/lokesh/color-thief/","author":"Lokesh Dhakar","translator":"","tags":["color"],"priority":1},"html":"\nvar colorThief = new ColorThief();\ncolorThief.getColor(sourceImage);generator 最大的用处还是实现 async/await,然而依然不如直接使用 async/await 直观。总的来说，使用 generator 的场景并不多见。
"}},{"node":{"frontmatter":{"title":"mongol-查看meteor App浏览器内mongodb工具","publish":true,"cover":"https://raw.githubusercontent.com/msavin/Mongol-meteor-explore-minimongo-devtools/master/Mongol.gif","showCover":true,"date":"2019-07-11","category":"nodejs","url":"https://github.com/msavin/Mongol-meteor-explore-minimongo-devtools","author":"Max Savin","translator":"","tags":["meteor"],"priority":1},"html":"meteor add msavin:mongol\n只会在开发环境中开启，浏览器中Control + M开启/关闭界面。
Trampoline 的最终目的是将递归转为循环，改成循环的诀窍是，代码不马上执行，而是返回函数。那么 promise 也可以达到相同的目的。
"}},{"node":{"frontmatter":{"title":"survey-library 轻松建立调查表单","publish":true,"cover":"https://cloud.githubusercontent.com/assets/22315929/22462339/ed33f60a-e7bd-11e6-942b-72882e6bf1db.gif","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/surveyjs/survey-library","author":"Devsoft Baltic OÜ","translator":"","tags":["survey"],"priority":1},"html":"支持 react,vue,angular2。
\n"}},{"node":{"frontmatter":{"title":"react-page-visibility react页面可见管理组件","publish":true,"cover":"","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/pgilad/react-page-visibility","author":"Gilad Peleg","translator":"","tags":["react"],"priority":1},"html":"使用Page Visibility API实现\n。
\nimport React from 'react';\nimport PageVisibility from 'react-page-visibility';\n\nconst AppContainer = () => {\n return (\n <PageVisibility>\n {isVisible => <RotatingCarousel rotate={isVisible} />}\n </PageVisibility>\n );\n};即使在老旧的移动设备上，postMessage 性能：
\n多大于此数据量，则考虑二进制传输或 WebAssembly。
"}},{"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":""}}],"meta":{"title":"mongol-查看meteor App浏览器内mongodb工具|多线程 postMessage 性能怎么样?|想让你的文章出现在这里？|游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true}},{"index":12,"total":365,"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修复读取整个文件一次后，下次读取没有返回 EOF 的 bug。
\n修复在旧版本服务器上使用指针连接泄漏的 bug
\n修复查询错误没有包装为mongo.CommandError的 bug
修复在旧版本服务器上使用 ListCollections 没有过滤索引的 bug
\n指定连接字符串指向需要验证的数据库但没有指明凭据时的行为。（原文\nSpecified behavior where connection string contains authentication database but no credentials.）
\nNode.js 12.7.0 已经发布，Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。更新内容如下：
\npackage.json
{\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}引用
\nimport 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<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/>不依赖 jquery, 支持 npm\nnpm install tabulator-tables --save
✨ (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。
\nfunction 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}a?.b;\n// 等同于\na == null ? undefined : a.b;\n// 注意 == null的判断\n// null == null : true\n// undefined == null :true\n// 0 == null :false\n// '' == null :falsea ?? 'haha';\n// 仅当a为null或undefined时返回'haha',否则返回a的值//左边输出作为右边第一个输入\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!\"const addOne = add.bind(null, 1);\naddOne(2); // 3\n\n// 等同于\nconst addOne = add(1, ?);\naddOne(2); // 3这个和管道配合比较方便
\nlet newScore = player.score\n |> add(7, ?)\n |> clamp(0, 100, ?);pgBackRest 是 postgres 备份工具。
\n示例使用MinIO模拟 AWS S3 服务。
\npgBackRest 配置：
\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备份\nsudo -iu postgres pgbackrest --stanza=my_stanza --type=full backup
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 的代码并运行，无需注册可直接分享。
\nSQL Fiddle 支持 MySql,Oracle,Postgres,MSSQL
\nDB 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 或时间查询。
\npostgres=# create index testtab_date_brin_idx on testtab using brin (date);\nCREATE INDEX适用于键为按顺序增长的数据。
"}},{"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":"Content-Security-Policy（CSP）CSP 通过指定允许加载哪些资源的形式，来防止跨站脚本注入
\nStrict-Transport-Security（HSTS）该响应报头告诉浏览器，只能通过 HTTPS 访问网站
\nX-Content-Type-Options 该响应报头确保浏览器遵守应用程序设置的 MIME 类型。这有助于防止某些类型的跨站脚本注入攻击。
\nCache-Control（缓存控制）
\nExpires（过期时间）该响应报头能设置当前请求缓存的过期时间。如果设置了 Cache-Control 的 max-age 响应报头，它将会被忽略，因此，在不考虑使用 Cache-Control 而进行本地缓存测试时，才设置它。
\nX-Frame-Options 该响应报头用来表明站点是否允许在 iFrame 中展示。
\nAccess-Control-Allow-Origin 通过该响应报头可以告诉浏览器，允许哪些其他站点的前端 JavaScript 代码对页面发出请求。
\nSet-Cookie 确保 cookie 仅能通过 HTTPS（加密）传送，并且不能通过 JavaScript 访问。
\nSet-Cookie: <cookie-name>=<cookie-value>; Domain=<domain-value>; Secure; HttpOnly
法国通信系统工程师学校与研究中心（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"}},{"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":"小编指出，未来最快的 cpu 还是基于人造脑的生物工程脑。
\n
<link\n rel=\"stylesheet\"\n href=\"/path/to/my.css\"\n media=\"print\"\n onload=\"this.media='all'\"\n/>media="print"让浏览器认为此样式与渲染无关，则不等它加载完即进行下一步，达到异步加载的目的。onload="this.media='all'" 当加载完后，运用到所有媒体，包括 screen，则应用了样式。rel=preloadrel=preload浏览器支持尚未完善rel=preload优先级非常高，副作用大如果想异步加载又想使用较高的优先级，则可混合使用：
\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"}},{"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":"以前一直以为 css 是异步加载，javascript 是同步加载。实际上，css 也是同步加载，只不过下载完后对它的处理不会阻塞文档渲染。详情参见浅析前端页面渲染机制
\n
支持原生 javascript，故支持可与任何框架整合。
\n提供 react 组件。
\nimport Moveable from 'moveable';\n\nconst rotatable = new Moveable(document.body, {\n target: document.querySelector('.origin'),\n rotatable: true,\n origin: true\n});2018 年针对网站和 APP 的与美国残疾人法（Americans with Disabilities Act (ADA)）相关的诉讼增长了近一倍。
\nWCAG 2.0 AA 要求网站提供:
\nAmazon Transcribe是AWS提供的实时语音解析服务，其内部使用了AI。
\n现在Amazon Transcribe支持British English (en-GB 英式英语), US English (en-US美式英语), French (fr-FR法语), Canadian French (fr-CA加拿大式法语), and US Spanish (es-US美式西班牙语).
"}},{"node":{"frontmatter":{"title":"Grid Studio与python集成的excel","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"python","url":"https://github.com/ricklamers/gridstudio","author":"Rick Lamers","translator":"","tags":["excel"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Monorepos - npm7将提供支持","publish":true,"cover":"https://cloud.githubusercontent.com/assets/952783/15271604/6da94f96-1a06-11e6-8b04-dc3171f79a90.png","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://blog.npmjs.org/post/186494959890/monorepos-and-npm","author":"Daniel Sauble 摘译 Ka","translator":"","tags":["npm"],"priority":1},"html":"Monorepos指的是一个git项目里包含多个子项目的结构。
\n目前npm需要通过lerna来提供支持。
\nnpm7将提供对此种结构的内在支持。
"}},{"node":{"frontmatter":{"title":"dotenv-flow依据环境判断的配置加载工具","publish":true,"cover":"https://raw.githubusercontent.com/kerimdzhanov/dotenv-flow/master/dotenv-flow@2x.png","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://github.com/kerimdzhanov/dotenv-flow","author":"Dan Kerimdzhanov 摘译 Ka","translator":"","tags":["docker"],"priority":1},"html":"npm install dotenv-flow --save
require('dotenv-flow').config();\n\nconsole.log('database host:', process.env.DATABASE_HOST);\nconsole.log('database port:', process.env.DATABASE_PORT);\nconsole.log('database user:', process.env.DATABASE_USER);\nconsole.log('database pass:', process.env.DATABASE_PASS);\nconsole.log('database name:', process.env.DATABASE_NAME);👇.env 最先被加载\n️👇.env.local 如果有则加载\n👇NODEENV 如果指定了NODEENV且有则加载\n👇NODEENV.local 如果指定了NODEENV且有则加载
\n上面的顺序是覆盖规则，即后加载的如果有对应的key,则会覆盖，如果没有则不会删除原来的key
\n默认，会加载.env.local\n如果指定了NODEENV环境变量，则会加载.env.${NODEENV}\n建议的环境名为development, test, production, qa, stage
\n可通过DOTENVFLOWPATH指明配置加载地址
\n建议.env.production不要放在git上，而是仅放在服务器上。
"}},{"node":{"frontmatter":{"title":"marblejs-流处理web框架","publish":true,"cover":"https://raw.githubusercontent.com/marblejs/marble/master/assets/img/logo.png","showCover":true,"date":"2019-07-30","category":"nodejs","url":"https://blog.kazge.com/nodejs/2019/07/29/zh-marblejs-introduction/","author":"Ka","translator":"","tags":["marble"],"priority":2},"html":"marblejs 是 nodejs 的服务端框架，使用 typescript，RxJs。 其作用类似于 expressjs 等。
"}},{"node":{"frontmatter":{"title":"docker中使用nodejs的几个技巧","publish":true,"cover":"https://i0.wp.com/blog.docker.com/wp-content/uploads/2019/07/C3-promo-small.jpg?w=1280&ssl=1","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://blog.docker.com/2019/07/keep-nodejs-rockin-in-docker/","author":"Bret Fisher 摘译 Ka","translator":"","tags":["docker"],"priority":1},"html":"![](\"https://i0.wp.com/blog.docker.com/wp-content/uploads/2019/07/docker-image-ls-node.png?w=1910&ssl=1\")
主要原因是npm不能转发进程信号
"}},{"node":{"frontmatter":{"title":"react-swipeable - react滑屏组件","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"http://dogfessional.github.io/react-swipeable/","author":"Dogfessional","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react结合motion和router的动画特效例子","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://codesandbox.io/s/framer-motion-x-react-router-n7qhp","author":"Matt Perry","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"semiotic-基于d3的react图表组件","publish":true,"cover":"https://github.com/nteract/semiotic/raw/master/semiotic_logo_horizontal.png","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://github.com/nteract/semiotic","author":"nteract 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"d3很强大，强大得不是很容易用。semiotic对其进行了封装，成了react组件。
\n三种图表结构：
\nconst Example = () => {\n const componentRef = useRef();\n return (\n <div>\n <ReactToPrint\n trigger={() => <button>Print this out!</button>}\n content={() => componentRef.current}\n />\n <ComponentToPrint ref={componentRef} />\n </div>\n );\n};使用javascript语法写样式
\n使用组件来编排样式
\n利用javascript的语法特性
\n利用javascript生态系统
\n阅读 https://www.gatsbyjs.org/docs/css-in-js/\n使用 Emotion 和 Styled-Components
"}},{"node":{"frontmatter":{"title":"动画工具箱大集合","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://css-tricks.com/css-animation-libraries/","author":"Chris Coyier ","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"不要在生产环境中启动程序时整合数据库","publish":true,"cover":"","showCover":true,"date":"2019-07-29","category":"devops","url":"https://pythonspeed.com/articles/schema-migrations-server-startup/","author":"Itamar Turner-Trauring 摘译 Ka","translator":"","tags":["database"],"priority":1},"html":"解决：\n数据库整合应该是单独的操作，这样可以通过策略来避免downtime。\n可使用flyway这样的开源工具来自动整合。
"}},{"node":{"frontmatter":{"title":"使用panda读取json","publish":true,"cover":"https://www.marsja.se/wp-content/uploads/2019/07/python_pandas_read_json_write_url_requests.jpg","showCover":true,"date":"2019-08-01","category":"python","url":"https://www.marsja.se/how-to-read-and-write-json-files-using-python-and-pandas/","author":" Erik Marsja 编辑 Ka","translator":"","tags":["panda"],"priority":2},"html":"import json\nwith open('data.json', 'w') as outfile:\n json.dump(data, outfile)import pandas as pd\n\ndf = pd.read_json('data.json')\n\ndfdf.to_csv(\"data.csv\")# 方法一\nurl = \"https://api.exchangerate-api.com/v4/latest/USD\"\ndf = pd.read_json(url)\ndf.head()\n\n# 方法二\nimport requests\nfrom pandas.io.json import json_normalize\n\nurl = \"https://think.cs.vt.edu/corgis/json/airlines/airlines.json\"\nresp = requests.get(url=url)\n\ndf = json_normalize(resp.json())\ndf.head()集成了多个api 服务
\n\n\n老编想说：既然都mongodb了，为什么不Meteor?
\n
⚠️ 运行 CPU 会狂转!
\n使用liquidfun(基于 box2d 的刚体引擎)和regl WebGL library
\n"}},{"node":{"frontmatter":{"title":"渐变样式选择工具","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://www.gradientmagic.com/","author":"Jordan Marshall","translator":"","tags":["css"],"priority":1},"html":""}},{"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":1},"html":""}},{"node":{"frontmatter":{"title":"纯css响应式iframe","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://css-tricks.com/responsive-iframes/","author":"Chris Coyier","translator":"","tags":["css"],"priority":1},"html":"iframe父元素relative,css创建一个伪元素，大小是指定的，再将iframe高宽设置为100%。
\n代码:
\n"}}],"meta":{"title":"marblejs-流处理web框架|semiotic-基于d3的react图表组件|使用panda读取json|不要在生产环境中启动程序时整合数据库|游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true}},{"index":14,"total":365,"name":"2019-08-11","items":[{"node":{"frontmatter":{"title":"ES标准提议-脚本中以模块引入样式","publish":true,"cover":"","showCover":true,"date":"2019-08-08","category":"frontend","url":"https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/CSSModules/v1Explainer.md","author":"Dan Clark 编辑 Ka","translator":"","tags":["html"],"priority":1},"html":"import styles from \"styles.css\";\ndocument.adoptedStyleSheets = [...document.adoptedStyleSheets, styles];参见此讨论
"}},{"node":{"frontmatter":{"title":"Apollo Client已支持React Hooks","publish":true,"cover":"https://miro.medium.com/max/1000/1*DTxULMcMoWBFeDvDUp3WnQ@2x.png","showCover":true,"date":"2019-08-08","category":"nodejs","url":"https://blog.apollographql.com/apollo-client-now-with-react-hooks-676d116eeae2","author":"Hugh Willson 摘译 Ka","translator":"","tags":["graphql"],"priority":1},"html":"npm install @apollo/react-hooks
const LAST_LAUNCH = gql`\n query lastLaunch {\n launch {\n id\n timestamp\n }\n }\n`;\n\nexport function LastLaunch() {\n const { loading, data } = useQuery(LAST_LAUNCH);\n return (\n <div>\n <h1>Last Launch</h1>\n {loading ? <p>Loading</p> : <p>Timestamp: {data.launch.timestamp}</p>}\n </div>\n );\n}function Message() {\n const [saveMessage, { loading }] = useMutation(SAVE_MESSAGE);\n const [deleteMessage] = useMutation(DELETE_MESSAGE);\n const { data } = useQuery(GET_MESSAGE);\n\n return (\n <div>\n <p>\n {loading\n ? 'Loading ...'\n : `Message: ${data && data.message ? data.message.content : ''}`}\n </p>\n <p>\n <button onClick={() => saveMessage()}>Save</button>\n <button onClick={() => deleteMessage()}>Delete</button>\n </p>\n </div>\n );\n}![](\"https://miro.medium.com/max/700/1*9wdVh5bOUWIveMl6ms1fHQ.png\")
基于浏览器TransformStream的实现StreamSaver。
\nvar FileSaver = require('file-saver');\n//保存Blob\nvar blob = new Blob([\"Hello, world!\"], {type: \"text/plain;charset=utf-8\"});\nFileSaver.saveAs(blob, \"hello world.txt\");\n\n// 保存链接\nFileSaver.saveAs(\"https://httpbin.org/image\", \"image.jpg\");\n\n//保存canvas\nvar canvas = document.getElementById(\"my-canvas\");\ncanvas.toBlob(function(blob) {\n saveAs(blob, \"pretty image.png\");\n});const formatter = new Intl.NumberFormat('fr');\nformatter.format(12345678901234567890n);\n// → '12 345 678 901 234 567 890'\nformatter.formatToParts(123456n);\n// → [\n// → { type: 'integer', value: '123' },\n// → { type: 'group', value: ' ' },\n// → { type: 'integer', value: '456' }\n// → ]const formatter = new Intl.NumberFormat('en', {\n style: 'unit',\n unit: 'kilobyte'\n});\nformatter.format(1.234);\n// → '1.234 kB'\nformatter.format(123.4);\n// → '123.4 kB'const formatter = new Intl.NumberFormat('en');\nformatter.format(987654.321);\n// → '987,654.321'\nformatter.formatToParts(987654.321);\n// → [\n// → { type: 'integer', value: '987' },\n// → { type: 'group', value: ',' },\n// → { type: 'integer', value: '654' },\n// → { type: 'decimal', value: '.' },\n// → { type: 'fraction', value: '321' }\n// → ]// Test compact notation.\nconst formatter = new Intl.NumberFormat('en', {\n notation: 'compact'\n});\nformatter.format(1234.56);\n// → '1.2K'\nformatter.format(123456);\n// → '123K'\nformatter.format(123456789);\n// → '123M'const formatter = new Intl.NumberFormat('en', {\n style: 'unit',\n unit: 'meter-per-second',\n notation: 'scientific'\n});\nformatter.format(299792458);\n// → '2.998E8 m/s'const formatter = new Intl.NumberFormat('en', {\n style: 'unit',\n unit: 'percent',\n signDisplay: 'always'\n});\nformatter.format(-12.34);\n// → '-12.34%'\nformatter.format(12.34);\n// → '+12.34%'\nformatter.format(0);\n// → '+0%'\nformatter.format(-0);\n// → '-0%'const formatter = new Intl.NumberFormat('en', {\n style: 'currency',\n currency: 'USD',\n signDisplay: 'exceptZero',\n currencySign: 'accounting'\n});\nformatter.format(-12.34);\n// → '($12.34)'\nformatter.format(12.34);\n// → '+$12.34'\nformatter.format(0);\n// → '$0.00'\nformatter.format(-0);\n// → '($0.00)'alpaca(羊驼)是用来炒美股的0手续费的api。其提供实时股票数据，和交易api。
\n\n"}},{"node":{"frontmatter":{"title":"css动画讲解","publish":true,"cover":"https://miro.medium.com/max/2024/1*aMOZ578-yNodBhdisfYGWQ.gif","showCover":true,"date":"2019-08-08","category":"frontend","url":"https://blog.prototypr.io/this-aint-disney-a-practical-guide-to-css-transitions-and-animations-a8b87e7c5531","author":"Mohammed Ibrahim","translator":"","tags":["animation"],"priority":1},"html":"![](\"https://miro.medium.com/max/2064/1*pDUYsyV6JQjoD8_HROrg0Q.gif\")
![](\"https://miro.medium.com/max/700/1*sZE1y0ewdM2VH8SXoY3dwg.png\")
![](\"https://miro.medium.com/max/700/1*PQR9oa_BDoqBlXCa5E-1Aw.gif\")
由元素的状态改变触发\n例如：
\n.glowAndGrow {\n height: 100px;\n transition: background-color 0.5s, height 1s;\n}\n.glowAndGrow:hover {\n background-color: gold;\n height: 200px;\n}\n<div class=\"glowAndGrow\">This box glows and grows on hover</div>由keyframes组成动画
"}},{"node":{"frontmatter":{"title":"frontless-同构服务端渲染实时框架","publish":true,"cover":"https://frontless.js.org/assets/img/logo.svg","showCover":true,"date":"2019-08-08","category":"nodejs","url":"https://github.com/nesterow/frontless","author":"Anton Nesterov 编辑 Ka","translator":"","tags":["isomorphic"],"priority":1},"html":"整合了 FeathersJS(基于 express 的 websocket 实时协议) , RiotJS(自定义标签 mvp 框架) | Turbolinks(移动端触摸导航加速) | ExpressJS。
\n<my-component>\n <div>{state.value}</div>\n <script>\n export default () => ({\n id: \"message\",\n state: {\n value: ''\n }\n })\n </script>\n</my-component>app.use('myservice', {\n async create(data) {\n return app.setState('message', {\n value: 'Hello!'\n });\n }\n});client.service('myservice').create({});globalThis提供了一个标准的方式去获取不同环境下的全局对象。
\n对于 nodejs 里，module 里的变量不是全局变量。需要通过 global
\n事实上，在不同的 JavaScript 环境中拿到全局对象是需要不同的语句的。在 Web 中，可以通过 window、self 或者 frames 取到全局对象，但是在 Web Workers 中只有 self 可以。在 Node.js 中，它们都无法获取，必须使用 global。在松散模式下，可以在函数中返回 this 来获取全局对象，但是在严格模式下 this 会返回 undefined 。
"}},{"node":{"frontmatter":{"title":"javascript位运算符妙用","publish":true,"cover":"https://i2.wp.com/blog.logrocket.com/wp-content/uploads/2019/08/javascript-bitwise-operators.jpeg?w=730&ssl=1","showCover":true,"date":"2019-08-08","category":"javascript","url":"https://blog.logrocket.com/interesting-use-cases-for-javascript-bitwise-operators/","author":"Glad Chinda 摘译 Ka","translator":"","tags":["bitwise"],"priority":1},"html":"~A = - (A+1)
//将indexOf转为boolean\n!!~[].indexOf(1);(0 & 0) === 0 // 0 x 0 = 0\n(0 & 1) === 0 // 0 x 1 = 0\n(1 & 0) === 0 // 1 x 0 = 0\n(1 & 1) === 1 // 1 x 1 = 1(A & 0 = 0) — The bit is always turned off by a corresponding 0 bit.\n(A & 1 = A) — The bit remains unchanged when paired with aconst mask = 0b010000;\nconsole.log((0b110010 & mask) === mask); //function isOdd(int) {\n return (int & 1) === 1; //相当于int % 2 == 0\n}\n\nfunction isEven(int) {\n return (int & 1) === 0;\n}\n\nconsole.log(isOdd(34)); // false\nconsole.log(isOdd(-63)); // true\nconsole.log(isEven(-12)); // true\nconsole.log(isEven(199)); // false(0 | 0) === 0\n(0 | 1) === 1\n(1 | 0) === 1\n(1 | 1) === 1(A | 0 = A)\n(A | 1 = 1)const mask = 0b10101010;\n\nconsole.log(0b11010000 | mask); // 0b11111010(0 ^ 0) === 0\n(0 ^ 1) === 1\n(1 ^ 0) === 1\n(1 ^ 1) === 0(A ^ 0 = A)\nlet A = 1\n(A ^ 1 = 1)\n(A ^ 1 = 0)
\nfunction rgbToHex([red = 0, green = 0, blue = 0] = []) {\n return `#${((red << 16) | (green << 8) | blue).toString(16)}`;\n}function hexToRgb(hex) {\n hex = hex.replace(/^#?([0-9a-f]{6})$/i, '$1');\n hex = Number(`0x${hex}`);\n\n return [\n (hex >> 16) & 0xff, // red\n (hex >> 8) & 0xff, // green\n hex & 0xff // blue\n ];\n}const LIST_FRACTION = 0x1; // (001)\nconst LIST_UNIQUE = 0x2; // (010)\nconst LIST_SORTED = 0x4; // (100)\n\n// 打开配置\nconst LIST_ALL = LIST_FRACTION | LIST_UNIQUE | LIST_SORTED; // (111)\n\n// 关闭配置\nconst LIST_DEFAULT = LIST_ALL ^ LIST_UNIQUE; // (101)\n\n//判断配置\n(flag & LIST_UNIQUE) === LIST_UNIQUE; //(存在)\n(flag & LIST_UNIQUE) !== LIST_UNIQUE; //(不存在)\n"}},{"node":{"frontmatter":{"title":"monitr - 出自雅虎的nodejs监控包","publish":true,"cover":"","showCover":true,"date":"2019-08-08","category":"nodejs","url":"https://github.com/yahoo/monitr","author":"Yahoo 编辑 Ka","translator":"","tags":["monitor"],"priority":1},"html":"貌似 javscript 不需要这些 C 风格的。
\n
npm install monitr
var monitor = require('monitr');\nmonitor.start();\nmonitor.stop();会创建独立的线程监控使用此包的node进程的状态，通过本地域socket发送json格式统计信息.
\n { status:\n { pid: <pid of the node process>,\n ts: <current time stamp>,\n cluster: <process group id>,\n reqstotal: <total requests processed by this node process server>,\n utcstart: <when the process was started>,\n events: <number of new reports being processed since last stats reporting>,,\n cpu: <cpu usage>,\n mem: <memory usage>,\n cpuperreq: <cpu usage per request>,\n oreqs: <current open requests count>,\n sys_cpu: <system cpu load>,\n oconns: <current open connections count>,\n user_cpu: <user cpu load>,\n rps: <requests per second>,\n kbs_out: <kbs of data transferred since last stats reporting>,\n elapsed: <time elapsed since last event>,\n kb_trans: <total kbs of data transferred>,\n jiffyperreq: <cpu usage in terms of ticks per request>,\n gc: {\n scavenge: { count: <number>, elapsed_ms: <number>, max_ms: <number> },\n marksweep: { count: <number>, elapsed_ms: <number>, max_ms: <number> }\n }\n }\n }import Flippy, { FrontSide, BackSide } from 'react-flippy';\n// ... component class\nrender() {\n\t// .. return\n <Flippy\n flipOnHover={false} // default false\n flipOnClick={true} // default false\n flipDirection=\"horizontal\" // horizontal or vertical\n ref={(r) => this.flippy = r} // to use toggle method like this.flippy.toggle()\n // if you pass isFlipped prop component will be controlled component.\n // and other props, which will go to div\n style={{ width: '200px', height: '200px' }} /// these are optional style, it is not necessary\n >\n <FrontSide\n style={{\n backgroundColor: '#41669d',\n }}\n >\n RICK\n </FrontSide>\n <BackSide\n style={{ backgroundColor: '#175852'}}>\n ROCKS\n </BackSide>\n </Flippy>\n}<!DOCTYPE html>\n<html>\n <head>\n <title>Riot Example: Timer</title>\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n <link rel=\"stylesheet\" href=\"style.css\" />\n </head>\n\n <body>\n <timer></timer>\n\n <!-- riot tags -->\n <script src=\"timer.riot\" type=\"riot\"></script>\n\n <!-- scripts we need -->\n <script src=\"https://cdn.jsdelivr.net/npm/riot@4/riot+compiler.min.js\"></script>\n\n <!-- mount this app -->\n <script>\n riot.compile().then(() => {\n riot.mount('timer', { start: 0 });\n });\n </script>\n </body>\n</html>插件使用
\nconst BundleAnalyzerPlugin = require('webpack-bundle-analyzer')\n .BundleAnalyzerPlugin;\n\nmodule.exports = {\n plugins: [new BundleAnalyzerPlugin()]\n};# 取余\n> 5 rem -3\n2\n# 取模\n> 5 mod -3\n-1简言之取余(remainder)相当于
\nMath.trunc(5 / -3);取模(modulo)相当于
\nMath.floor(5 / -3);在 javascript 里，%运算符是取余
\n在 python 里，%运算符是取模
"}},{"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://blog.kazge.com/show/volitantegg/%E9%A3%9E%E7%BF%94%E7%9A%84%E9%B8%A1%E8%9B%8B.apk","author":"广告","translator":"","tags":["ads"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"宁愿打官司也不想改网站-美国比萨店请求最高法关闭关于残疾人可访问性的起诉","publish":true,"cover":"https://cdn.vox-cdn.com/thumbor/WClhWrT0Jbbuh-SMXmZwnUwGJiw=/0x0:4000x2499/920x613/filters:focal(1680x930:2320x1570):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/64898323/921740544.jpg.0.jpg","showCover":true,"date":"2019-08-08","category":"other","url":"https://www.theverge.com/2019/8/1/20750913/dominos-pizza-website-accessible-blind-supreme-court-lawsuit","author":"Nick Statt, @nickstatt","translator":"","tags":["ada"],"priority":2},"html":"如今美国ADA相关的诉讼正是律师大赚的时候。
\n美国最大披萨外卖商Domino却特立独行，要求最高法关闭针对其网站不达标ADA的诉讼。
\n其解释说：
\n![](\"https://hacks.mozilla.org/files/2019/07/hacksblog-printstyles.png\")
![](\"https://hacks.mozilla.org/files/2019/07/hacksblog-invalid.png\")
技术栈为ThreeJS, ReactJS, GraphQL, and NodeJS.
"}}],"meta":{"title":"开源我的世界克隆版|webpack-bundle-analyzer查看什么造成文件很大|react-flippy创建翻面卡|取余与取模的区别|宁愿打官司也不想改网站-美国比萨店请求最高法关闭关于残疾人可访问性的起诉","publish":true}},{"index":15,"total":365,"name":"2019-08-18","items":[{"node":{"frontmatter":{"title":"AWS 宣布推出 Polly 服务的新特性-神经文本转语音(NTTS)","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"AI","url":"https://amazonaws-china.com/cn/polly/","author":"AWS 编辑 Ka","translator":"","tags":["tts"],"priority":1},"html":"Amazon Polly 是一种文本转语音 (TTS) 服务，它使用高级的深度学习技术来合成酷似人声的语音。
\n支持中文普通话.测试
\n"}},{"node":{"frontmatter":{"title":"React v16.9 新特性React.Profiler","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://segmentfault.com/a/1190000020074818","author":"瓶子君@segmentfault","translator":"","tags":["react"],"priority":1},"html":"render(\n <Profiler id=\"application\" onRender={onRenderCallback}>\n <App>\n <Navigation {...props} />\n <Main {...props} />\n </App>\n </Profiler>\n);javascript里面支持多个变量
\nlet zero = 2;\nlet one = 1;\nlet two = 0;\n\n[zero, one, two] = [two, one, zero];\n\nzero; // => 0\none; // => 1\ntwo; // => 2复习一下c语言的两种方法（只支持两个变量）
\n#include <stdio.h>\n \nint main()\n{\n int a, b;\n \n printf(\"Input two integers (a & b) to swap\\n\");\n scanf(\"%d%d\", &a, &b);\n \n a = a + b;\n b = a - b;\n a = a - b;\n \n printf(\"a = %d\\nb = %d\\n\",a,b);\n return 0;\n}#include <stdio.h>\n \nint main()\n{\n int x, y;\n \n scanf(\"%d%d\", &x, &y);\n \n printf(\"x = %d\\ny = %d\\n\", x, y);\n \n x = x ^ y;\n y = x ^ y;\n x = x ^ y;\n \n \n printf(\"x = %d\\ny = %d\\n\", x, y);\n \n return 0;\n}说来说去，还是因为react没有双向绑定的缘故，所以操作一个form真是繁琐。
\nformik就是尝试解决这样的问题。
\n// Render Prop\nimport React from 'react';\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\n\nconst Basic = () => (\n <div>\n <h1>Any place in your app!</h1>\n <Formik\n initialValues={{ email: '', password: '' }}\n validate={values => {\n let errors = {};\n if (!values.email) {\n errors.email = 'Required';\n } else if (\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n ) {\n errors.email = 'Invalid email address';\n }\n return errors;\n }}\n onSubmit={(values, { setSubmitting }) => {\n setTimeout(() => {\n alert(JSON.stringify(values, null, 2));\n setSubmitting(false);\n }, 400);\n }}\n >\n {({ isSubmitting }) => (\n <Form>\n <Field type=\"email\" name=\"email\" />\n <ErrorMessage name=\"email\" component=\"div\" />\n <Field type=\"password\" name=\"password\" />\n <ErrorMessage name=\"password\" component=\"div\" />\n <button type=\"submit\" disabled={isSubmitting}>\n Submit\n </button>\n </Form>\n )}\n </Formik>\n </div>\n);\n\nexport default Basic;新版本分两个部分，UI部分和core，core自动以worker方式运行。\n目前语音质量还是有待提高。
"}},{"node":{"frontmatter":{"title":"npkill-快速帮你找到大node_modules的包","publish":true,"cover":"https://camo.githubusercontent.com/ad0b856d5f6472b5cdd6bc54972416011cd49ff1/68747470733a2f2f6e706b696c6c2e6a732e6f72672f696d672f6e706b696c6c2d64656d6f2d302e332e302e676966","showCover":true,"date":"2019-08-09","category":"nodejs","url":"https://github.com/voidcosmos/npkill","author":"Estefanía García Gallardo and Juan Torres Gómez","translator":"","tags":["npm"],"priority":1},"html":"安装 npm i -g npkill\n使用 cd ~/projects npkill
非常值得称道的是，此项目直接使用npm包的方式使用。支持多方后端。文档也非常详细。
"}},{"node":{"frontmatter":{"title":"react-native-htmlview-在react native中显示html的组件","publish":true,"cover":"https://camo.githubusercontent.com/40c061e190af77493771d432dfc75ba1b8332deb/687474703a2f2f692e696d6775722e636f6d2f46594f674259632e706e67","showCover":true,"date":"2019-08-09","category":"frontend-2","url":"https://github.com/jsdf/react-native-htmlview","author":"James Friend 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"import React from 'react';\nimport {StyleSheet} from 'react-native';\nimport HTMLView from 'react-native-htmlview';\n\nclass App extends React.Component {\n render() {\n const htmlContent = `<p><a href=\"http://jsdf.co\">♥ nice job!</a></p>`;\n\n return (\n <HTMLView\n value={htmlContent}\n stylesheet={styles}\n />\n );\n }\n}\n\nconst styles = StyleSheet.create({\n a: {\n fontWeight: '300',\n color: '#FF3366', // make links coloured pink\n },\n});yarn workspaces 可以包含多个项目。
\nyarn install会初始化所有项目目录结构
\n/package.json\n/yarn.lock\n\n/node_modules\n/node_modules/cross-env\n/node_modules/workspace-a -> /workspace-a\n\n/workspace-a/package.json\n/workspace-b/package.json其中顶层/package.json
\n{\n \"private\": true,\n \"workspaces\": [\"workspace-a\", \"workspace-b\"]\n}workspaces中的数组指明各子项目。
"}},{"node":{"frontmatter":{"title":"useAuth基于auth0的完全前端认证react钩子","publish":true,"cover":"https://camo.githubusercontent.com/e5f8a596e3406a7129d347b2cc6bbe4a3e76da02/68747470733a2f2f692e696d6775722e636f6d2f4b756e45656d4e2e676966","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://github.com/Swizec/useAuth","author":"Swizec Teller 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"\n\nAuth0 是一家“身份验证即服务”提供商，旨在为开发人员提供简单易用的身份管理服务。为了保持灵活性和可扩展性，Auth0 身份管理平台允许开发人员在身份验证和授权管道中增加自定义代码。
\n
import React from \"react\"\nimport { navigate } from \"gatsby\"\n\nimport { AuthProvider } from \"react-use-auth\"\n\nexport const wrapRootElement = ({ element }) => (\n\t<AuthProvider\n\t navigate={navigate}\n\t auth0_domain=\"useauth.auth0.com\"\n\t auth0_client_id=\"GjWNFNOHq1ino7lQNJBwEywa1aYtbIzh\"\n\t>\n\t {element}\n\t</AuthProvider>\n)使用useAuth可以完全做到不写任何服务端代码直接前端走完auth0认证流程并获得用户信息。
"}},{"node":{"frontmatter":{"title":"使用Cheerio和pipedream抓取网站","publish":true,"cover":"","showCover":true,"date":"2019-08-16","category":"nodejs","url":"https://medium.com/@dylan.sather/scrape-a-site-with-node-and-cheerio-in-5-minutes-4617daee3384","author":"Dylan Sather 编辑 Ka","translator":"","tags":["scrape"],"priority":1},"html":"pipedream可用来免费运行nodejs脚本和计划任务。\ncheerio用来解析html，用法类似jquery。
"}},{"node":{"frontmatter":{"title":"几个grid布局在线生成器","publish":true,"cover":"","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://www.sitepoint.com/css-grid-generators/","author":"Maria Antonietta Perna 编辑 Ka","translator":"","tags":["css"],"priority":1},"html":"\n"}},{"node":{"frontmatter":{"title":"响应式样式简便写法-配合变量","publish":true,"cover":"https://res.cloudinary.com/practicaldev/image/fetch/s--Cr38Zq6E--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://cdn-images-1.medium.com/max/800/1%2A3O3UWwcJWEXoVGe-OQGsnw.gif","showCover":true,"date":"2019-08-09","category":"frontend","url":"https://dev.to/perborgen/how-to-make-responsiveness-super-simple-with-css-variables-1gnm","author":"Per Harald Borgen","translator":"","tags":["css"],"priority":1},"html":"老编觉得LayoutIt by Leniolabs最好用。
\n
配合css变量使代码更简洁，但是对于IE需要polyfill
"}},{"node":{"frontmatter":{"title":"实用python字符串方法","publish":true,"cover":"","showCover":true,"date":"2019-08-16","category":"python","url":"https://towardsdatascience.com/useful-string-methods-in-python-5047ea4d3f90","author":"Parul Pandey 编辑 Ka","translator":"","tags":["string"],"priority":1},"html":"![](\"https://miro.medium.com/max/700/1*zAw0FzV9tMAFE4jcdBf7JA.png\")
![](\"https://miro.medium.com/max/700/1*Alqyc63PUPgKisFPA6A56g.png\")
![](\"https://miro.medium.com/max/700/1*C5asfzh--Pyu8OyCdqQxRQ.png\")
![](\"https://miro.medium.com/max/700/1*fKAaJiLs_2XSH3ulVAhbaw.png\")
![](\"https://miro.medium.com/max/700/1*_uvAPOO3MFNRbmVsBCRIUw.png\")
![](\"https://miro.medium.com/max/700/1*g6BRkFzr4tJWgL0grWNdIQ.png\")
\n"}},{"node":{"frontmatter":{"title":"7中方式增加你的Angular程序的accessibility","publish":true,"cover":"https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/tb_870x2201a4c36fc3c124e66a1fe2a08c9caa5f0.png?sfvrsn=3ed7c96b_1","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://www.telerik.com/blogs/7-ways-to-make-your-angular-app-more-accessible","author":"Chris Ward","translator":"","tags":["accessibility"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Ionic react候选版发布","publish":true,"cover":"https://ionicframework.com/blog/wp-content/uploads/2019/08/start_ionic_react_app_cli.png","showCover":true,"date":"2019-08-22","category":"mobile","url":"https://ionicframework.com/blog/announcing-ionic-react-release-candidate/","author":"Ely Lucas (Ionic)","translator":"","tags":["ionic"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Node v12.9.0发布，Promise.allSettled可用","publish":true,"cover":"https://github.com/nodegui/examples/raw/master/nodegui/calculator/calculator_linux.png","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://nodejs.org/en/blog/release/v12.9.0/","author":"Atul R 编辑 Ka","translator":"","tags":["desktop"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"admin-bro react实现的管理后台模板","publish":true,"cover":"https://github.com/SoftwareBrothers/admin-bro/raw/master/docs/anim.gif","showCover":true,"date":"2019-08-22","category":"frontend","url":"https://github.com/SoftwareBrothers/admin-bro","author":"SoftwareBrothers 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"React Native只支持React，那么Angular和Vue就由NativeSript来实现。
\n
在线体验
\n用户名: test@example.com\n密码: password
与Electron，NW不同的是，构建的是Native程序，使用css+javascript的方式组织程序。注重性能优化。
"}},{"node":{"frontmatter":{"title":"date-fns更简单易用的时间操作库","publish":true,"cover":"","showCover":true,"date":"2019-08-22","category":"nodejs","url":"https://github.com/date-fns/date-fns","author":"date-fns 编辑 Ka","translator":"","tags":["time"],"priority":1},"html":"import { format, formatDistance, formatRelative, subDays } from 'date-fns'\n\nformat(new Date(), \"'今天是' iiii\")\n//=> \"今天是 Friday\"\n\nformatDistance(subDays(new Date(), 3), new Date())\n//=> \"3 days ago\"\n\nformatRelative(subDays(new Date(), 3), new Date())\n//=> \"last Friday at 7:26 p.m.\"![](\"https://github.com/pqina/filepond-github-assets/raw/master/doka.gif?raw=true\")
let students = {\n amelia: 20,\n beatrice: 22,\n cece: 20,\n deirdre: 19,\n eloise: 21\n};\n\n// convert to array in order to make use of .filter() function\n// Object.entries 实现于 ES2017\nlet overTwentyOne = Object.entries(students).filter(([name, age]) => {\n return age >= 21;\n}); // [ [ 'beatrice', 22 ], [ 'eloise', 21 ] ]\n\n// 相当于Object.entries的反向操作\nlet DrinkingAgeStudents = Object.fromEntries(overTwentyOne);\n// { beatrice: 22, eloise: 21 }let courseStudents = [\n ['Janet', 'Martha', 'Bob', ['Phil', 'Candace']],\n ['Wilson', 'Taylor'],\n ['Edith', 'Jacob', 'Peter', 'Betty']\n];\n\nlet flattenOneLevel = courseStudents.flat(1);\nconsole.log(flattenOneLevel);\n// [\n// 'Janet',\n// 'Martha',\n// 'Bob',\n// [ 'Phil', 'Candace' ],\n// 'Wilson',\n// 'Taylor',\n// 'Edith',\n// 'Jacob',\n// 'Peter',\n// 'Betty'\n// ]\n\nlet flattenTwoLevels = courseStudents.flat(2);\nconsole.log(flattenTwoLevels);\n// [\n// 'Janet', 'Martha',\n// 'Bob', 'Phil',\n// 'Candace', 'Wilson',\n// 'Taylor', 'Edith',\n// 'Jacob', 'Peter',\n// 'Betty'\n// ]let grades = [78, 62, 80, 64];\n\nlet flatMapped = grades.flatMap(grade => [grade, grade + 7]);\n// [\n// 78, 85, 62, 69,\n// 80, 87, 64, 71\n// ]等同于 String.trimRight 和 String.trimLeft
\nlet message = ' Welcome to CS 101 ';\nmessage.trimEnd();\n// ' Welcome to CS 101'\nmessage.trimStart();\n// 'Welcome to CS 101 '\nmessage.trimEnd().trimStart();\n// 'Welcome to CS 101'try {\n let parsed = JSON.parse(obj);\n} catch {\n console.log(obj);\n}console.log(+'a'); //输出'NaN'\nconsole.log('ba' + +'a' + 'a'); // 输出'baNaNa'\ndocument.write(('b' + 'a' + +'a' + 'a').toLowerCase());通过 Buffer/Uint8Array/ArrayBuffer 检测文件类型\n支持远程检测。
\nconst xhr = new XMLHttpRequest();\nxhr.open('GET', 'unicorn.png');\nxhr.responseType = 'arraybuffer';\n\nxhr.onload = () => {\n fileType(new Uint8Array(this.response));\n //=> {ext: 'png', mime: 'image/png'}\n};\n\nxhr.send();使用示例：
\n<!-- Include quicklink from dist -->\n<script src=\"dist/quicklink.umd.js\"></script>\n<!-- Initialize (you can do this whenever you want) -->\n<script>\n quicklink();\n</script>function App() {\n const [state, setState] = React.useState(0)\n\n const requestRef = React.useRef()\n \n const animate = time => {\n requestRef.current = requestAnimationFrame(animate);\n }\n \n React.useEffect(() => {\n requestRef.current = requestAnimationFrame(animate);\n return () => cancelAnimationFrame(requestRef.current);\n }, []); // 注意这里。保证只调一次\n \n return <div>{state}</div>;\n}v8n()\n .string()\n .minLength(5)\n .first(\"H\")\n .last(\"o\")\n .test(\"Hello\"); // true