{"pageContext":{"index":81,"total":364,"name":"2020-11-22","items":[{"node":{"frontmatter":{"title":"Skypack  - CodePen 里使用npm","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"javascript","url":"https://blog.codepen.io/2020/11/18/skypack-codepen/","author":"CHRIS COYIER","translator":"","tags":["codepen"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"cosha - 为图片添加多色彩阴影","publish":true,"cover":"https://github.com/robinloeffel/cosha/raw/main/sample.jpg","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://github.com/robinloeffel/cosha","author":"Robin Löffel","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"k0s - 0配置本地k8s","publish":true,"cover":"https://github.com/k0sproject/k0s/raw/main/k0s_demo.gif","showCover":true,"date":"2020-11-22","category":"devops","url":"https://github.com/k0sproject/k0s","author":"k0s - Kuberne","translator":"","tags":["kubernets"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-curtains curtainjs的reacgt封装","publish":true,"cover":"https://github.com/martinlaxenaire/curtainsjs/raw/master/documentation/images/promo.gif","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://github.com/martinlaxenaire/curtainsjs","author":"Martin Laxenaire","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"searchkit - Elasticsearch graphQL界面","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"other","url":"https://github.com/searchkit/searchkit","author":"Searchkit","translator":"","tags":["graphql"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"svgbox img标签直接引用的图标API","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://svgbox.net/","author":"svgbox","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"ui-neumorphism - 拟物化风格UI库","publish":true,"cover":"https://camo.githubusercontent.com/f063762a0795b6e8f8c837bb2ee01c10d1e5ff25d956518b7749f1c1c959acea/68747470733a2f2f666972656261736573746f726167652e676f6f676c65617069732e636f6d2f76302f622f7370616e696f6e2d706f7274666f6c696f2e61707073706f742e636f6d2f6f2f6669746e6573732d2d7468656d652e6a70673f616c743d6d6564696126746f6b656e3d64663237393237612d626663662d346235342d383565372d626465386137326433393437","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://github.com/AKAspanion/ui-neumorphism","author":"Ankit Kumar Pandit","translator":"","tags":["react"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"分享 - 实现React日志记录服务","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://slack.engineering/creating-a-react-analytics-logging-library/","author":"Konstantin Savransky, Fabio Canache, Justin Huddleston","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"开发者的胜利：GitHub 恢复了 youtube-dl 库","publish":true,"cover":"https://static.oschina.net/uploads/space/2020/1118/080624_isLE_4489239.png","showCover":true,"date":"2020-11-22","category":"other","url":"https://www.oschina.net/news/120867/github-restores-youtubedl","author":"白开水不加糖@OSCHINA","translator":"","tags":["github"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2020-10-03","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"美国政府将向医生支付使用这些AI算法的费用","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"AI","url":"https://zhuanlan.zhihu.com/p/299142709","author":"玖越机器人","translator":"","tags":["machinelearning"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"简单实现uuid","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"javascript","url":"https://gist.github.com/SimonHoiberg/ad2710c8626c5a74cddd8f6385795cc0","author":"Simon Høiberg","translator":"","tags":["uuid"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> <span class=\"token function-variable function\">uid</span> <span class=\"token operator\">=</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">{</span>\n  <span class=\"token keyword\">return</span> Date<span class=\"token punctuation\">.</span><span class=\"token function\">now</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">toString</span><span class=\"token punctuation\">(</span><span class=\"token number\">36</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">+</span> Math<span class=\"token punctuation\">.</span><span class=\"token function\">random</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">toString</span><span class=\"token punctuation\">(</span><span class=\"token number\">36</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">substr</span><span class=\"token punctuation\">(</span><span class=\"token number\">2</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token comment\">// Usage. Example, id = khhry2hb7uip12rj2iu</span>\n<span class=\"token keyword\">const</span> id <span class=\"token operator\">=</span> <span class=\"token function\">uid</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"textarea自动依据内容伸缩","publish":true,"cover":"","showCover":true,"date":"2020-11-22","category":"frontend","url":"https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/","author":"Chris Coyier","translator":"","tags":["css"],"priority":1},"html":"<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"Easiest Autogrowing Textarea\" src=\"https://codepen.io/chriscoyier/embed/XWKEVLy?height=265&theme-id=light&default-tab=css,result\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/chriscoyier/pen/XWKEVLy'>Easiest Autogrowing Textarea</a> by Chris Coyier \n  (<a href='https://codepen.io/chriscoyier'>@chriscoyier</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}}]}}