{"pageContext":{"index":22,"total":364,"name":"2019-10-06","items":[{"node":{"frontmatter":{"title":"Mongodb Atlas 自动扩展beta阶段","publish":true,"cover":"https://webassets.mongodb.com/_com_assets/cms/Atlas-auto-scaling-cluster-builder-24eiy4rob3.png","showCover":true,"date":"2019-10-04","category":"database","url":"https://www.mongodb.com/blog/post/mongodb-atlas-compute-autoscaling-now-in-public-beta","author":"Jenny Liang","translator":"","tags":["mongodb"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"ncarbon为你的代码截图美颜","publish":true,"cover":"https://user-images.githubusercontent.com/8397708/63456416-b27d1a80-c403-11e9-9572-105b089be885.png","showCover":true,"date":"2019-10-05","category":"javascript","url":"https://github.com/carbon-app/carbon","author":"Carbon","translator":"","tags":["code"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"NSFW 浏览器端基于tensorflow的的非法图片鉴别库","publish":true,"cover":"https://github.com/infinitered/nsfwjs/raw/master/_art/nsfw_demo.gif","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/infinitered/nsfwjs","author":"Infinite Red","translator":"","tags":["tensorflow"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Node-RED 1.0 发布，可视化物联网编排工具","publish":true,"cover":"","showCover":true,"date":"2019-10-03","category":"nodejs","url":"https://www.oschina.net/news/110291/node-red-1-0-released","author":"afterer@OSCHINA","translator":"","tags":["iot"],"priority":1},"html":"<p>Node-RED 是 IBM 新兴技术服务团队构建的可视化物联网编排工具，可基于浏览器的流程编辑器连接设备、服务器和 API 应用。Node-RED 1.0 已经发布，内容如下：</p>\n<p>异步消息传递：此版本将节点间传递的消息更改为始终是异步的，而不是有时是异步的，有时是同步的，具体取决于各个节点的实现\nNode Send API：现在节点可以使用一个新的 API 来处理运行时中的消息\n...</p>\n<p><a href=\"https://nodered.org/blog/2019/09/30/version-1-0-released\">英文原文</a></p>"}},{"node":{"frontmatter":{"title":"cropper图片剪切工具","publish":true,"cover":"","showCover":true,"date":"2019-10-05","category":"frontend","url":"https://github.com/fengyuanchen/cropperjs","author":"Chen Fengyuan","translator":"","tags":["image"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"grid布局的响应式展示","publish":true,"cover":"","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://tobireif.com/posts/layout_fun_with_css_grid/","author":"Tobi Reif","translator":"","tags":["grid"],"priority":1},"html":"<p><a href=\"https://tobireif.com/demos/grid/\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"ink react组件式node cli程序","publish":true,"cover":"https://github.com/vadimdemedes/ink/raw/master/media/logo.png","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/vadimdemedes/ink","author":"Vadim Demedes","translator":"","tags":["LTS"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"node-oidc-provider 服务端实现OAuth 2.0","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/panva/node-oidc-provider","author":"Filip Skokan","translator":"","tags":["oauth"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"fakingoose结合mongoose生成fake数据","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/faboulaws/fakingoose","author":"Lod Lawson","translator":"","tags":["mongodb"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"node-rate-limiter-flexible","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/animir/node-rate-limiter-flexible","author":"Roman Animir","translator":"","tags":["limiter"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"meteror被tiny收购","publish":true,"cover":"","showCover":true,"date":"2019-10-05","category":"javascript","url":"https://techcrunch.com/2019/10/02/tiny-acquires-meteor/","author":"Frederic Lardinois 编辑 Ka","translator":"","tags":["meteor"],"priority":1},"html":"<p>全栈框架被加拿大公司<a href=\"https://www.tinycapital.com/\">tiny</a>收购。</p>\n<blockquote>\n<p>老编：meteor是真的好，nodejs里的No 1。真正实际被大量应用的全栈框架，希望这次收购对它来说是好事。</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"node8该升级了，node8长期支持版周期今年结束","publish":true,"cover":"https://blog.risingstack.com/content/images/2019/10/update-node-js-lts-current-release-schedule-risingstack.svg","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://blog.risingstack.com/update-nodejs-8-end-of-life-no-support/","author":"Tamas Kadlecsik, Ferenc Hámori ","translator":"","tags":["LTS"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm十周年视频","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://blog.npmjs.org/post/188070866415/npm-turns-10","author":"npm","translator":"","tags":["npm"],"priority":1},"html":"<div>\n          <div\n            class=\"gatsby-resp-iframe-wrapper\"\n            style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;\"\n          >\n            <iframe title=\"vimeo-player\" src=\"https://player.vimeo.com/video/363634732\" frameborder=\"0\" allowfullscreen style=\"\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n          \"></iframe>\n          </div>\n          </div>"}},{"node":{"frontmatter":{"title":"preact 10发布-支持hook,fragment,仍然只有3k大小","publish":true,"cover":"https://user-images.githubusercontent.com/1062408/65989067-47564780-e489-11e9-9890-cbbd223d8f38.png","showCover":true,"date":"2019-10-05","category":"frontend","url":"https://github.com/preactjs/preact/releases/tag/10.0.0","author":"Marvin Hagemeister","translator":"","tags":["preact"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm lockfiles的安全隐患","publish":true,"cover":"","showCover":true,"date":"2019-10-03","category":"nodejs","url":"https://snyk.io/blog/why-npm-lockfiles-can-be-a-security-blindspot-for-injecting-malicious-modules/","author":"Liran Tal 编辑 Ka","translator":"","tags":["npm"],"priority":1},"html":"<p>lockfiles的安全问题主要针对直接使用了lockfiles的开发项目，例如直接copy开源项目的文件结构，包含了恶意lockfiles。这样的lockfiles可能使用自定义源下载恶意代码。</p>\n<p>解决办法：\n使用<a href=\"https://github.com/lirantal/lockfile-lint\">lockfile-lint</a>\n仔细检查不是你创建的lockfiles</p>"}},{"node":{"frontmatter":{"title":"react-content-loader 内容加载特效","publish":true,"cover":"https://user-images.githubusercontent.com/4838076/34308760-ec55df82-e735-11e7-843b-2e311fa7b7d0.gif","showCover":true,"date":"2019-10-04","category":"frontend","url":"https://github.com/danilowoz/react-content-loader","author":"Danilo Woznica","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-native-indicators react加载动画","publish":true,"cover":"https://user-images.githubusercontent.com/2055622/28246049-e82c70e8-6a1b-11e7-93cc-8aa6d0d19867.gif","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/n4kz/react-native-indicators","author":"Alexander Nazarov","translator":"","tags":["LTS"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-scroll-parallax 视差滚动特效","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/jscottsmith/react-scroll-parallax","author":"J Scott Smith","translator":"","tags":["parallax"],"priority":1},"html":"<p><a href=\"https://jscottsmith.github.io/react-scroll-parallax-examples/examples/parallax-example/\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"serverless实锤:15%慢，8倍花费","publish":true,"cover":"https://einaregilsson.com/serverless-15-percent-slower-and-eight-times-more-expensive/perf.png","showCover":true,"date":"2019-09-30","category":"serverless","url":"https://einaregilsson.com/serverless-15-percent-slower-and-eight-times-more-expensive/","author":"Einar Egilsson 编辑 Ka","translator":"","tags":["serverless"],"priority":2},"html":"<p>原来的服务跑在Elastic Beanstalk上，后来迁移到serverless方式。\n<img src=\"https://einaregilsson.com/serverless-15-percent-slower-and-eight-times-more-expensive/api-gateway-pricing.png\"> </p>\n<p>除了性能慢，最大的问题是花销serverless大概1350$每月, Beanstalk 只要不到164$ 每月，8倍！ </p>\n<p>此文章获得大量围观。作者和围观者有很多讨论：</p>\n<ul>\n<li>AWS api gateway很贵，但一般使用 Application Load Balancer负载均衡就够了，便宜很多。</li>\n<li>应该升级较新的EC2实例。</li>\n</ul>\n<p>最终作者仍然对serverless持失望态度。</p>"}},{"node":{"frontmatter":{"title":"sweetalert2美观的无依赖弹出框组件","publish":true,"cover":"https://camo.githubusercontent.com/0538d75ffb085a517058850ca989319fe1e2fb29/68747470733a2f2f7261772e6769746875622e636f6d2f7377656574616c657274322f7377656574616c657274322f6d61737465722f6173736574732f7377656574616c657274322e676966","showCover":true,"date":"2019-10-05","category":"frontend","url":"https://github.com/sweetalert2/sweetalert2","author":"SweetAlert2","translator":"","tags":["alert"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-timekeeper react时间选择控件","publish":true,"cover":"https://github.com/catc/react-timekeeper/raw/master/screenshots/example.png","showCover":true,"date":"2019-10-04","category":"frontend","url":"https://github.com/catc/react-timekeeper","author":"catalin c","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"timequeue - 支持并发限制的queue","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/fent/timequeue.js","author":"fent","translator":"","tags":["LTS"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"为链接的不同扩展名添加对应样式","publish":true,"cover":"","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://codepen.io/chrisbrandrick/pen/BaBgvMW","author":"Flatiron School","translator":"","tags":["css"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">a[href$=\".pdf\"]</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token property\">background</span><span class=\"token punctuation\">:</span> <span class=\"token url\">url('https://i.imgur.com/n8EHrrI.png')</span>\n  0 50% no-repeat<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">padding-left</span><span class=\"token punctuation\">:</span> 20px<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"你可能不知道的几个chrome开发者工具技巧","publish":true,"cover":"https://res.cloudinary.com/practicaldev/image/fetch/s--ACCzyzu5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/gC1LZfdWhls6jTwa.png","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://dev.to/lpellis/things-you-may-not-know-about-chrome-devtools-53k6","author":"Loftie Ellis 编辑 Ka","translator":"","tags":["chrome"],"priority":1},"html":"<h2 id=\"store-as-global-variable\"><a href=\"#store-as-global-variable\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Store as global variable</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--ACCzyzu5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/gC1LZfdWhls6jTwa.png\"></p>\n<h2 id=\"监视变量\"><a href=\"#%E7%9B%91%E8%A7%86%E5%8F%98%E9%87%8F\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>监视变量</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--4AldR_21--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/CerDLLPnIBzH1ftn.png\"></p>\n<h2 id=\"模拟低速网络\"><a href=\"#%E6%A8%A1%E6%8B%9F%E4%BD%8E%E9%80%9F%E7%BD%91%E7%BB%9C\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>模拟低速网络</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--v95n8CTc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/VqBC1UUS9Scg8n1T.png\"></p>\n<h2 id=\"关闭缓存和保存日志\"><a href=\"#%E5%85%B3%E9%97%AD%E7%BC%93%E5%AD%98%E5%92%8C%E4%BF%9D%E5%AD%98%E6%97%A5%E5%BF%97\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>关闭缓存和保存日志</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--4pw1RWrM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/JTslUQaFAm0y4KVP.png\"></p>\n<h2 id=\"截图\"><a href=\"#%E6%88%AA%E5%9B%BE\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>截图</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--NnoaKdDw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/RRweXfbwwRnulZEo.png\"></p>\n<h2 id=\"consoletable\"><a href=\"#consoletable\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>console.table</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--d4cwIU6W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/93nnpUj0LRAz8NJk.png\"></p>\n<h2 id=\"_-代表最近的表达式\"><a href=\"#_-%E4%BB%A3%E8%A1%A8%E6%9C%80%E8%BF%91%E7%9A%84%E8%A1%A8%E8%BE%BE%E5%BC%8F\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>$_ 代表最近的表达式</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--U64AF6uq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/jtJL0I0AdDsv0GNj.png\"></p>\n<h2 id=\"--documentqueryselector\"><a href=\"#--documentqueryselector\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>$ = document.querySelector</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--iAcKCxDR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/IAwgvtL7sWilM0ta.png\"></p>\n<h2 id=\"触发-hover-或者-focus-样式\"><a href=\"#%E8%A7%A6%E5%8F%91-hover-%E6%88%96%E8%80%85-focus-%E6%A0%B7%E5%BC%8F\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>触发 hover 或者 focus 样式</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--8DZpDE6O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/H1vM1tK7MPRsQEpB.png\"></p>\n<h2 id=\"ctrlclick-查找样式定义位置\"><a href=\"#ctrlclick-%E6%9F%A5%E6%89%BE%E6%A0%B7%E5%BC%8F%E5%AE%9A%E4%B9%89%E4%BD%8D%E7%BD%AE\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Ctrl+click 查找样式定义位置</h2>\n<p><img src=\"https://res.cloudinary.com/practicaldev/image/fetch/s--aihNj1n---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/ximg/image/upload/w_732%2Ch_500%2Cc_limit/f_auto/whoami/4a595384/post/hcLoRKwIEL4uxlu4.png\"></p>"}},{"node":{"frontmatter":{"title":"tribute引用作者系统","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"frontend","url":"https://github.com/zurb/tribute","author":"ZURB","translator":"","tags":["mention"],"priority":1},"html":"<p><a href=\"https://zurb.github.io/tribute/example/\">在线Demo</a></p>"}},{"node":{"frontmatter":{"title":"免费在线去除图片背景工具","publish":true,"cover":"https://www.remove.bg/images/samples/combined/s6.jpg","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://www.remove.bg/","author":"Kaleido","translator":"","tags":["image"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"在浏览器中使用import()来执行javascript","publish":true,"cover":"","showCover":true,"date":"2019-10-05","category":"javascript","url":"https://2ality.com/2019/10/eval-via-import.html","author":"Dr. Axel Rauschmayer","translator":"","tags":["import"],"priority":1},"html":"<p>通过将代码编译为data URI格式，可通过import引入执行，但是nodejs不支持。</p>"}},{"node":{"frontmatter":{"title":"使用伪元素增加点击区域","publish":true,"cover":"https://ishadeed.com/assets/clickable-area/pseudo-element-1.jpg","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://ishadeed.com/article/clickable-area/","author":"Ahmad Shadeed 编辑 Ka","translator":"","tags":["grid"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">.menu-2:after</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token property\">content</span><span class=\"token punctuation\">:</span> <span class=\"token string\">\"\"</span><span class=\"token punctuation\">;</span>\n  <span class=\"token property\">position</span><span class=\"token punctuation\">:</span> absolute<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">left</span><span class=\"token punctuation\">:</span> 55px<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">top</span><span class=\"token punctuation\">:</span> 0<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">width</span><span class=\"token punctuation\">:</span> 50px<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">height</span><span class=\"token punctuation\">:</span> 50px<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">background</span><span class=\"token punctuation\">:</span> #e83474<span class=\"token punctuation\">;</span>\n  <span class=\"token comment\">/*Other styles*/</span>\n<span class=\"token punctuation\">}</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"node8该升级了，node8长期支持版周期今年结束","publish":true,"cover":"https://github.com/nodegui/examples/raw/master/nodegui/calculator/calculator_win.jpg","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://github.com/nodegui/nodegui","author":"NodeGUI","translator":"","tags":["desktop"],"priority":1},"html":""}},{"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":"教程-react测试","publish":true,"cover":"https://developerhandbook.com/static/3a389ea55123793d395a277f4bd067b2/f0a63/vs-code-testing-split-view.webp","showCover":true,"date":"2019-10-04","category":"frontend","url":"https://github.com/nodegui/nodegui","author":"Jon Preece","translator":"","tags":["react"],"priority":1},"html":""}},{"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":"教程-使用Puppeteer将网页生成为pdf","publish":true,"cover":"https://www.pdftron.com/static/2b79c5a02f1f961f7b1df67e05603b15/reactpdf.png","showCover":true,"date":"2019-10-04","category":"nodejs","url":"https://www.pdftron.com/blog/react/react-to-pdf/","author":"Logan Bittner","translator":"","tags":["puppeteer"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程-使用babel自定义javascript语法","publish":true,"cover":"https://lihautan.com/custom-parser-9655bf2b7ba72e0c61e31a63a29e3f22.gif","showCover":true,"date":"2019-10-05","category":"javascript","url":"https://lihautan.com/creating-custom-javascript-syntax-with-babel/","author":"Tan Li Hau","translator":"","tags":["LTS"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"数据库同步复制的讲解","publish":true,"cover":"","showCover":true,"date":"2019-10-04","category":"database","url":"http://rhaas.blogspot.com/2019/09/synchronous-replication-is-trap.html","author":"Robert Haas","translator":"","tags":["database"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"重磅-欧洲最高法禁止网站cookie同意按钮默认选中","publish":true,"cover":"https://pbs.twimg.com/media/EFxqI_UWwAAJc3Y?format=jpg&name=medium","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://techcrunch.com/2019/10/01/europes-top-court-says-active-consent-is-needed-for-tracking-cookies/","author":"Natasha Lomas 编辑 Ka","translator":"","tags":["cookie"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"链接和图形连接起来的几种方式","publish":true,"cover":"","showCover":true,"date":"2019-10-03","category":"frontend","url":"https://css-tricks.com/the-many-ways-to-link-up-shapes-and-images-with-html-and-css/","author":"Bailey Jones","translator":"","tags":["link"],"priority":1},"html":"<ul>\n<li>svg里面的 a标签的href</li>\n<li>img 对应的<a href=\"https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/map\">map</a> area标签 的href</li>\n</ul>"}}]}}