{"pageContext":{"index":18,"total":364,"name":"2019-09-08","items":[{"node":{"frontmatter":{"title":"Ackee-网站统计工具","publish":true,"cover":"https://camo.githubusercontent.com/1be229eeb4fa5ca8c852dcdbb777b329ab771cb4/68747470733a2f2f732e656c6563746572696f75732e636f6d2f696d616765732f61636b65652f726561646d652e706e67","showCover":true,"date":"2019-09-05","category":"nodejs","url":"https://github.com/electerious/Ackee","author":"Tobias Reich 编辑 Ka","translator":"","tags":["anaysis"],"priority":1},"html":"

不想使用google统计？想用自己的统计工具，Ackee就是开源的网站统计工具。

\n

需要mongodb。

"}},{"node":{"frontmatter":{"title":"Array.from 使用","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"javascript","url":"https://dmitripavlutin.com/javascript-array-from-applications/","author":"Dmitri Pavlutin 编辑 Ka","translator":"","tags":["array"],"priority":1},"html":"

将类数组结构转换为数组

\n
Array.from('Hey'); // => ['H', 'e', 'y']\nArray.from(new Set(['one', 'two'])); // => ['one', 'two']\n\nconst map = new Map();\nmap.set('one', 1);\nmap.set('two', 2);\nArray.from(map); // => [['one', 1], ['two', 2]]
\n

浅克隆

\n
const numbers = [3, 6, 9];\nconst numbersCopy = Array.from(numbers);\n\nnumbers === numbersCopy; // => false
\n

做 Array.fill 类似的事情

\n
const length = 3;\nconst init = 0;\nconst result = Array.from({ length }, () => init);\n\nresult; // => [0, 0, 0]
\n
const length = 3;\nconst init = 0;\nconst result = Array(length).fill(init);\n\nfillArray2(0, 3); // => [0, 0, 0]
\n
const length = 3;\nconst resultA = Array.from({ length }, () => ({}));\nconst resultB = Array(length).fill({});\n\nresultA; // => [{}, {}, {}]\nresultB; // => [{}, {}, {}]\n\n// 注意这里,fill使用的相同的对象填充\nresultA[0] === resultA[1]; // => false\nresultB[0] === resultB[1]; // => true
\n
// map则不能达到相同效果,map会忽略Array(length)创建的empty slots\nconst length = 3;\nconst init = 0;\nconst result = Array(length).map(() => init);\n\nresult; // => [undefined, undefined, undefined]
\n

填充范围数字

\n
function range(end) {\n  return Array.from({ length: end }, (_, index) => index);\n}\n\nrange(4); // => [0, 1, 2, 3]
\n

使数组元素唯一

\n
function unique(array) {\n  return Array.from(new Set(array));\n}\n\nunique([1, 1, 2, 3, 3]); // => [1, 2, 3]
"}},{"node":{"frontmatter":{"title":"Reactive Search 3.0查找UI组件","publish":true,"cover":"https://camo.githubusercontent.com/8129bd5de46717ae2ea72ee16329dbab556496f8/68747470733a2f2f692e696d6775722e636f6d2f624a31514b5a532e706e67","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://www.bennadel.com/blog/3693-anchor-tags-can-contain-block-level-elements-as-of-html5.htm","author":"appbase.io","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"camaro-xml转json","publish":true,"cover":"https://github.com/tuananh/camaro/raw/develop/intro.png","showCover":true,"date":"2019-09-05","category":"nodejs","url":"https://github.com/tuananh/camaro","author":"Tuan Anh Tran 编辑 Ka","translator":"","tags":["xml"],"priority":1},"html":"

v4使用WebAssembly,性能依然快，但是比v3要慢，作者正在改进。

"}},{"node":{"frontmatter":{"title":"google使用typescript反应very good","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"javascript","url":"https://github.com/microsoft/TypeScript/issues/33272","author":"Evan Martin@google","translator":"","tags":["typescript"],"priority":1},"html":"

主要反馈的问题是泛型相关的。

"}},{"node":{"frontmatter":{"title":"cytoscape.js-图论展示工具","publish":true,"cover":"https://raw.githubusercontent.com/cytoscape/cytoscape.js/unstable/documentation/img/cytoscape-logo.png","showCover":true,"date":"2019-09-05","category":"nodejs","url":"https://github.com/cytoscape/cytoscape.js","author":"cytoscape","translator":"","tags":["xml"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"hashids-将数字转换为uniqueid","publish":true,"cover":"https://camo.githubusercontent.com/d9ac39c754c40fae6d66696037c3a33540c2bd09/687474703a2f2f686173686964732e6f72672f7075626c69632f696d672f686173686964732e676966","showCover":true,"date":"2019-09-05","category":"nodejs","url":"https://github.com/niieani/hashids.js","author":"Bazyli Brzóska","translator":"","tags":["hash"],"priority":1},"html":"

可逆的将数字转为字符串，支持加盐，支持自定义字符集，支持hex

\n
const hashids = new Hashids('', 0, 'abcdefghijklmnopqrstuvwxyz') // 全部小字母\nconsole.log(hashids.encode(1, 2, 3)) // mdfphx
"}},{"node":{"frontmatter":{"title":"html draggable API 教程","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://alligator.io/js/drag-and-drop-vanilla-js/","author":"Jess Mitchell","translator":"","tags":["draggable"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"html5的a标记可以有条件包含块元素","publish":true,"cover":"https://www.bennadel.com/resources/uploads/2019/anchor-tag-contains-block-elements-html5.png","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://www.bennadel.com/blog/3693-anchor-tags-can-contain-block-level-elements-as-of-html5.htm","author":"Ben Nadel","translator":"","tags":["html"],"priority":1},"html":"

html5里，a标记可以包含块元素，前提是，a的父元素也是块元素。

"}},{"node":{"frontmatter":{"title":"mongo4.2移除SSL默认TLS","publish":true,"cover":"","showCover":true,"date":"2019-09-06","category":"database","url":"https://www.mongodb.com/blog/post/going-in-mongodb-42","author":"Dj Walker-Morgan","translator":"","tags":["mongodb"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-day-picker react日历组件","publish":true,"cover":"https://user-images.githubusercontent.com/120693/33363979-cb60fb5a-d4e2-11e7-8d21-f4779b8b9105.png","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://github.com/gpbl/react-day-picker","author":"Giampaolo Bellavite","translator":"","tags":["react"],"priority":1},"html":"

demo

"}},{"node":{"frontmatter":{"title":"react-navigation React Native导航组件4.0发布","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://github.com/react-navigation/react-navigation","author":"React Navigation","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"spacetime-无依赖功能强大的时区操作库","publish":true,"cover":"https://user-images.githubusercontent.com/399657/50862221-1d904a00-1369-11e9-891c-5f4e9fbb9ec0.gif","showCover":true,"date":"2019-09-05","category":"nodejs","url":"https://github.com/spencermountain/spacetime","author":"spencer kelly","translator":"","tags":["timezone"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"transform: rotate让你的光标旋转起来","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://css-tricks.com/can-you-rotate-the-cursor-in-css/","author":"Chris Coyier","translator":"","tags":["css"],"priority":1},"html":"
.cursor {\n    --r: 0deg;\n    position: fixed;\n    left: -8px;\n    top: -6px;\n    pointer-events: none;\n    user-select: none;\n    display: none;\n    transform: translate(var(--x), var(--y));\n    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4));\n    svg {\n        display: block;\n        width: 28px;\n        height: 28px;\n        transform: rotate(var(--r));\n    }\n}
"}},{"node":{"frontmatter":{"title":"unity随机贴图tiles","publish":true,"cover":"","showCover":true,"date":"2019-09-01","category":"game","url":"https://preview.redd.it/x7uewzliptj31.gif?format=mp4&s=b582adec31151aaf0422323dbf97d0f6a0034096","author":"Lethandralis","translator":"","tags":["unity"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"vue-treeselect 支持多选的树组件","publish":true,"cover":"https://raw.githubusercontent.com/riophae/vue-treeselect/master/screenshot.png","showCover":true,"date":"2019-09-07","category":"frontend","url":"https://github.com/riophae/vue-treeselect","author":"Fangzhou Li","translator":"","tags":["tree"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"x3dom-x3d标准的javascript实现展示3d模型","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html","author":"Adrian Sureshkumar","translator":"","tags":["3d"],"priority":1},"html":"

x3d是ISO标准，x3dom是其实现。

\n

球体的示例

"}},{"node":{"frontmatter":{"title":"三星宣布推出符合行业标准的key-value SSD原型","publish":true,"cover":"http://www.cntronics.com/editorfiles/20190906110927_5303.jpg","showCover":true,"date":"2019-09-07","category":"database","url":"http://ep.cntronics.com/guide/4590/4623","author":"wenwei@cntronics","translator":"","tags":["storage"],"priority":2},"html":"

今年早些时候，存储网络行业协会（SNIA）的 Object Drives 工作组发布了 Key Value Storage API 规范 1.0 版。今天三星推出一款 key-value SSD 原型以兼容这个用于密钥存储设备的行业标准。

"}},{"node":{"frontmatter":{"title":"typescript里使用void","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"javascript","url":"https://fettblog.eu/void-in-javascript-and-typescript/","author":"@ddprrt","translator":"","tags":["typescript"],"priority":1},"html":"

