{"pageContext":{"index":43,"total":362,"name":"2020-03-01","items":[{"node":{"frontmatter":{"title":"blisk  用于开发测试的浏览器","publish":true,"cover":"https://blisk.io/Images/CDN/phonesPreview/phones-list-v11.png","showCover":true,"date":"2020-03-01","category":"mobile","url":"https://blisk.io/","author":"Blisk Team","translator":"","tags":["browser"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"exifr - Exchangeable Image File Format 元数据解析库","publish":true,"cover":"https://raw.githubusercontent.com/MikeKovarik/exifr/master/logo/readme-gif.gif","showCover":true,"date":"2020-03-01","category":"nodejs","url":"https://github.com/MikeKovarik/exifr","author":"Mike","translator":"","tags":["photo"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"facebook Reactive Native团队出品rome js工具链","publish":true,"cover":"https://github.com/facebookexperimental/rome/raw/master/assets/logo_with_text.png","showCover":true,"date":"2020-03-01","category":"javascript","url":"https://github.com/facebookexperimental/rome","author":"facebook 编辑Ka","translator":"","tags":["toolchain"],"priority":2},"html":"<ul>\n<li>typescript</li>\n<li>无依赖</li>\n<li>自托管</li>\n<li>工具链</li>\n<li>应该是没有包含服务端的</li>\n<li>专门解释了，图标是希腊的斯巴达头盔，真正的罗马头盔是这样子的 Galea. 😂\n<img src=\"https://learnodo-newtonic.com/wp-content/uploads/2019/05/Roman-helmet-Galea-left-and-Roman-shield-Scutum-right.jpg\"></li>\n</ul>"}},{"node":{"frontmatter":{"title":"gops - 谷歌出品，分析当前运行的go程序工具","publish":true,"cover":"","showCover":true,"date":"2020-01-12","category":"go","url":"https://github.com/google/gops","author":"google","translator":"","tags":["tool"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"lion - 可达性友好的ui库","publish":true,"cover":"","showCover":true,"date":"2020-03-01","category":"mobile","url":"https://github.com/ing-bank/lion","author":"ING Bank","translator":"","tags":["ui"],"priority":1},"html":"<p><a href=\"https://lion-web-components.netlify.com/\">Storybook</a></p>"}},{"node":{"frontmatter":{"title":"nodecg 使用浏览器和nodejs创建CG","publish":true,"cover":"https://raw.githubusercontent.com/nodecg/nodecg/master/media/splash.png","showCover":true,"date":"2020-03-01","category":"nodejs","url":"https://github.com/nodecg/nodecg","author":"NodeCG","translator":"","tags":["cg"],"priority":1},"html":"<p>支持<br>\nOBS Studio (via the obs-browser plugin)<br>\nvMix<br>\nXSplit<br>\nCasparCG (v2.2.0 test builds only, at this time)</p>"}},{"node":{"frontmatter":{"title":"node14不再支持win7","publish":true,"cover":"","showCover":true,"date":"2020-03-01","category":"nodejs","url":"https://github.com/nodejs/node/pull/31954","author":"nodejs","translator":"","tags":["windows"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-query react hook方式请求","publish":true,"cover":"","showCover":true,"date":"2020-03-01","category":"frontend","url":"https://github.com/tannerlinsley/react-query","author":"Tanner Linsley","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"reactnative.dev react native新域名","publish":true,"cover":"https://reactnative.dev/img/homepage/phones.png","showCover":true,"date":"2020-03-01","category":"mobile","url":"https://reactnative.dev/","author":"react native","translator":"","tags":["react native"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"stormdb 可用于浏览器的json数据库","publish":true,"cover":"https://github.com/TomPrograms/stormdb/raw/master/docs/logo.png","showCover":true,"date":"2020-03-01","category":"database","url":"https://github.com/tomprograms/stormdb","author":"Tom","translator":"","tags":["database"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"v8.1 发布Intl.DisplayNames","publish":true,"cover":"https://v8.dev/_img/v8.svg","showCover":true,"date":"2020-03-01","category":"javascript","url":"https://v8.dev/blog/v8-release-81","author":"Dominik Inführ","translator":"","tags":["toolchain"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> zhLanguageNames <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Intl<span class=\"token punctuation\">.</span>DisplayNames</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">[</span><span class=\"token string\">\"zh-Hant\"</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n  type<span class=\"token punctuation\">:</span> <span class=\"token string\">\"language\"</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> enRegionNames <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Intl<span class=\"token punctuation\">.</span>DisplayNames</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">[</span><span class=\"token string\">\"en\"</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span> type<span class=\"token punctuation\">:</span> <span class=\"token string\">\"region\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> itScriptNames <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Intl<span class=\"token punctuation\">.</span>DisplayNames</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">[</span><span class=\"token string\">\"it\"</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span> type<span class=\"token punctuation\">:</span> <span class=\"token string\">\"script\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> deCurrencyNames <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">Intl<span class=\"token punctuation\">.</span>DisplayNames</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">[</span><span class=\"token string\">\"de\"</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span> type<span class=\"token punctuation\">:</span> <span class=\"token string\">\"currency\"</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\nzhLanguageNames<span class=\"token punctuation\">.</span><span class=\"token keyword\">of</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"fr\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// → '法文'</span>\nenRegionNames<span class=\"token punctuation\">.</span><span class=\"token keyword\">of</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"US\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// → 'United States'</span>\nitScriptNames<span class=\"token punctuation\">.</span><span class=\"token keyword\">of</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"Latn\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// → 'latino'</span>\ndeCurrencyNames<span class=\"token punctuation\">.</span><span class=\"token keyword\">of</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"JPY\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// → 'Japanischer Yen'</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2020-01-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":"2020-01-12","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 对角布局","publish":true,"cover":"https://9elements.com/blog/content/images/2020/02/06-4.png","showCover":true,"date":"2020-03-01","category":"frontend","url":"https://9elements.com/blog/pure-css-diagonal-layouts/","author":"NILS BINDER","translator":"","tags":["html"],"priority":1},"html":"<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"Diagonal Layouts in 2020\" src=\"https://codepen.io/enbee81/embed/yLyrmyg?height=265&theme-id=default&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/enbee81/pen/yLyrmyg'>Diagonal Layouts in 2020</a> by Nils Binder\n  (<a href='https://codepen.io/enbee81'>@enbee81</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}},{"node":{"frontmatter":{"title":"教程 - html data属性","publish":true,"cover":"https://res.cloudinary.com/css-tricks/image/upload/f_auto,q_auto/c_scale,w_1052/v1582755329//specificity-selector.png","showCover":true,"date":"2020-03-01","category":"frontend","url":"https://css-tricks.com/a-complete-guide-to-data-attributes/","author":"Chris Coyier","translator":"","tags":["html"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"观点 - 组件是实践证明的较好的抽象，组件里应该使用内联样式","publish":true,"cover":"","showCover":true,"date":"2020-03-01","category":"frontend","url":"https://davnicwil.com/inline-css-works-better-in-a-component-world/","author":"David Nicholas Williams","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"酷炫 - 图片展示为可互动粒子特效的react组件","publish":true,"cover":"https://user-images.githubusercontent.com/5760059/74112617-d6741a00-4b63-11ea-9757-81c55fe8e9b5.gif","showCover":true,"date":"2020-03-01","category":"frontend","url":"https://github.com/malerba118/react-particle-image","author":"Austin Malerba","translator":"","tags":["react"],"priority":1},"html":"<iframe\n     src=\"https://codesandbox.io/embed/react-particle-image-simple-ei97k?fontsize=14&hidenavigation=1&theme=dark\"\n     style=\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\"\n     title=\"react-particle-image simple\"\n     allow=\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb\"\n     sandbox=\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n   ></iframe>"}}]}}