{"pageContext":{"index":21,"total":363,"name":"2019-09-29","items":[{"node":{"frontmatter":{"title":"15个实用vue组件","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://www.telerik.com/blogs/15-must-have-vue-directives-that-will-significantly-maximize-your-productivity","author":"Nada Rifki","translator":"","tags":["vue"],"priority":1},"html":"
    \n
  1. V-Hotkey 热键
    2. \n
  2. V-Click-Outside 点击元素外部时触发
    3. \n
  3. V-Clipboard 粘贴板
    4. \n
  4. Vue-ScrollTo 滚动到
    5. \n
  5. Vue-Lazyload 图片懒加载
    6. \n
  6. V-Tooltip 提示
    7. \n
  7. V-Scroll-Lock 滚动锁定
    8. \n
  8. V-Money 货币格式
    9. \n
  9. Vue-Infinite-Scroll 无限滚动
    10. \n
  10. Vue-Clampy
    11. \n
  11. Vue-InputMask
    12. \n
  12. Vue-Ripple-Directive 按钮涟漪特效
    13. \n
  13. Vue-Focus 焦点
    14. \n
  14. V-Blur 模糊
    15. \n
  15. Vue-Dummy 图片说明文字
    16. \n
"}},{"node":{"frontmatter":{"title":"SQLTools - VSCode SQL数据库客户端插件支持提示","publish":true,"cover":"https://raw.githubusercontent.com/mtxr/vscode-sqltools/master/static/add_new_connection_ui.gif","showCover":true,"date":"2019-09-28","category":"database","url":"https://marketplace.visualstudio.com/items?itemName=mtxr.sqltools#sqltools","author":"Matheus Teixeira","translator":"","tags":["angular"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Safari安全跟新-localStorage不再是永久的","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://webkit.org/blog/9521/intelligent-tracking-prevention-2-3/","author":"John Wilander 编辑 Ka","translator":"","tags":["safari"],"priority":1},"html":"

Intelligent Tracking Prevention (ITP) version 2.3 已包含在 iOS 13, iPadOS beta, macOS（Catalina, Mojave, High Sierra）中的Safari上.

\n"}},{"node":{"frontmatter":{"title":"Angular的7个常见错误","publish":true,"cover":"","showCover":true,"date":"2019-09-28","category":"frontend","url":"https://dev.to/valeriopisapia/why-your-angular-app-is-not-working-7-common-mistakes-2ba1","author":"Valerio","translator":"","tags":["angular"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Workbox 谷歌PWA框架","publish":true,"cover":"https://user-images.githubusercontent.com/110953/28352645-7a8a66d8-6c0c-11e7-83af-752609e7e072.png","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/GoogleChrome/workbox","author":"Google","translator":"","tags":["pwa"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"flutter_mp 京东尝试flutter开发小程序","publish":true,"cover":"https://github.com/areslabs/flutter_mp/raw/master/static/flutter_lakes.jpg","showCover":true,"date":"2019-09-28","category":"frontend","url":"https://github.com/areslabs/flutter_mp","author":"ARES Labs 编辑 Ka","translator":"","tags":["flutter"],"priority":1},"html":"

京东团队ARES Labs开源flutter_mp,使用flutter开发小程序。

\n

此团队还开发了alita React Native转小程序的工具，不过看起来好粗糙🤦‍♂️。

"}},{"node":{"frontmatter":{"title":"gatsby获得一千五百万美元a轮融资","publish":true,"cover":"https://www.gatsbyjs.org/static/b8bacf640f801ffbd6f0765f1ecba6bc/b5562/gatsby-team.jpg","showCover":true,"date":"2019-09-26","category":"javascript","url":"https://www.gatsbyjs.org/blog/2019-09-26-announcing-gatsby-15m-series-a-funding-round/","author":"Kyle Mathews 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

已经开始实现收费云服务。

\n
\n

貌似盖茨比这个名字天生与有💰挂钩。好了有钱了，把框架做好点吧。

\n
"}},{"node":{"frontmatter":{"title":"augmented-ui 黑客用的ui","publish":true,"cover":"https://augmented-ui.com/old-browsers.png","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/propjockey/augmented-ui","author":"PropJockey","translator":"","tags":["safari"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"generated.photos 十万份AI画的人脸,非商业免费用","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"AI","url":"https://generated.photos/","author":"Generated Photos ","translator":"","tags":["ai"],"priority":1},"html":"

另一个网站

\n
\n

各位看官，不说你知道是机器画的脸吗？细思极恐！

\n
"}},{"node":{"frontmatter":{"title":"gpu.js让你的javascript用上GPU","publish":true,"cover":"https://camo.githubusercontent.com/f48abdd17dfd3a682a55b5f3a9be83bba06e5c7d/687474703a2f2f6770752e726f636b732f696d672f6f67696d6167652e706e67","showCover":true,"date":"2019-09-28","category":"javascript","url":"https://github.com/gpujs/gpu.js","author":"gpujs 编辑 Ka","translator":"","tags":["gpu"],"priority":2},"html":"
const gpu = new GPU();\n    const multiplyMatrix = gpu.createKernel(function(a, b) {\n        let sum = 0;\n        for (let i = 0; i < 512; i++) {\n            sum += a[this.thread.y][i] * b[i][this.thread.x];\n        }\n        return sum;\n    }).setOutput([512, 512]);\n\n    const c = multiplyMatrix(a, b);
"}},{"node":{"frontmatter":{"title":"head清单列表","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/Amery2010/HEAD","author":"Josh Buchea 翻译 子丶言","translator":"","tags":["html"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"glean-react重构VSCode插件","publish":true,"cover":"https://github.com/wix/vscode-glean/blob/master/assets/stateful-to-stateless.gif?raw=true","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://marketplace.visualstudio.com/items?itemName=wix.glean#wixglean","author":"Wix 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"iframe-resizer-react react iframe自动适应大小组件","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/davidjbradshaw/iframe-resizer-react","author":"David J. Bradshaw 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

封装了同一作者的iframe-resizer组件，简化了iframe与宿主窗口的消息通信接口。\n在线demo

"}},{"node":{"frontmatter":{"title":"上任8个月后 npm CEO Bryan Bogensberger 离职","publish":true,"cover":"","showCover":true,"date":"2019-09-27","category":"nodejs","url":"https://www.msn.com/en-us/finance/news/npm-ceo-bryan-bogensberger-exits-after-eight-months-of-turmoil/ar-AAHBAkb","author":"James Sanders 编辑 Ka","translator":"","tags":["npm"],"priority":1},"html":"

npm还没有找到接任CEO，可见npm内部动荡之剧烈。

\n
\n

老编笑： npm今年八卦多，上次传出罢工丑闻，员工揭露新上任的管理层的裁人政策。好了，这回裁人的人也滚蛋了。

\n
"}},{"node":{"frontmatter":{"title":"pixelmatch最小最快的图片比较库","publish":true,"cover":"https://github.com/mapbox/pixelmatch/raw/master/test/fixtures/4a.png","showCover":true,"date":"2019-09-28","category":"javascript","url":"https://github.com/mapbox/pixelmatch","author":"Mapbox","translator":"","tags":["image"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react native和react web项目之间共享typescript代码","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://spin.atomicobject.com/2019/09/24/typescript-web-react-native/","author":"JOHN RUBLE 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

作者尝试了两种方式，

\n\n

最终使用第二种，缺点是vscode体验不好。

"}},{"node":{"frontmatter":{"title":"react-native-pager React Native页面管理组件","publish":true,"cover":"https://github.com/CrowdLinker/react-native-pager/raw/master/docs/assets/kilter-cards.gif","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/CrowdLinker/react-native-pager","author":"Crowdlinker Inc.","translator":"","tags":["react"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"react-dnd 拖拽操作库发布v9.4.0","publish":true,"cover":"","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/react-dnd/react-dnd","author":"Chris Trevino","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-pdf 浏览器上pdf生成工具，支持导出，支持服务端渲染","publish":true,"cover":"https://github.com/diegomura/react-pdf/raw/master/examples/images/thumb.png","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/diegomura/react-pdf","author":"Diego Muracciole 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"typescript入门","publish":true,"cover":"","showCover":true,"date":"2019-09-28","category":"javascript","url":"https://www.valentinog.com/blog/typescript/","author":"Valentino Gagliardi","translator":"","tags":["typescript"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"vue实用秘笈","publish":true,"cover":"https://miro.medium.com/max/2400/1*6Yl5Hfqn5bhq1en0OcZsTA.jpeg","showCover":true,"date":"2019-09-28","category":"frontend","url":"https://itnext.io/a-few-handy-vue-js-tricks-832703cff426","author":"InfectoOne","translator":"","tags":["vue"],"priority":1},"html":"

转发全部属性

\n
<child-component v-bind=\"$props\"/>
\n

属性定义拷贝

\n
export default {\n    props:{\n      ...ChildComponent.options.props\n    }\n  }
\n

转发所有事件监听

\n
<child-component v-on=\"$listeners\"/>
\n

\n

简化slot语法

\n
<my-table>\n    <template #row=\"{ item }\">\n      内容\n    </template>\n  </my-table>
\n

动态的指定参数

\n
<my-button @[someEvent]=\"handleSomeEvent()\"/>
\n

动态图片路径

\n
<img :src=\"require(`@/assets/logos/${company.logo}`)\"/>
"}},{"node":{"frontmatter":{"title":"react-puzzle-confirm react puzz验证组件","publish":true,"cover":"https://github.com/ozluy/react-puzzle-confirm/raw/master/react-puzzle.gif","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://github.com/ozluy/react-puzzle-confirm","author":"Yusuf Özlü 编辑 Ka","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"教程-使用datalog,winston记录分析nodejs集群日志","publish":true,"cover":"https://imgix.datadoghq.com/img/blog/node-logging-best-practices/node_hero.png?auto=format&w=1800&dpr=1","showCover":true,"date":"2019-09-26","category":"nodejs","url":"https://www.datadoghq.com/blog/node-logging-best-practices/","author":"Mallory Mooney","translator":"","tags":["logging"],"priority":1},"html":"

为便于分析写日志时要注意加入元数据(metadata)。

"}},{"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":"

APP Store(非国内账户可下载)\n安卓 - 中文

"}},{"node":{"frontmatter":{"title":"教程-使用docker多步构建(multi-stage)减小文件大小运行nodejs","publish":true,"cover":"","showCover":true,"date":"2019-09-27","category":"nodejs","url":"https://jdlm.info/articles/2019/09/06/lessons-building-node-app-docker.html","author":"John Lees-Miller","translator":"","tags":["docker"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程-使用react lazy预加载视图","publish":true,"cover":"https://blog.maximeheckel.com/75af0425481998f8ff56bb8ea1eea92d/react-lazy-suspense-preloading.gif","showCover":true,"date":"2019-09-26","category":"frontend","url":"https://blog.maximeheckel.com/posts/preloading-views-with-react","author":"Maxime Heckel","translator":"","tags":["react"],"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":"牛-13k大小3d javascript策略游戏","publish":true,"cover":"https://phoboslab.org/content/assets/voidcall-astar-nodes.jpg","showCover":true,"date":"2019-09-26","category":"javascript","url":"https://github.com/phoboslab/voidcall","author":"Dominic Szablewski 编辑 Ka","translator":"","tags":["game"],"priority":2},"html":"

js13kgames参赛作品在线试玩\n源码

"}},{"node":{"frontmatter":{"title":"炒一吵- Hack News: Mysql 还是 Postgres","publish":true,"cover":"","showCover":true,"date":"2019-09-28","category":"database","url":"https://news.ycombinator.com/item?id=21040625","author":"编辑 Ka","translator":"","tags":["mysql"],"priority":1},"html":"

说Pg好的说它功能多，然而选择mysql的大多是实际运用中的经验。高读写，集群，大企业应用(facebook)。

\n

打混战的插进来说兄弟还是用mongodb吧。

\n
\n

老编：还是mysql吧，用得起mongodb就用mongodb,mongdodb确实好用。

\n
"}}]}}