基本上和 undefined 一样，主要区别\nvoid 作为返回类型可指代任何类型，而 undefined 则不行。

\n
function doSomething(callback: () => void) {\n  let c = callback(); // c =2\n}\n\n// 返回number的函数\nfunction aNumberCallback(): number {\n  return 2;\n}\n\n// 可以\ndoSomething(aNumberCallback);
\n
function doSomething(callback: () => undefined) {\n  /* ... */\n}\n\nfunction aNumberCallback(): number {\n  return 2;\n}\n\n// 错误,必须是返回undefined\ndoSomething(aNumberCallback);
"}},{"node":{"frontmatter":{"title":"tui.grid又一个漂亮的表格组件(韩国人开发)","publish":true,"cover":"https://user-images.githubusercontent.com/18183560/42144044-de298b02-7df3-11e8-8bbd-dc824ae0df52.png","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://github.com/nhn/tui.grid","author":"NHN nhn","translator":"","tags":["grid"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"使用Puppeteer抓取页面dark模式","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://www.bram.us/2019/09/04/take-both-light-and-dark-mode-screenshots-with-puppeteer/","author":"Bram.us","translator":"","tags":["Puppeteer"],"priority":1},"html":"

需要运行脚本的机器开启dark模式。

\n

npx dark-mode-screenshot --url https://googlechromelabs.github.io/dark-mode-toggle/demo/index.html --output screenshot --fullPage

"}},{"node":{"frontmatter":{"title":"再来尝试一下AI预测股票","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"python","url":"https://medium.com/@frank.ceballos/stock-market-trends-b24203484e0f","author":"Frank Ceballos 编辑 Ka","translator":"","tags":["stock"],"priority":1},"html":"

