{"pageContext":{"index":183,"total":367,"name":"2022-11-06","items":[{"node":{"frontmatter":{"title":"JavaScript中实现易读的日期差异格式","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"javascript","url":"https://www.amitmerchant.com/human-readable-date-difference-in-javascript/","author":"Amit Merchant","translator":"","tags":["date"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"100多个类别的icons查找","publish":true,"cover":"https://github.com/antfu/icones/raw/main/screenshots/2.png","showCover":null,"date":"2022-11-06","category":"frontend","url":"https://icones.js.org/collection/all","author":"icones","translator":"","tags":["icon"],"priority":2},"html":"<p><a href=\"https://github.com/antfu/icones\">github源码</a></p>"}},{"node":{"frontmatter":{"title":"Shopify使用Remix构建构建自定义店面框架","publish":true,"cover":"https://cdn.shopify.com/s/files/1/0779/4361/files/IMG3-How_We_Built_Hydrogen_-_Img_2_-_Linting.jpg?v=1655822437%22","showCover":null,"date":"2022-11-06","category":"nodejs","url":"https://shopify.engineering/how-we-built-hydrogen","author":"Josh Larson","translator":"","tags":["remix"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"AI自动创建睡前故事","publish":true,"cover":"https://infinitemonkeys.app/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fbard-d1b29.appspot.com%2Fo%2Fimages%252F5Rfzwu17ILjL7hfpi18V%3Falt%3Dmedia%26token%3D7361827a-8049-4c88-af17-b86b2e13776a&w=1920&q=75","showCover":null,"date":"2022-11-06","category":"AI","url":"https://infinitemonkeys.app/","author":"Eric and Matt","translator":"","tags":["story"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"directory-serve命令行将文件夹作为http可上传","publish":true,"cover":"https://github.com/cube-root/directory-serve/raw/main/doc/basic-auth.png?raw=true","showCover":null,"date":"2022-11-06","category":"nodejs","url":"https://github.com/cube-root/directory-serve","author":"cube-root","translator":"","tags":["file"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"nextjs bundle大小调优","publish":true,"cover":"https://ucarecdn.com/c4adb9f3-5e9d-4077-a849-bc9a2eabb51b/-/preview/-/quality/smart/-/format/auto/","showCover":null,"date":"2022-11-06","category":"javascript","url":"https://renatopozzi.me/articles/your-nextjs-bundle-will-thank-you","author":"Renato Pozzi","translator":"","tags":["nextjs"],"priority":2},"html":"<ul>\n<li>注意index.js</li>\n<li>使用treeshake例如<a href=\"https://bundlephobia.com/\">BundlePhobia</a></li>\n</ul>"}},{"node":{"frontmatter":{"title":"heroku-free-alternatives - heroku免费替代方案汇总","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"devops","url":"https://github.com/Engagespot/heroku-free-alternatives","author":"Engagespot","translator":"","tags":["heroku"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"pgdump-aws-lambda - 使用AWS lambda备份postgres到AWS s3","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"database","url":"https://github.com/jameshy/pgdump-aws-lambda","author":"James","translator":"","tags":["postgres"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - react + threejs绘制3D","publish":true,"cover":"https://blog.openreplay.com/images/implementing-3d-graphics-in-react/images/hero.png","showCover":null,"date":"2022-11-06","category":"frontend","url":"https://blog.openreplay.com/implementing-3d-graphics-in-react/","author":"Favour Ogbonda","translator":"","tags":["3D"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"react-json-to-csv - json导出为csv格式的按钮","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"frontend","url":"https://github.com/coston/react-json-to-csv","author":"Coston Perkins","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"教程 - 使用MUI实现多级菜单","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"frontend","url":"https://www.robinwieruch.de/react-nested-dropdown-material-ui-mui/","author":"ROBIN WIERUCH","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"视频游戏可能与儿童更好的认知表现有关","publish":true,"cover":"https://nida.nih.gov/sites/default/files/styles/content_image_medium/public/images/gettyimages-1300195785.optimized.jpg?itok=E7MqkLuY","showCover":null,"date":"2022-11-06","category":"healthy","url":"https://nida.nih.gov/news-events/news-releases/2022/10/video-gaming-may-be-associated-with-better-cognitive-performance-in-children","author":"NIH","translator":"","tags":["game"],"priority":2},"html":"<p>一项针对近 2,000 名儿童的研究发现，与从未玩过电子游戏的儿童相比，那些自称每天玩电子游戏 3 小时或更长时间的儿童在包括冲动控制和工作记忆在内的认知技能测试中表现更好。</p>\n<blockquote>\n<p>老编：想知道这些实验对象的每日户外运动时间</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"详解javascript里的realm","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"javascript","url":"https://weizman.github.io/page-what-is-a-realm-in-js/#grasp-the-concept-of-what-realms-really-are","author":"Weizman","translator":"","tags":["realm"],"priority":1},"html":"<ul>\n<li>同源的两个 iframe（父子或兄弟）将在单个agent下形成两个realm</li>\n<li>顶级main realm和service worker是单个agent cluster下不同agent下的两个realm（Web worker也是如此）</li>\n<li>两个不同来源的两个 iframe（父母和孩子或兄弟姐妹）将在不同的agent下形成两个realm（此外，为了保持跨源站点隔离，两个realm的父agent是在不同进程中运行的独立agent cluster的子agent）</li>\n</ul>"}},{"node":{"frontmatter":{"title":"时间预估的7个错误的实践","publish":true,"cover":"","showCover":null,"date":"2022-11-06","category":"project","url":"https://medium.com/awesome-agile/7-estimation-anti-patterns-448cc81f7301","author":"Willem-Jan Ageling","translator":"","tags":["estimation"],"priority":1},"html":"<ul>\n<li>必须要预估不适合预估的项目</li>\n<li>忽略不同的估计意见</li>\n<li>一个人决定所有</li>\n<li>没达成一致时没完没了的讨论</li>\n<li>估计需要“正确”</li>\n<li>估计变成承诺</li>\n<li>不是实际写代码的人做预估</li>\n</ul>"}}]}}