{"pageContext":{"index":11,"total":362,"name":"2019-07-21","items":[{"node":{"frontmatter":{"title":"Framer Motion 声明式 react 动画","publish":true,"cover":"https://user-images.githubusercontent.com/38039349/60953119-d3c6f300-a2fc-11e9-9596-4978e5d52180.png","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/framer/motion","author":"Framer","translator":"","tags":["animation"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"jsx\"><pre class=\"language-jsx\"><code class=\"language-jsx\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>motion.div</span> <span class=\"token attr-name\">animate</span><span class=\"token script language-javascript\"><span class=\"token script-punctuation punctuation\">=</span><span class=\"token punctuation\">{</span><span class=\"token punctuation\">{</span> x<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">}</span></span> <span class=\"token punctuation\">/></span></span></code></pre></div>\n<p><a href=\"https://www.framer.com/motion/\">在线 demo</a></p>"}},{"node":{"frontmatter":{"title":"Ben Newman回归Meteor开发对typescript的支持","publish":true,"cover":"","showCover":true,"date":"2019-07-11","category":"nodejs","url":"https://github.com/meteor/meteor/pull/10610","author":"编辑 Ka","translator":"","tags":["meteor"],"priority":1},"html":"<p>在完成了Apollo Federation的开发工作后，卓越的MDG成员Ben Newman回归Meteor开发对Meteor官方对typescript的支持。</p>"}},{"node":{"frontmatter":{"title":"color-thief 从图片中获取配色方案","publish":true,"cover":"https://lokeshdhakar.com/projects/color-thief/images/image-2.jpg","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/lokesh/color-thief/","author":"Lokesh Dhakar","translator":"","tags":["color"],"priority":1},"html":"<p><a href=\"https://lokeshdhakar.com/projects/color-thief/\">在线 demo</a></p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">var</span> colorThief <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">ColorThief</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ncolorThief<span class=\"token punctuation\">.</span><span class=\"token function\">getColor</span><span class=\"token punctuation\">(</span>sourceImage<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"MDN 主页(Beta版)使用 react 实现","publish":true,"cover":"","showCover":true,"date":"2019-07-19","category":"frontend","url":"https://beta.developer.mozilla.org/en-US/","author":"Mozilla 编辑 Ka","translator":"","tags":["javascript"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"javascript ES6 generator与协程coroutine,fiber","publish":true,"cover":"","showCover":true,"date":"2019-07-17","category":"javascript","url":"https://blog.kazge.com/javascript/nodejs/2019/07/15/zh-the-javascript-recursion-solution/","author":"Ka","translator":"","tags":["javascript"],"priority":1},"html":"<p>generator 最大的用处还是实现 async/await,然而依然不如直接使用 async/await 直观。总的来说，使用 generator 的场景并不多见。</p>"}},{"node":{"frontmatter":{"title":"mongol-查看meteor App浏览器内mongodb工具","publish":true,"cover":"https://raw.githubusercontent.com/msavin/Mongol-meteor-explore-minimongo-devtools/master/Mongol.gif","showCover":true,"date":"2019-07-11","category":"nodejs","url":"https://github.com/msavin/Mongol-meteor-explore-minimongo-devtools","author":"Max Savin","translator":"","tags":["meteor"],"priority":1},"html":"<p><code class=\"language-text\">meteor add msavin:mongol</code>\n只会在开发环境中开启，浏览器中<code class=\"language-text\">Control + M</code>开启/关闭界面。</p>"}},{"node":{"frontmatter":{"title":"javascript递归,tco和trampoline","publish":true,"cover":"","showCover":true,"date":"2019-07-17","category":"javascript","url":"https://blog.kazge.com/javascript/nodejs/2019/07/15/zh-the-javascript-es6-generator/","author":"Ka","translator":"","tags":["javascript"],"priority":1},"html":"<p>Trampoline 的最终目的是将递归转为循环，改成循环的诀窍是，代码不马上执行，而是返回函数。那么 promise 也可以达到相同的目的。</p>"}},{"node":{"frontmatter":{"title":"survey-library 轻松建立调查表单","publish":true,"cover":"https://cloud.githubusercontent.com/assets/22315929/22462339/ed33f60a-e7bd-11e6-942b-72882e6bf1db.gif","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/surveyjs/survey-library","author":"Devsoft Baltic OÜ","translator":"","tags":["survey"],"priority":1},"html":"<p>支持 react,vue,angular2。</p>\n<p><a href=\"https://surveyjs.io/Examples/Library/\">在线 demo</a></p>"}},{"node":{"frontmatter":{"title":"react-page-visibility react页面可见管理组件","publish":true,"cover":"","showCover":true,"date":"2019-07-20","category":"frontend","url":"https://github.com/pgilad/react-page-visibility","author":"Gilad Peleg","translator":"","tags":["react"],"priority":1},"html":"<p>使用<a href=\"https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API#Use_cases\">Page Visibility API</a>实现\n。</p>\n<div class=\"gatsby-highlight\" data-language=\"jsx\"><pre class=\"language-jsx\"><code class=\"language-jsx\"><span class=\"token keyword\">import</span> React <span class=\"token keyword\">from</span> <span class=\"token string\">'react'</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">import</span> PageVisibility <span class=\"token keyword\">from</span> <span class=\"token string\">'react-page-visibility'</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token keyword\">const</span> <span class=\"token function-variable function\">AppContainer</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> <span class=\"token punctuation\">(</span>\n    <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>PageVisibility</span><span class=\"token punctuation\">></span></span><span class=\"token plain-text\">\n      </span><span class=\"token punctuation\">{</span>isVisible <span class=\"token operator\">=></span> <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>RotatingCarousel</span> <span class=\"token attr-name\">rotate</span><span class=\"token script language-javascript\"><span class=\"token script-punctuation punctuation\">=</span><span class=\"token punctuation\">{</span>isVisible<span class=\"token punctuation\">}</span></span> <span class=\"token punctuation\">/></span></span><span class=\"token punctuation\">}</span><span class=\"token plain-text\">\n    </span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>PageVisibility</span><span class=\"token punctuation\">></span></span>\n  <span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2019-06-12","category":"game","url":"https://apps.apple.com/us/app/aero-egg/id1247264387?ls=1","author":"广告","translator":"","tags":["ads"],"priority":3},"html":""}},{"node":{"frontmatter":{"title":"多线程 postMessage 性能怎么样?","publish":true,"cover":"https://dassur.ma/things/is-postmessage-slow/nokia2-chrome.svg","showCover":true,"date":"2019-07-20","category":"javascript","url":"https://dassur.ma/things/is-postmessage-slow/","author":"Surma","translator":"","tags":["worker"],"priority":2},"html":"<p>即使在老旧的移动设备上，postMessage 性能：</p>\n<ul>\n<li>100KiB 以内数据传送可保证相应速度 &#x3C; 100ms。</li>\n<li>10KiB 以内对于动画来说也是可以保证速度的。</li>\n</ul>\n<p>多大于此数据量，则考虑二进制传输或 WebAssembly。</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":3},"html":""}}]}}