{"pageContext":{"index":20,"total":364,"name":"2019-09-22","items":[{"node":{"frontmatter":{"title":"CSS-CAMERA为你的页面添加3d景深特效","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://github.com/WoodNeck/css-camera","author":"Mingyu Kim","translator":"","tags":["css"],"priority":1},"html":"<p><a href=\"https://woodneck.github.io/css-camera/\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"HumanizeDuration.js-将毫秒格式为可读的字符串-支持多语言","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://github.com/EvanHahn/HumanizeDuration.js","author":"Evan Hahn 编辑 Ka","translator":"","tags":["git"],"priority":2},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token function\">humanizeDuration</span><span class=\"token punctuation\">(</span><span class=\"token number\">3000</span><span class=\"token punctuation\">)</span>      <span class=\"token comment\">// '3 seconds'</span>\n<span class=\"token function\">humanizeDuration</span><span class=\"token punctuation\">(</span><span class=\"token number\">2250</span><span class=\"token punctuation\">)</span>      <span class=\"token comment\">// '2.25 seconds'</span>\n<span class=\"token function\">humanizeDuration</span><span class=\"token punctuation\">(</span><span class=\"token number\">97320000</span><span class=\"token punctuation\">)</span>  <span class=\"token comment\">// '1 day, 3 hours, 2 minutes'</span></code></pre></div>\n<p><a href=\"http://evanhahn.github.io/HumanizeDuration.js/\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"OpenSSL 九月的security发布对nodejs没有影响","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://nodejs.org/en/blog/vulnerability/september-2019-openssl-no-updates/","author":"npm 编辑 Ka","translator":"","tags":["npm"],"priority":1},"html":"<p>此次安全发布针对的几个问题都没有影响到nodejs,因此nodejs无需对应更新。</p>"}},{"node":{"frontmatter":{"title":"COUNT(*) 还是 COUNT(1) - 除了postgres,其他数据库都一样","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"database","url":"https://blog.jooq.org/2019/09/19/whats-faster-count-or-count1/","author":"lukaseder","translator":"","tags":["postgres"],"priority":1},"html":"<p>作者做了测试，发现除了postgres,其他数据库COUNT(<em>) 性能等同 COUNT(1)。\npostgres则COUNT(</em>) 性能较好，故提倡都用COUNT(*) 。</p>\n<p>原因：作者也没搞清楚。</p>"}},{"node":{"frontmatter":{"title":"Sortable-可拖拽排序vanilla组件库","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://github.com/SortableJS/Sortable","author":"Sortable 编辑 Ka","translator":"","tags":["vanilla"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"can-I-email 类似can-I-use检查电子邮件里可以用到的html内容","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"other","url":"https://www.caniemail.com/","author":"caniemail 编辑 Ka","translator":"","tags":["email"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"geometric-几何学库","publish":true,"cover":"https://raw.githubusercontent.com/HarryStevens/geometric/master/img/length-thumb.png","showCover":true,"date":"2019-09-19","category":"javascript","url":"https://github.com/HarryStevens/geometric","author":"Harry Stevens","translator":"","tags":["geometry"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"git-quick-stats git统计命令行工具","publish":true,"cover":"https://user-images.githubusercontent.com/8818630/58364013-61e53800-7e7b-11e9-87f9-790d6744fbd5.png","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://github.com/arzzen/git-quick-stats/","author":"Lukáš Mešťan 编辑 Ka","translator":"","tags":["git"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"craco覆盖create-react-app的配置的工具","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://github.com/sharegate/craco","author":"Sharegate","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"npm公共仓库限流政策","publish":true,"cover":"https://lh6.googleusercontent.com/muABO3E0d99vw0gsf25Wd4gX_loqldt_2sbFoCnXX3TGXSbFytZ97PF93Ul-IBzFpQnlN2W3lszdPbrgE4nguffpC3sw2tgEVYY5VlY3zJ6kNPAO84H6rsgJySApZYrh9Y_pG2cQ","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://blog.npmjs.org/post/187698412060/acceptible-use","author":"npm 编辑 Ka","translator":"","tags":["npm"],"priority":2},"html":"<p>npm宣布将于今年9月实行公共仓库限流政策：</p>\n<ul>\n<li>500万每月以下的不受影响。</li>\n<li>超过500万每月的将会认为是不合理的使用，并与之联系，尝试一起解决问题。</li>\n<li>如果无法与对应团体获得联系，将会对其整个团体下的注册限流。</li>\n</ul>\n<p>目前触发这一规则的团体尚在少数。</p>"}},{"node":{"frontmatter":{"title":"mongoplayground在线mongodb沙盒","publish":true,"cover":"","showCover":true,"date":"2019-09-20","category":"database","url":"https://github.com/feliixx/mongoplayground","author":"Adrien Petel 编辑 Ka","translator":"","tags":["mongodb"],"priority":2},"html":"<p><a href=\"https://mongoplayground.net\">在线demo</a></p>"}},{"node":{"frontmatter":{"title":"radar开源其google球面积几何地图库s2的typescript绑定实现","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://github.com/radarlabs/s2","author":"radar 编辑 Ka","translator":"","tags":["typescript"],"priority":1},"html":"<p>s2是谷歌开源的球面集合地图库，有go,java,python三种实现，那么radar就实现了typescript的。\n<a href=\"https://s2.sidewalklabs.com/\">s2的两个例子</a></p>"}},{"node":{"frontmatter":{"title":"react-rainbow另一套react组件库","publish":true,"cover":"https://raw.githubusercontent.com/nexxtway/react-rainbow/master/assets/images/rainbow-logo.svg?sanitize=true","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://github.com/nexxtway/react-rainbow","author":"nexxtway","translator":"","tags":["react"],"priority":1},"html":"<blockquote>\n<p>老编个人认为偏于儿童画色彩，简洁。</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"postgres秘笈网站","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"database","url":"https://postgrescheatsheet.com/#/queries","author":"Timescale","translator":"","tags":["postgres"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-credit-cards信用卡组件","publish":true,"cover":"https://raw.githubusercontent.com/amarofashion/react-credit-cards/master/docs/media/rccs.gif","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://github.com/amarofashion/react-credit-cards","author":"AMARO","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"为什么0.1+0.2 不等于 0.3","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://0.30000000000000004.com/","author":"编辑 Ka","translator":"","tags":["float"],"priority":2},"html":"<p>0.1 + 0.2 == 0.30000000000000004?\n为什么？\n计算机是二进制，浮点数往往以IEEE 754格式存储, 如果不能以分母为2的分数标示，则都带有误差。\n0.1 和 0.2是误差较大的两个家伙，因此加起来误差有点显眼罢了。</p>"}},{"node":{"frontmatter":{"title":"十大 npm 最佳安全指南，教你如何避免安全漏洞！","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"nodejs","url":"https://www.infoq.cn/article/SI05RvA2QaeLhPx0kWmu","author":"LIRAN TAL, JUAN PICADO 译者 王强 策划 王莹","translator":"","tags":["npm"],"priority":1},"html":"<ol>\n<li>不要把秘密发布到 npm 存储库上</li>\n<li>强制锁文件</li>\n<li>忽略运行脚本，最小化攻击面（添加–ignore-scripts）</li>\n<li>评估 npm 项目的健康状况</li>\n<li>审核开源依赖项中的漏洞</li>\n<li>使用本地 npm 代理（verdaccio）</li>\n<li>负责任地披露安全漏洞</li>\n<li>启用 2FA（npm）</li>\n<li>使用 npm 作者令牌</li>\n<li>了解模块命名约定和域名仿冒攻击</li>\n</ol>"}},{"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":"想让你的文章出现在这里？","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":"教程-使用GitHub Actions和nodejs实现CI","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"devops","url":"http://www.thedreaming.org/2019/09/10/github-ci/","author":"Jason Walton 编辑 Ka","translator":"","tags":["github"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"免费Github Action-提交时自动压缩图片","publish":true,"cover":"https://user-images.githubusercontent.com/924/62024579-e1470d00-b218-11e9-8655-693ea42ba0f7.png","showCover":true,"date":"2019-09-19","category":"other","url":"https://github.com/marketplace/actions/image-actions","author":"Ben Schwarz","translator":"","tags":["github"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程-使用The React DevTools调试React性能","publish":true,"cover":"https://kentcdodds.com/static/f53e42d7c19eed988fd66d17f1b6d5d9/17fa4/9.png","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://kentcdodds.com/blog/profile-a-react-app-for-performance","author":"Kent C. Dodds","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程-react跨页面动画","publish":true,"cover":"https://reacttricks.com/static/images/next-motion.png","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://reacttricks.com/animating-next-page-transitions-with-framer-motion/","author":"Kristian Heruc","translator":"","tags":["react"],"priority":1},"html":"<p>基于<a href=\"https://www.framer.com/api/motion/\">Framer Motion</a> 和 Next</p>\n<p><a href=\"https://github.com/kheruc/rt-next-motion\">源码</a></p>\n<p><a href=\"https://next-motion.heruc.now.sh/\">在线示例</a></p>"}},{"node":{"frontmatter":{"title":"CSS-CAMERA为你的页面添加3d景深特效","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://codepen.io/Jhonierpc/pen/MWgBJpy","author":"Jhonier Riascos Zapata","translator":"","tags":["css"],"priority":1},"html":"<iframe height=\"265\" style=\"width: 100%;\" scrolling=\"no\" title=\"CSS Card Hover Effects\" src=\"//codepen.io/Jhonierpc/embed/MWgBJpy/?height=265&theme-id=0&default-tab=html,result\" frameborder=\"no\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen <a href='https://codepen.io/Jhonierpc/pen/MWgBJpy/'>CSS Card Hover Effects</a> by Jhonier Riascos Zapata\n  (<a href='https://codepen.io/Jhonierpc'>@Jhonierpc</a>) on <a href='https://codepen.io'>CodePen</a>.\n</iframe>"}},{"node":{"frontmatter":{"title":"教程-炫酷按钮动画-hover时颜色波浪变化","publish":true,"cover":"","showCover":true,"date":"2019-09-19","category":"frontend","url":"https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/","author":"Jhey Tompkins","translator":"","tags":["css"],"priority":1},"html":"<p>实现原理:\nbutton里面包含多个div（不太正规）,用于捕捉用户从哪个方向hover到按钮。\n使用<a href=\"https://developer.mozilla.org/zh-CN/docs/Web/CSS/clip-path\">clip-path</a>实现背景色的形状。</p>\n<p>另外一个<a href=\"https://codepen.io/srekoble/pen/zQXGbZ?editors=1100\">类似的例子</a></p>"}}]}}