源码

\n
\n

看过很多这样的预测股票的文章，都有源码，而且大部分最后有简历地址😂。老编不禁好奇？真赚钱的话，为啥不闷声发大财？

\n
"}},{"node":{"frontmatter":{"title":"好玩的-在线游戏编辑器","publish":true,"cover":"https://bitmelo.com/aa1c490f05cb1c1e96012cf143791535.png","showCover":true,"date":"2019-09-07","category":"javascript","url":"https://github.com/byersdz/bitmelo-editor","author":"David Byers","translator":"","tags":["game"],"priority":1},"html":"

在线 demo

"}},{"node":{"frontmatter":{"title":"博士研究生文章-自制混淆器","publish":true,"cover":"","showCover":true,"date":"2019-09-07","category":"javascript","url":"https://antoinevastel.com/javascript/2019/09/04/home-made-obfuscator.html","author":"PhD student - Antoine Vastel","translator":"","tags":["obfuscator"],"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":"

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

"}},{"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":"教程-OpenCV到浏览器","publish":true,"cover":"https://www.pyimagesearch.com/wp-content/uploads/2019/09/opencv_stream_video_flask_browser_flask_and_opencv.png","showCover":true,"date":"2019-09-06","category":"python","url":"https://www.pyimagesearch.com/2019/09/02/opencv-stream-video-to-web-browser-html-page","author":"Adrian Rosebrock","translator":"","tags":["opencv"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"由于mongodb协议修改,homebrew官方移除了mongodb,但是mongodb有它自己的tap","publish":true,"cover":"","showCover":true,"date":"2019-09-06","category":"database","url":"https://www.mongodb.com/blog/post/mongodbs-official-brew-tap-now-open-and-flowing","author":"Dj Walker-Morgan","translator":"","tags":["mongodb"],"priority":1},"html":"

brew tap mongodb/brew

\n

brew install mongodb-community

"}},{"node":{"frontmatter":{"title":"教程-在火狐里调试typescript","publish":true,"cover":"https://hacks.mozilla.org/files/2019/08/debugging-typescript.png","showCover":true,"date":"2019-09-05","category":"javascript","url":"https://hacks.mozilla.org/2019/09/debugging-typescript-in-firefox-devtools/","author":"Jan Honza Odvarko","translator":"","tags":["typescript"],"priority":1},"html":"

tsc 编译 typescript 后，使用 sourcemap 可在火狐中查看。

"}},{"node":{"frontmatter":{"title":"训练AI玩纸牌","publish":true,"cover":"https://www.apptic.me/blog/images/literature.gif","showCover":true,"date":"2019-09-06","category":"python","url":"https://www.apptic.me/blog/how-to-train-a-neural-net-to-play-cards.php","author":"Neel Somani","translator":"","tags":["ai"],"priority":1},"html":"

源码

"}},{"node":{"frontmatter":{"title":"自动驾驶公司 Waymo 公开其传感数据集","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"AI","url":"https://www.infoq.com/news/2019/09/waymo-machine-learning-dataset/","author":"Anthony Alford 编辑 Ka","translator":"","tags":["drive"],"priority":1},"html":"

此数据集包含司机超过 5 个小时的传感高清数据。

"}},{"node":{"frontmatter":{"title":"跳到页面顶部的几种方法","publish":true,"cover":"","showCover":true,"date":"2019-09-05","category":"frontend","url":"https://css-tricks.com/need-to-scroll-to-the-top-of-the-page/","author":"Chris Coyier","translator":"","tags":["html"],"priority":1},"html":"

锚记

\n
<html id=\"top\">\n  <body>\n     <!-- the entire document -->\n     <a href=\"#top\">Jump to top of page</a>\n  </body>\n</html>
\n
html {\n  scroll-behavior: smooth;\n}
\n

上面的方法会改变焦点

\n

解决：

\n
<html>\n  <body>\n     <a id=\"top\"></a>\n     <!-- the entire document -->\n     <a href=\"#top\">Jump to top of page</a>\n  </body>\n</html>
\n

javascript

\n
window.scroll({\n  top: 0, \n  left: 0, \n  behavior: 'smooth'\n});
"}}]}}