{"pageContext":{"index":45,"total":364,"name":"2020-03-15","items":[{"node":{"frontmatter":{"title":"awesome-nodejs 优秀nodejs资源合集","publish":true,"cover":"https://github.com/sindresorhus/awesome-nodejs/raw/master/media/logo.svg?sanitize=true","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/sindresorhus/awesome-nodejs","author":"Sindre Sorhus","translator":"","tags":["resource"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"cdk8s - AWS出品,使用typescript定义k8s native应用","publish":true,"cover":"","showCover":true,"date":"2020-03-15","category":"devops","url":"https://github.com/awslabs/cdk8s","author":"AWS","translator":"","tags":["Kubernetes"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"codetour 直接在 VSCode 生成教程演示插件","publish":true,"cover":"https://user-images.githubusercontent.com/116461/76165260-c6c00500-6112-11ea-9cda-0a6cb9b72e8f.gif","showCover":true,"date":"2020-03-15","category":"ide","url":"https://github.com/vsls-contrib/codetour","author":"VS Live Share","translator":"","tags":["vscode"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"chrome Scroll snapping 样式将实现使滚动捕捉在窗口改变大小后自动适配","publish":true,"cover":"https://web.dev/snap-after-layout/css-scroll-snap-example.png","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://web.dev/snap-after-layout/","author":"Yi Gu,Kaan Alsan,Adam Argyle","translator":"","tags":["chrome"],"priority":1},"html":"
.container {\n  scroll-snap-type: y proximity;\n}\n\n.container::after {\n  scroll-snap-align: end;\n  display: block;\n}
\n

详见Re-snapping after layout changes specification

"}},{"node":{"frontmatter":{"title":"fkill-cli 支持windows的结束指定端口或名称进程工具","publish":true,"cover":"https://github.com/sindresorhus/fkill-cli/raw/master/screenshot.svg?sanitize=true","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/sindresorhus/fkill-cli","author":"Sindre Sorhus","translator":"","tags":["system"],"priority":1},"html":"

示例

\n
$ fkill 1337\n$ fkill safari\n$ fkill :8080\n$ fkill 1337 safari :8080\n$ fkill
"}},{"node":{"frontmatter":{"title":"on-change 可递归深度监控对象或数组改变","publish":true,"cover":"","showCover":true,"date":"2020-03-15","category":"javascript","url":"https://github.com/sindresorhus/on-change","author":"Sindre Sorhus","translator":"","tags":["reactive"],"priority":1},"html":"

使用proxy api实现。

"}},{"node":{"frontmatter":{"title":"react-calendar 终极react日历","publish":true,"cover":"https://camo.githubusercontent.com/2b30a40fa81e9168f32e0fefaca5378adb2c5e9f/68747470733a2f2f776f6a74656b6d616a2e686f6d652e706c2f70726f6a656b74792f72656163742d63616c656e6461722f72656163742d63616c656e6461722e6a7067","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://github.com/wojtekmaj/react-calendar","author":"Wojciech Maj","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-crossword 字谜组件","publish":true,"cover":"https://github.com/JaredReisinger/react-crossword/raw/master/docs/react-crossword.png","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://github.com/JaredReisinger/react-crossword","author":"Jared Reisinger","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-google-flight-datepicker - 航班日历","publish":true,"cover":"https://camo.githubusercontent.com/2692316133fce9a5d3402de2bbe80af086a895e8/68747470733a2f2f6a736c616e6365727465616d2e6769746875622e696f2f72656163742d676f6f676c652d666c696768742d646174657069636b65722f6d6f62696c652e706e67","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://github.com/JSLancerTeam/react-google-flight-datepicker","author":"JSLancerTeam","translator":"","tags":["react"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"redwood - JMX全栈框架(react,graphql,serverless,prisma2)","publish":true,"cover":"https://d33wubrfki0l68.cloudfront.net/fe55b84dd8ef022e3729071c88f19825f564eaec/d049e/images/structure.png","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/redwoodjs/redwood","author":"redwood","translator":"","tags":["JAMstack"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"telebot telegram机器人","publish":true,"cover":"https://camo.githubusercontent.com/90795468597d9fa1587cfc0a241974ee5b81a638/687474703a2f2f692e696d6775722e636f6d2f65454c7a3641772e6a7067","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/mullwar/telebot","author":"mullwar","translator":"","tags":["bot"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"threadbox 可递归的线程库,支持channel通信","publish":true,"cover":"https://github.com/sinclairzx81/threadbox/raw/master/doc/threadbox.png","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/sinclairzx81/threadbox","author":"sinclairzx81","translator":"","tags":["thread"],"priority":2},"html":"
\n

这个使用类和注解，看起来比comlink还好用的样子。

\n
"}},{"node":{"frontmatter":{"title":"turndown 将html装为markdown","publish":true,"cover":"","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://github.com/domchristie/turndown","author":"Dom Christie","translator":"","tags":["markdown"],"priority":1},"html":"

在线 demo

"}},{"node":{"frontmatter":{"title":"你不知道的三个npm的功能","publish":true,"cover":"","showCover":true,"date":"2020-03-15","category":"nodejs","url":"https://www.twilio.com/blog/npm-scripts","author":"DOMINIK KUNDEL","translator":"","tags":["npm"],"priority":1},"html":"

前后置脚本 Pre-/post-scripts

\n

环境变量

\n

所有 package.json 里的键值都可以从 process.env.npm_package_<键名称>获得

\n

npm 和 node 版本可从 process.env.npmconfiguser_agent 获得

\n

npm_package_gitHead可获得当前 git 的哈希

\n

可通过这条命令看

\n
{\n  \"scripts\": {\n    \"check-env\": \"node -e 'console.log(process.env)' | grep npm\"\n  }\n}
\n

传参

\n

npm run build -- --watch

\n

--传参数 可以通过 npm_config_<参数名>获得

\n
{\n  \"scripts\": {\n    \"demo\": \"echo \\\"Hello $npm_config_first $npm_config_last\\\"\"\n  }\n}
\n

npm run demo --last=Kundel --first=Dominik

\n

结果为Hello Dominik Kundel

\n

实用工具

\n"}},{"node":{"frontmatter":{"title":"可变字体的性能优势","publish":true,"cover":"https://miro.medium.com/max/6512/1*8IgFKQkPc19d_SkmFiVfbw.png","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://medium.com/@mandy.michael/the-performance-benefits-of-variable-fonts-79af8c4ff56c","author":"Mandy Michael","translator":"","tags":["font"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用signal取消异步请求","publish":true,"cover":"https://ckeditor.com/blog/Aborting-a-signal-how-to-cancel-an-asynchronous-task-in-JavaScript/feature.jpg","showCover":true,"date":"2020-03-15","category":"javascript","url":"https://ckeditor.com/blog/Aborting-a-signal-how-to-cancel-an-asynchronous-task-in-JavaScript/","author":"Tomasz Jakut","translator":"","tags":["request"],"priority":1},"html":"\n
const abortController = new AbortController(); // 1\nconst abortSignal = abortController.signal; // 2\n\nfetch(\"http://example.com\", {\n  signal: abortSignal // 3\n}).catch(({ message }) => {\n  // 5\n  console.log(message);\n});\n\nabortController.abort(); // 4
"}},{"node":{"frontmatter":{"title":"在线SVG 编辑器列表","publish":true,"cover":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2020/03/inkscape-497f23b9-e197-480f-842a-5f6cd2350371.png?w=860&ssl=1","showCover":true,"date":"2020-03-15","category":"javascript","url":"https://css-tricks.com/browser-based-svg-editors/","author":"Chris Coyier","translator":"","tags":["svg"],"priority":2},"html":"

最后作者还推荐了他自己喜欢用的Figma 和 Invision Studio。

"}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2020-01-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":"当年放弃股份给全体员工涨薪至最低年薪7万美元的老板现在怎么样了","publish":true,"cover":"https://ichef.bbci.co.uk/news/624/cpsprodpb/FF38/production/_111063356_danandalyssatesla976.jpg","showCover":true,"date":"2020-03-15","category":"other","url":"https://www.bbc.com/news/stories-51332811","author":"Stephanie Hegarty","translator":"","tags":["salary"],"priority":1},"html":"

当然是更好了，公司业务也提升了\n原报道：美国好老板：自降年薪为员工加薪(双语)

\n

现在:\n这五年来布莱斯的公司产生了变化，除了员工人数倍增之外，公司每年处理的金额也从 38 亿美元增加到 102 亿美元；

\n

更让 Price 的是，在替员工加薪之前，员工每年顶多只有两个新生儿出生；但加薪后，他的员工负担得起养小孩，共生了 40 多个宝宝。以前公司仅仅 1%的员工买得起房子，但现在已有超过 10%的员工置产。

\n

其实，他在 2015 年决定给每个人年薪加到 7 万美元之前，他的员工已经享受每年工资上涨 20%的福利了。

\n

五年了，普莱斯仍然拿着最低工资。但他觉得自己比当年赚上百万美元时人生更充实。

\n

但普莱斯不是没有过动摇和挣扎。

\n

他承认自己每天都会遇到考验。

\n

普莱斯说，他与脸书创办人扎克伯格（Mark Zuckerberg）同龄。自己也有黑暗时刻。有时也禁不住想要跟扎克伯格竞拼一下，跻身《福布斯》财富榜，也能像扎克伯格一样富有。普莱斯还想上《时代杂志》的封面，赚许多许多钱。

\n

所有这一切都太具诱惑力了。

\n

“把这一切都放下并不容易。但我现在的生活要好得多，”普莱斯说。

\n
\n

老编：我觉得普莱斯和扎克伯格个人成功和社会贡献都是一个高度的，我更尊敬普莱斯所表现出来的人性的光辉……

\n
"}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2020-01-12","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"提供每天一万免费请求的地理反向查询api","publish":true,"cover":"","showCover":true,"date":"2020-03-15","category":"javascript","url":"https://geo-info.co/","author":"geo-info.co 编辑 Ka","translator":"","tags":["geo"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用gatsby的创建苏格兰格子呢样式的静态站点","publish":true,"cover":"https://i1.wp.com/css-tricks.com/wp-content/uploads/2020/02/s_6AEB232739F96207DC3F1405EE370EA96FBA6A091724A58759A2357593F1527A_1580486250078_tartanify.jpg?ssl=1","showCover":true,"date":"2020-03-15","category":"frontend","url":"https://css-tricks.com/how-we-created-a-static-site-that-generates-tartan-patterns-in-svg/","author":"Paulina Hetman","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 只有2k文件大小的3d游戏","publish":true,"cover":"http://frankforce.com/wp-content/uploads/2020/03/snapshot-38-940x198.jpg","showCover":true,"date":"2020-03-15","category":"javascript","url":"http://frankforce.com/?p=7427","author":"Frank","translator":"","tags":["3d"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"请准备充足的口水来试试语音编程","publish":true,"cover":"https://dusty.phillips.codes/images/voice-recognition.jpg","showCover":true,"date":"2020-03-15","category":"python","url":"https://dusty.phillips.codes/2020/02/15/on-voice-coding/","author":"Dusty Phillips","translator":"","tags":["voice"],"priority":2},"html":"\n
\n

急性子不适用

\n
"}},{"node":{"frontmatter":{"title":"谷歌宣布：将正式实行移动网站优先索引","publish":true,"cover":"https://www.ainiseo.com/wp-content/uploads/2020/03/viewport.png","showCover":true,"date":"2020-03-15","category":"web","url":"https://www.ainiseo.com/google-seo/7500.html","author":"无 忧@爱搜博客","translator":"","tags":["seo"],"priority":2},"html":"

为了加快移动化进程，从2020年9月开始，谷歌将为所有网站切换到移动优先索引。与此同时，当谷歌的蜘蛛机器人系统检测到站点已支持移动网页时，谷歌将继续将网站迁移到移动网页优先索引。

\n

所谓“移动优先索引”是指，在用户搜索时，搜索引擎会首先查看网站的移动版本的优先级，在没有移动版本时退回到桌面版本。

"}}]}}