{"pageContext":{"index":240,"total":364,"name":"2023-12-10","items":[{"node":{"frontmatter":{"title":"GQL - git的SQL查询语言","publish":true,"cover":"https://github.com/AmrDeveloper/GQL/raw/master/media/gql_demo.gif","showCover":null,"date":"2023-12-10","category":"devops","url":"https://github.com/AmrDeveloper/GQL","author":"Amr Hesham","translator":"","tags":["git"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Puppeteer 完整cheatsheet","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"javascript","url":"https://proxiesapi.com/articles/the-complete-puppeteer-cheatsheet","author":"Mohan Ganesan","translator":"","tags":["puppeteer"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"LLM模型可视化","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"AI","url":"https://bbycroft.net/llm","author":"Brendan Bycroft","translator":"","tags":["LLM"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Pravatar:api 调用随机Avatar图像,均来自 Pexels基于CC0 License","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"frontend","url":"https://pravatar.cc/","author":"pravatar","translator":"","tags":["avatar"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Timenames  - 一天中每一秒的唯一名称","publish":true,"cover":"https://github.com/iaseth/timenames/raw/master/res/one-minute-demo.gif","showCover":null,"date":"2023-12-10","category":"javascript","url":"https://github.com/iaseth/timenames","author":"Ankur Seth","translator":"","tags":["time"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"culori - 容易理解的颜色库","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"javascript","url":"https://github.com/Evercoder/culori","author":"Moqups","translator":"","tags":["color"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">import</span> <span class=\"token punctuation\">{</span> rgb <span class=\"token punctuation\">}</span> <span class=\"token keyword\">from</span> <span class=\"token string\">'culori'</span><span class=\"token punctuation\">;</span>\n\n<span class=\"token function\">rgb</span><span class=\"token punctuation\">(</span><span class=\"token string\">'tomato'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ⇒ Object { mode: \"rgb\", r: 1, g: 0.38823529411764707, b: 0.2784313725490196 }</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"design2code - 又一个从草图生成html代码的AI工具","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"frontend","url":"https://github.com/mostafasadeghi97/design2code","author":"Mostafa Sadeghi","translator":"","tags":["design","UI"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"placeholder - 粗糙的单应用geocoder(从地址获得geo信息)","publish":true,"cover":"https://raw.githubusercontent.com/pelias/design/master/logo/pelias_github/Github_markdown_hero.png","showCover":null,"date":"2023-12-10","category":"nodejs","url":"https://github.com/pelias/placeholder","author":"Pelias","translator":"","tags":["geo"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"tldts - 从url解析域名等信息","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"nodejs","url":"https://github.com/remusao/tldts","author":"remusao","translator":"","tags":["url"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用react native(windows,mac)创建macOS的menubar程序","publish":true,"cover":"https://res.cloudinary.com/dangiiuvf/image/upload/f_auto,q_auto/gz3jdlgx4vnvpbpwpqlh","showCover":null,"date":"2023-12-10","category":"mobile","url":"https://www.oskarkwasniewski.dev/blog/create-react-native-macos-menubar-app","author":"OSKAR KWAŚNIEWSKI","translator":"","tags":["react native"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"使用 TypeScript 接口定义创建图表并规划代码","publish":true,"cover":"https://camo.githubusercontent.com/c80091b4165ab3b9e48597acfb912262b2203e97ed19958e4d2a6974d1549dac/68747470733a2f2f726f6f742e622d63646e2e6e65742f74736469616772616d2f6d656469612e706e67","showCover":null,"date":"2023-12-10","category":"javascript","url":"https://github.com/3rd/tsdiagram","author":"Andrei Neculaesei","translator":"","tags":["typescript"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"替换npm, yarn and nvm - 只需要pnpm就行了","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"nodejs","url":"https://pawelgrzybek.com/i-replaced-npm-yarn-and-nvm-with-pnpm/","author":"Paweł Grzybek","translator":"","tags":["npm"],"priority":1},"html":"<p>From <code class=\"language-text\">npm install</code> to <code class=\"language-text\">pnpm install</code>\nFrom <code class=\"language-text\">npm install eslint</code> to <code class=\"language-text\">pnpm add eslint</code>\nFrom <code class=\"language-text\">yarn global add eslint</code> to <code class=\"language-text\">pnpm add --global eslint</code>\nFrom <code class=\"language-text\">nvm install lts</code> to <code class=\"language-text\">pnpm env install --global lts</code>\nFrom <code class=\"language-text\">nvm use lts</code> to <code class=\"language-text\">pnpm env use --global lts</code></p>"}},{"node":{"frontmatter":{"title":"微型3d显示屏","publish":true,"cover":"https://mitxela.com/img/uploads/blinken/candle/spinning1.jpg","showCover":null,"date":"2023-12-10","category":"other","url":"https://mitxela.com/projects/candle","author":"mitxela.com","translator":"","tags":["hardware"],"priority":1},"html":"<p>原理有点类似旋转卡片</p>"}},{"node":{"frontmatter":{"title":"excalidraw - 手绘风格的diagram制图工具","publish":true,"cover":"https://camo.githubusercontent.com/600260352d4cd183ef318980816010d08cd29b9891a23e7bb1a5b61e595312eb/68747470733a2f2f657863616c69647261772e6e7963332e63646e2e6469676974616c6f6365616e7370616365732e636f6d2f67697468756225324670726f647563745f73686f77636173652e706e67","showCover":null,"date":"2023-12-10","category":"frontend","url":"https://github.com/excalidraw/excalidraw","author":"Excalidraw","translator":"","tags":["diagram"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"再见，干净的代码","publish":true,"cover":"","showCover":null,"date":"2023-12-10","category":"frontend","url":"https://overreacted.io/goodbye-clean-code/","author":"Dan Abramov","translator":"","tags":["code"],"priority":1},"html":"<p>我们后来需要许多特殊情况和行为来处理不同形状上的不同手柄。我的<code class=\"language-text\">代码抽象</code>必须变得复杂几倍才能做到这一点，而在原始的“凌乱”版本中，这种变化仍然像蛋糕一样容易。</p>\n<blockquote>\n<p>2020年的老文章</p>\n</blockquote>"}},{"node":{"frontmatter":{"title":"通过构建一个现代 JavaScript 框架来了解工作原理","publish":true,"cover":"https://nolanwlawson.files.wordpress.com/2023/12/js-diy.png?w=910","showCover":null,"date":"2023-12-10","category":"javascript","url":"https://nolanlawson.com/2023/12/02/lets-learn-how-modern-javascript-frameworks-work-by-building-one/","author":"Nolan Lawson","translator":"","tags":["framework"],"priority":2},"html":""}}]}}