{"pageContext":{"index":53,"total":364,"name":"2020-05-10","items":[{"node":{"frontmatter":{"title":"majestic - jest的GUI工具，可运行多个或单个测试","publish":true,"cover":"https://github.com/Raathigesh/majestic/raw/master/image.png","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/Raathigesh/majestic","author":"Raathi Kugarajan","translator":"","tags":["jest"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"PixiJS Two.js Paper.js Fabric.js 几种2D绘图框架性能比较 - PixiJS胜","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"javascript","url":"https://benchmarks.slaylines.io/","author":"SlayLines","translator":"","tags":["2d"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"actions-cli 实时从命令行监控git actions状态","publish":true,"cover":"https://camo.githubusercontent.com/7180c538e6bd0b310eeb22a82bf4ce29d51dd793/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4a55594631644366327151315436335646552f67697068792e676966","showCover":true,"date":"2020-05-10","category":"devops","url":"https://github.com/remorses/actions-cli","author":"Tommaso De Rossi","translator":"","tags":["github"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"awesome-kubernetes - kubernets资源汇总","publish":true,"cover":"https://cloud.githubusercontent.com/assets/8342133/26794201/62c1a006-4a3e-11e7-8bf9-4449814648f2.png","showCover":true,"date":"2020-05-10","category":"devops","url":"https://github.com/ramitsurana/awesome-kubernetes","author":"Ramit Surana","translator":"","tags":["kubernetes"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"caddy2发布 支持API热配置","publish":true,"cover":"https://caddyserver.com/resources/images/v2-landing.png","showCover":true,"date":"2020-05-10","category":"golang","url":"https://caddyserver.com/v2","author":"Caddy Web Server","translator":"","tags":["web"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"farmhash - 谷歌FarmHash的nodejs实现","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"nodejs","url":"https://github.com/lovell/farmhash","author":"Lovell Fuller","translator":"","tags":["hash"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"git 分支命名惯例","publish":true,"cover":"https://deepsource.io/images/blog/git-branch-naming-conventions/branch-naming-example.png","showCover":true,"date":"2020-05-10","category":"devops","url":"https://deepsource.io/blog/git-branch-naming-conventions/","author":"Sanket Saurav","translator":"","tags":["web"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"neutralinojs electronjs,NW之外的另一种跨平台轻量级桌面框架","publish":true,"cover":"https://github.com/neutralinojs/neutralinojs/raw/master/media/architecture.png","showCover":true,"date":"2020-05-10","category":"javascript","url":"https://github.com/neutralinojs/neutralinojs","author":"Neutralinojs","translator":"","tags":["desktop"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"nut.js - 跨平台自动化控制桌面应用的nodejs工具","publish":true,"cover":"https://github.com/nut-tree/nut.js/raw/master/.gfx/nut.png","showCover":true,"date":"2020-05-10","category":"nodejs","url":"https://github.com/nut-tree/nut.js","author":"nut-tree","translator":"","tags":["web"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"react-flow - react绘流程图","publish":true,"cover":"https://user-images.githubusercontent.com/2857535/67417109-516ef000-f5c8-11e9-938a-c2121d3ebbe4.png","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/wbkd/react-flow","author":"Moritz Klack","translator":"","tags":["react"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"pico - 浏览器上运行的 html 转图片库","publish":true,"cover":"https://github.com/gripeless/pico/raw/master/media/firebase-pico.png?raw=true","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/nikersify/pico","author":"Gripeless","translator":"","tags":["image"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-h5-audio-player - html5音频播放","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/lhz516/react-h5-audio-player","author":"Hanz Luo","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"chrome提出web vitals指标","publish":true,"cover":"https://webdev.imgix.net/vitals/web-vitals.svg","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://web.dev/vitals/","author":"Google","translator":"","tags":["site"],"priority":1},"html":"<p><img src=\"https://webdev.imgix.net/vitals/lcp_ux.svg\">\n<img src=\"https://webdev.imgix.net/vitals/fid_ux.svg\">\n<img src=\"https://webdev.imgix.net/vitals/cls_ux.svg\"></p>\n<p>这些数据可由 <a href=\"https://developers.google.com/web/tools/chrome-user-experience-report\">Chrome User Experience Report</a> 或<a href=\"https://github.com/GoogleChrome/web-vitals-extension\">chrome 扩展</a> 收集</p>"}},{"node":{"frontmatter":{"title":"react-cool-inview - 视图进入离开钩子","publish":true,"cover":"https://user-images.githubusercontent.com/21308003/80385250-6d857e00-88d8-11ea-95cd-7af7feade288.gif","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/wellyshen/react-cool-inview","author":"Welly","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-tiny-link - 支持预览的react link组件","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/winhtaikaung/react-tiny-link","author":"Moritz Klack","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-select-search - 轻量级无依赖选择框组件","publish":true,"cover":"https://user-images.githubusercontent.com/263465/71011520-d4ef1e00-20ed-11ea-9fad-b3c952089258.png","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/tbleckert/react-select-search","author":"Tobias Bleckert","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-leaflet - leaflet的react封装","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/PaulLeCam/react-leaflet","author":"Paul Le Cam","translator":"","tags":["react"],"priority":1},"html":"<blockquote>\n<p>参见<a href=\"https://www.zhouexin.com/issues/42#Leaflet%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%8F%8B%E5%A5%BD%E7%9A%84%E6%8F%92%E4%BB%B6%E5%BC%8F%E5%9C%B0%E5%9B%BE%E6%93%8D%E4%BD%9C%E7%BB%84%E4%BB%B6\">Leaflet 移动端友好的插件式地图操作组件</a></p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"selecto - 多元素选择工具","publish":true,"cover":"https://camo.githubusercontent.com/34582964f46dc2c2e65066df332b205120d1e6e3/68747470733a2f2f64617962727573682e636f6d2f73656c6563746f2f696d616765732f6c6f676f2e706e67","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/daybrush/selecto","author":"Daybrush (Younkue Choi)","translator":"","tags":["html"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"shell小窍门","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"devops","url":"https://blog.balthazar-rouberol.com/shell-productivity-tips-and-tricks.html","author":"Balthazar","translator":"","tags":["shell"],"priority":1},"html":"<ul>\n<li><code class=\"language-text\">Ctrl X X</code>在当前光标和行首切换</li>\n<li><code class=\"language-text\">Ctrl -</code>回撤</li>\n<li><code class=\"language-text\">Ctrl A</code>行首</li>\n<li><code class=\"language-text\">Ctrl E</code>行末</li>\n<li><code class=\"language-text\">Ctrl U</code>剪切当前光标到行首</li>\n<li><code class=\"language-text\">Ctrl K</code>剪切当前光标到行末</li>\n</ul>"}},{"node":{"frontmatter":{"title":"webpack-blocks 函数式配置webpack","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"nodejs","url":"https://github.com/andywer/webpack-blocks","author":"Andy Wermke","translator":"","tags":["webpack"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"slugify - url友好化多语言文本","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"javascript","url":"https://github.com/sindresorhus/slugify","author":"Sindre Sorhus","translator":"","tags":["url"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> slugify <span class=\"token operator\">=</span> <span class=\"token function\">require</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"@sindresorhus/slugify\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token function\">slugify</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"I ♥ Dogs\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">//=> 'i-love-dogs'</span>\n\n<span class=\"token function\">slugify</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"  Déjà Vu!  \"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">//=> 'deja-vu'</span>\n\n<span class=\"token function\">slugify</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"fooBar 123 $#%\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">//=> 'foo-bar-123'</span>\n\n<span class=\"token function\">slugify</span><span class=\"token punctuation\">(</span><span class=\"token string\">\"я люблю единорогов\"</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">//=> 'ya-lyublyu-edinorogov'</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"教程 - css函数","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://css-tricks.com/complete-guide-to-css-functions/","author":"CSS Tricks","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 使用R语言将卫星图片转换为3d","publish":true,"cover":"https://www.tylermw.com/wp-content/uploads/2020/04/utah-e1587944746300.png","showCover":true,"date":"2020-05-03","category":"map","url":"https://www.tylermw.com/a-step-by-step-guide-to-making-3d-maps-with-satellite-imagery-in-r/","author":"Tyler Morgan-Wall","translator":"","tags":["3d"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 使用styled-components实现react dark主题","publish":true,"cover":"https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_auto/w_2000/https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2391029b-6a62-4adc-85b3-832e8e171384/dark-mode-resources-figure-01.png","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/wbkd/react-flow","author":"Blessing Krofegha","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"useWorker - react worker 钩子","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://github.com/alewin/useWorker","author":"Alessio Koci ","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 纯css tooltip","publish":true,"cover":"https://rimdev.io/images/css-only-tooltip.png","showCover":true,"date":"2020-05-03","category":"frontend","url":"https://rimdev.io/css-only-tooltip-for-all-screen-sizes/","author":"Ted Krueger","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"ufu - 乱码转换工具","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"frontend","url":"https://gitlab.com/selfagency/utfu","author":"Daniel Sieradski","translator":"","tags":["encoding"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">import</span> <span class=\"token punctuation\">{</span> hex<span class=\"token punctuation\">,</span> htx<span class=\"token punctuation\">,</span> txt <span class=\"token punctuation\">}</span> <span class=\"token keyword\">from</span> <span class=\"token string\">\"utfu\"</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> dirty <span class=\"token operator\">=</span>\n  <span class=\"token string\">\"On a certain level, it�s like shouting �fire� in a crowded theater.\"</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> cleanHex <span class=\"token operator\">=</span> <span class=\"token function\">hex</span><span class=\"token punctuation\">(</span>dirty<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// --> 'On a certain level, it\\u2019s like shouting \\u201Cfire\\u201D in a crowded theater.'</span>\n\n<span class=\"token keyword\">const</span> cleanHTML <span class=\"token operator\">=</span> <span class=\"token function\">htx</span><span class=\"token punctuation\">(</span>dirty<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// --> 'On a certain level, it&amp;#x2019;s like shouting &amp;#x201C;fire&amp;#x201D; in a crowded theater.'</span>\n\n<span class=\"token keyword\">const</span> cleanTxt <span class=\"token operator\">=</span> <span class=\"token function\">txt</span><span class=\"token punctuation\">(</span>dirty<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// --> 'On a certain level, it’s like shouting “fire” in a crowded theater.'</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"教程 - 使用AWS CodeBuild执行临时管理任务","publish":true,"cover":"","showCover":true,"date":"2020-05-10","category":"devops","url":"https://amazonaws-china.com/cn/blogs/devops/using-aws-codebuild-to-execute-administrative-tasks/","author":"Gojko Adzic","translator":"","tags":["aws"],"priority":1},"html":""}}]}}