{"pageContext":{"index":38,"total":363,"name":"2020-01-26","items":[{"node":{"frontmatter":{"title":"JSX 用于 express 和 mongo schema 的例子","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"http://thecodebarbarian.com/overview-of-jsx-with-non-react-examples.html","author":"Valeri Karpov ","translator":"","tags":["react","jsx"],"priority":1},"html":"<p>简单来讲就是一种树性结构。</p>"}},{"node":{"frontmatter":{"title":"awesome-react react 资源列表","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/enaqx/awesome-react","author":"Nick Raienko","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"fitty 自动适应容器大小的字体","publish":true,"cover":"https://raw.githubusercontent.com/rikschennink/fitty/gh-pages/assets/fitty.gif","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/rikschennink/fitty","author":"Rik Schennink","translator":"","tags":["font"],"priority":1},"html":"<p><a href=\"https://rikschennink.github.io/fitty/#examples\">demo</a></p>"}},{"node":{"frontmatter":{"title":"goofont-按标签查询google font","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://goofonts.com/","author":"Paulina Hetman & Sylvain Guizard ","translator":"","tags":["font"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"llnode - lldb 调试工具的 node 插件","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"nodejs","url":"https://github.com/nodejs/llnode","author":"Node.js Foundation","translator":"","tags":["lldb","debug"],"priority":1},"html":"<p>已支持 node12</p>"}},{"node":{"frontmatter":{"title":"playwright 微软出品，厂商中立的浏览器自动化工具","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"nodejs","url":"https://github.com/microsoft/playwright","author":"Microsoft","translator":"","tags":["browser"],"priority":1},"html":"<p>与 Puppeteer 差不多是相同的代码贡献者，目的是<em>中立</em>。</p>"}},{"node":{"frontmatter":{"title":"pnpm 更安全，节省磁盘空间的node包管理工具","publish":true,"cover":"https://camo.githubusercontent.com/187baeab901fe0badb7b613385989a61f9811636/68747470733a2f2f692e696d6775722e636f6d2f716c57316545472e706e67","showCover":true,"date":"2020-01-26","category":"nodejs","url":"https://github.com/pnpm/pnpm","author":"pnpm","translator":"","tags":["pnpm"],"priority":1},"html":"<ul>\n<li>和 npm,yarn 一样快</li>\n<li>支持 npx (pnpx)</li>\n<li>同一个包版本只会再机器上下载一个节省空间</li>\n<li>pnpm-lock.yaml</li>\n<li>一个包只能访问其指定在 package.json 里的依赖</li>\n<li>只不过支持不太好\n参见 <a href=\"https://www.zhouexin.com/issues/18#npm%2Cyarn%2Cpnpm%E6%AF%94%E8%BE%83\">比较</a></li>\n</ul>"}},{"node":{"frontmatter":{"title":"react-cool-onclickoutside 当点击本组件之外时的 hook","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/wellyshen/react-cool-onclickoutside","author":"Welly","translator":"","tags":["react"],"priority":1},"html":"<p><a href=\"https://github.com/Pomax/react-onclickoutside\">另见 HOC 的方式</a></p>"}},{"node":{"frontmatter":{"title":"react-dropdown-select 强大的 react 下拉框","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/sanusart/react-dropdown-select","author":"Sasha Khamkov","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-nice-dates 触控设备友好地 react 日历","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/hernansartorio/react-nice-dates","author":"Hernán Sartorio","translator":"","tags":["calender","react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用 React, Material UI 和 Cube 创建 d3 控制面板","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/cube-js/cube.js/tree/master/examples/d3-dashboard","author":"Cube Developers","translator":"","tags":["react","d3"],"priority":1},"html":"<p><a href=\"https://d3-dashboard-demo.cube.dev/#/\">在线 demo</a></p>"}},{"node":{"frontmatter":{"title":"react-top-loading-bar 页面顶部加载条","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://github.com/klendi/react-top-loading-bar","author":"Klendi Gocci","translator":"","tags":["react"],"priority":1},"html":"<p><a href=\"https://klendi.github.io/react-top-loading-bar/\">demo</a></p>"}},{"node":{"frontmatter":{"title":"使用游戏手柄操作浏览器","publish":true,"cover":"https://www.datocms-assets.com/6524/1578581631-gamepadobj.png?auto=compress&auto=quality&fm=webp&w=1340","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://www.voorhoede.nl/en/blog/navigating-the-web-with-a-gamepad/","author":"De Voorhoede","translator":"","tags":["game"],"priority":1},"html":"<p>依赖于草案<a href=\"https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API\">Gamepad API</a></p>\n<p><a href=\"https://demo-navigate-with-gamepad.netlify.com/\">demo</a></p>"}},{"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":"支持 svg 和 dom 的卷动缩放库","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"nodejs","url":"https://github.com/anvaka/panzoom","author":"Andrei Kashcha","translator":"","tags":["zoom"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 nodejs 实现评价情绪分析","publish":true,"cover":"https://i2.wp.com/blog.logrocket.com/wp-content/uploads/2020/01/sentiment-analysis-app-preview.gif?resize=600%2C299&ssl=1","showCover":true,"date":"2020-01-26","category":"nodejs","url":"https://blog.logrocket.com/sentiment-analysis-node-js/","author":"Ebenezer Don","translator":"","tags":["analysis"],"priority":2},"html":"<p>处理文本（大小写统一，处理错别字，规范化词根），最后交给<a href=\"https://blog.logrocket.com/sentiment-analysis-node-js/\">natural</a>处理。</p>"}},{"node":{"frontmatter":{"title":"教程-将绘图作品转化为web动画","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://css-tricks.com/how-to-turn-a-procreate-drawing-into-a-web-animation/","author":"Sarah Drasner","translator":"","tags":["animation"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"新年快乐，鼠年大吉","publish":true,"cover":"/imgs/2020鼠年大吉.jpg","showCover":true,"date":"2020-01-26","category":"topic","url":"","author":"","translator":"","tags":["newyear"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"欧盟隐私处罚罚款已达一亿一千一百万欧元","publish":true,"cover":"","showCover":true,"date":"2020-01-26","category":"frontend","url":"https://www.reuters.com/article/us-europe-privacy/fines-for-european-privacy-breaches-reach-114-million-euros-report-idUSKBN1ZJ00Z","author":"Douglas Busvine","translator":"","tags":["privacy"],"priority":1},"html":""}}]}}