{"pageContext":{"index":31,"total":362,"name":"2019-12-08","items":[{"node":{"frontmatter":{"title":"AWS终于上了Cassandra云","publish":true,"cover":"https://d2908q01vomqb2.awsstatic-china.com/da4b9237bacccdf19c0760cab7aec4a8359010b0/2019/11/25/create-keyspace-1-1024x382.png","showCover":true,"date":"2019-12-08","category":"database","url":"https://amazonaws-china.com/cn/blogs/aws/new-amazon-managed-apache-cassandra-service-mcs/","author":"AWS","translator":"","tags":["cassandra"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"Firefox UI 已迁移至使用 Web Components 构建","publish":true,"cover":"https://static.oschina.net/uploads/space/2019/1122/001526_r10o_2720166.png","showCover":true,"date":"2019-12-08","category":"other","url":"https://www.oschina.net/news/111523/firefox-ui-web-components","author":"局长@OSCHINA","translator":"","tags":["firefox"],"priority":1},"html":"<p><a href=\"https://briangrinstead.com/blog/firefox-webcomponents/\">英文原文</a></p>"}},{"node":{"frontmatter":{"title":"React-Bootstrap-with-Material-Design 当bootstrap联合material design","publish":true,"cover":"https://camo.githubusercontent.com/e42665d4e69db1b616488858adab174a663ff0bc/68747470733a2f2f6d64626f6f7473747261702e636f6d2f696d672f4d61726b6574696e672f70726f64756374732f72656163742f6d64622d667265652e6a7067","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design","author":"MDBootstrap","translator":"","tags":["bootstrap"],"priority":2},"html":"<p>Bootstrp4,支持react,vue,angular</p>"}},{"node":{"frontmatter":{"title":"baseweb来自uber的简洁黑白主题react UI库","publish":true,"cover":"https://camo.githubusercontent.com/29c31cb668d36643eade7e9ab0e5dabd0992c1a3/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f6461777238706f626e2f696d6167652f75706c6f61642f76313536353831363536322f62617365626c61636b5f6f6f647663312e706e67","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://www.oschina.net/news/111523/firefox-ui-web-components","author":"Uber Open Source","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"docz - 能运行交互组件的react文档引擎","publish":true,"cover":"https://camo.githubusercontent.com/e83b8f6797105464270b7ad1a5cae1badd367f30/68747470733a2f2f63646e2d7374642e64707263646e2e6e65742f66696c65732f6163635f3634393635312f533259434944","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/doczjs/docz","author":"Docz","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"enquirer用户友好的命令行交互组件","publish":true,"cover":"https://raw.githubusercontent.com/enquirer/enquirer/master/media/survey-prompt.gif","showCover":true,"date":"2019-12-08","category":"nodejs","url":"https://github.com/enquirer/enquirer","author":"Enquirer","translator":"","tags":["cli"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"graphql-upload grpahql支持上传的中间件","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"nodejs","url":"https://github.com/jaydenseric/graphql-upload","author":"Jayden Seric","translator":"","tags":["upload"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"local-storage react hook操作localStorage","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/rehooks/local-storage","author":"Rehooks","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"noUiSlider支持多触摸的滑动条","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/leongersen/noUiSlider","author":"Leon Gersen","translator":"","tags":["slider"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"nodejs2020展望","publish":true,"cover":"https://d33wubrfki0l68.cloudfront.net/3d75e69ec5e41d6f8e78e8b8816f5c4b326d69f1/a5b07/assets-jekyll/blog/whats-new-nodejs-2020/nodejs-new-feature-release-schedule-ed8f5f078af212a82d17b44f6f858feac828cd7ef68dab2f05c3425de2efc9b7.jpg","showCover":true,"date":"2019-12-08","category":"nodejs","url":"https://developer.okta.com/blog/2019/12/04/whats-new-nodejs-2020","author":"David Neal","translator":"","tags":["react"],"priority":1},"html":"<ul>\n<li>v13.2.0将支持CommonJS modules和ECMAScript (ES) modules</li>\n<li>ES模块默认是<code class=\"language-text\">use strict</code>模式</li>\n<li>使用ES模块需要文件格式是mjs或者在<code class=\"language-text\">package.json</code>里写明<code class=\"language-text\">&quot;type&quot;: &quot;module&quot;</code></li>\n<li>支持WASM模块，目前是试验性功能<code class=\"language-text\">node --experimental-wasm-modules index.js</code></li>\n<li>支持WebAssembly系统接口，提供系统级别api访问功能</li>\n<li>完全支持国际化Unicode组件(International Components for Unicode)</li>\n</ul>"}},{"node":{"frontmatter":{"title":"pg-structure postgres反向工程工具","publish":true,"cover":"https://www.pg-structure.com/images/hero.png","showCover":true,"date":"2019-12-08","category":"database","url":"https://github.com/ozum/pg-structure","author":"David Neal","translator":"","tags":["postgres"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-animated-slider 另一个react轮播组件","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/erichbehrens/react-animated-slider","author":"Erich Behrens","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-datetimerange-picker支持时间的日期范围选择react库","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/wojtekmaj/react-datetimerange-picker","author":"Wojciech Maj","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-table hook风格的易扩展的table组件","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/tannerlinsley/react-table","author":"Tanner Linsley","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"web开发终结者？神经网络自动从图片生成Bootstrap网站","publish":true,"cover":"https://github.com/emilwallner/Screenshot-to-code/raw/master/README_images/html_display.gif?raw=true","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/emilwallner/Screenshot-to-code","author":"Emil Wallner","translator":"","tags":["firefox"],"priority":2},"html":"<p>web开发者请多穿点衣服阅读<a href=\"https://medium.com/@emilwallner/how-you-can-train-an-ai-to-convert-your-design-mockups-into-html-and-css-cc7afd82fed4\">此文</a>\n和<a href=\"https://www.infoq.cn/article/y2o2YXSpxFxysNlHR4SM\">AI 辅助开发比人工编写代码快 180 多倍，程序员是喜还是忧？</a></p>"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)","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":"<p><a href=\"https://itunes.apple.com/us/app/volitant-egg-ads-version/id1247264387?mt=8\">APP Store(非国内账户可下载)</a>\n<a href=\"https://blog.kazge.com/show/volitantegg/%E9%A3%9E%E7%BF%94%E7%9A%84%E9%B8%A1%E8%9B%8B.apk\">安卓 - 中文</a></p>"}},{"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":"教程:使用patches来解决开源第三方库的bug","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"nodejs","url":"https://opensource.christmas/2019/4","author":"Mats Byrkjeland","translator":"","tags":["patch"],"priority":1},"html":"<p>使用<code class=\"language-text\">diff -Naur node_modules/buggybug/index.js patches/my-fixed-buggybug.js &gt; patches/buggybug-index.patch</code> 生成patch文件</p>\n<p>使用package.json里的postinstall来在安装后打补丁\n<code class=\"language-text\">&quot;postinstall&quot;: &quot;patch --forward node_modules/buggybug/index.js &lt; patches/buggybug-index.patch&quot;,</code></p>\n<p>在git里需要提交你的<code class=\"language-text\">patches/my-fixed-buggybug.js</code>和<code class=\"language-text\">patches/buggybug-index.patch</code></p>\n<blockquote>\n<p>这种方式下，适合不会有改动的（没有维护）第三方库。</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"让面部随着鼠标转动","publish":true,"cover":"https://creepyface.io/img/0/serious","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://github.com/4lejandrito/creepyface","author":"Alejandro Tardín","translator":"","tags":["css"],"priority":1},"html":"<p>通过脚本控制不同角度的图片达到类似始终面向鼠标的效果。</p>"}},{"node":{"frontmatter":{"title":"纯css实现的特斯拉皮卡","publish":true,"cover":"","showCover":true,"date":"2019-12-08","category":"frontend","url":"https://codepen.io/davidkpiano/pen/gOOJyGz","author":"David Khourshid","translator":"","tags":["css"],"priority":1},"html":"<p>居然还是防弹的,点击车窗试试</p>\n<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"CSSYBERTRUCK\" src=\"https://codepen.io/davidkpiano/embed/gOOJyGz?height=265&theme-id=default&default-tab=css,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/davidkpiano/pen/gOOJyGz'>CSSYBERTRUCK</a> by David Khourshid\n  (<a href='https://codepen.io/davidkpiano'>@davidkpiano</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}}]}}