{"pageContext":{"index":233,"total":364,"name":"2023-10-22","items":[{"node":{"frontmatter":{"title":"JS设计模式快速参考指南","publish":true,"cover":"https://miro.medium.com/v2/resize:fit:4764/format:webp/1*Ue7A1IpcstWmJJuePdBThw.png","showCover":null,"date":"2023-10-22","category":"javascript","url":"https://github.com/jhuckaby/Cronicle","author":"Carlos Rojas","translator":"","tags":["design"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"JavaScript中base64编码字符串","publish":true,"cover":"","showCover":null,"date":"2023-10-22","category":"javascript","url":"https://web.dev/articles/base64-encoding","author":"Matt Joseph","translator":"","tags":["base64"],"priority":1},"html":"<p><a href=\"https://developer.mozilla.org/en-US/docs/Web/API/btoa\">btoa</a>和<a href=\"https://developer.mozilla.org/docs/Web/API/atob\">atob</a></p>"}},{"node":{"frontmatter":{"title":"OpenAI和ModelFusion实现pdf chat","publish":true,"cover":"https://modelfusion.dev/img/blog/2023-09-03-pdf-chat-nodejs.png","showCover":null,"date":"2023-10-22","category":"nodejs","url":"https://modelfusion.dev/blog/pdf-chat-nodejs","author":"Lars Grammel","translator":"","tags":["AI"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"WebAssembly 2023调查报告","publish":true,"cover":"https://blog.scottlogic.com/uploads/wasm-language-desire.png","showCover":null,"date":"2023-10-22","category":"javascript","url":"https://blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html","author":"Colin Eberhardt","translator":"","tags":["webassembly"],"priority":1},"html":"<ul>\n<li>rust 作为主要开发语言，javascript次之</li>\n<li>运行时只要用<a href=\"https://github.com/bytecodealliance/wasmtime\">wasmtime</a><a href=\"https://wasmer.io/\">和wasmer</a></li>\n<li>使用环境主要是web以及serverless</li>\n</ul>"}},{"node":{"frontmatter":{"title":"Cronicle - 带有基于web的UI的分布式的任务调度程序和运行程序","publish":true,"cover":"https://camo.githubusercontent.com/568f20932ecc5b07e8af0f7e08b8966e1d021341e4567d0b6e0acfbc25294a37/68747470733a2f2f7069786c636f72652e636f6d2f736f6674776172652f63726f6e69636c652f73637265656e73686f74732d6e65772f6a6f622d64657461696c732d636f6d706c6574652e706e67","showCover":null,"date":"2023-10-22","category":"nodejs","url":"https://github.com/jhuckaby/Cronicle","author":"Joseph Huckaby","translator":"","tags":["scheduler"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"little-rat - chrome扩展监控(并可选地阻止)其他扩展的网络调用","publish":true,"cover":"https://github.com/dnakov/little-rat/raw/main/assets/screen-gh-store1.png","showCover":null,"date":"2023-10-22","category":"nodejs","url":"https://github.com/dnakov/little-rat","author":"Daniel Nakov","translator":"","tags":["chrome"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"node-pureimage - html canvas 2d画图API","publish":true,"cover":"https://github.com/joshmarinacci/node-pureimage/raw/master/firstimages/arcto.png","showCover":null,"date":"2023-10-22","category":"frontend","url":"https://github.com/joshmarinacci/node-pureimage","author":"Josh Marinacci","translator":"","tags":["canvas"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"nostalgist - 用于在浏览器中运行复古控制台游戏的模拟器","publish":true,"cover":"https://github.com/arianrhodsandlot/nostalgist/raw/main/docs/src/assets/console-demo.gif","showCover":null,"date":"2023-10-22","category":"javascript","url":"https://github.com/arianrhodsandlot/nostalgist","author":"arianrhodsandlot","translator":"","tags":["game"],"priority":2},"html":""}},{"node":{"frontmatter":{"title":"nodejs官方指南 - 不要阻塞event loop","publish":true,"cover":"","showCover":null,"date":"2023-10-22","category":"nodejs","url":"https://nodejs.org/en/docs/guides/dont-block-the-event-loop","author":"nodejs","translator":"","tags":["event loop"],"priority":1},"html":"<p>要注意这些调用\ndns.lookup(), dns.lookupService(),fs.FSWatcher(),crypto.pbkdf2(), crypto.scrypt(), crypto.randomBytes(), crypto.randomFill(), crypto.generateKeyPair().JSON.parse,JSON.stringify,fs.readFile(),fs.read()</p>"}},{"node":{"frontmatter":{"title":"使用CSS.escape()转义css选择器","publish":true,"cover":"","showCover":null,"date":"2023-10-22","category":"frontend","url":"https://www.stefanjudis.com/today-i-learned/how-to-escape-css-selectors-in-javascript/","author":"Stefan Judis","translator":"","tags":["css"],"priority":1},"html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token string\">`.</span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span><span class=\"token constant\">CSS</span><span class=\"token punctuation\">.</span><span class=\"token function\">escape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'a:b'</span><span class=\"token punctuation\">)</span><span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token string\">`</span></span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>      <span class=\"token comment\">// \".a\\:b\"</span>\nconsole<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token string\">`[href=</span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span><span class=\"token constant\">CSS</span><span class=\"token punctuation\">.</span><span class=\"token function\">escape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'@'</span><span class=\"token punctuation\">)</span><span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token string\">]`</span></span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span> <span class=\"token comment\">// \"[href=\\@]\"</span>\nconsole<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token template-string\"><span class=\"token string\">`.</span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${</span><span class=\"token constant\">CSS</span><span class=\"token punctuation\">.</span><span class=\"token function\">escape</span><span class=\"token punctuation\">(</span><span class=\"token string\">'[jooo]'</span><span class=\"token punctuation\">)</span><span class=\"token interpolation-punctuation punctuation\">}</span></span><span class=\"token string\">`</span></span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>  <span class=\"token comment\">// \".\\[jooo\\]\"</span></code></pre></div>"}},{"node":{"frontmatter":{"title":"node-pureimage - html canvas 2d画图API","publish":true,"cover":"https://pbs.twimg.com/media/F5WTrbLXcAAi5Mg?format=jpg&name=small","showCover":null,"date":"2023-10-22","category":"frontend","url":"https://vercel.com/blog/how-we-optimized-package-imports-in-next-js","author":"Shu Ding","translator":"","tags":["nextjs"],"priority":1},"html":"<p>JavaScript中的barrel文件是一种从单个文件中分组和导出多个模块的方法。</p>\n<p>在Next.js 13.5中添加新的optimizePackageImports选项来自动完成。</p>\n<p>js将分析optimizePackageImports配置的入口文件，并确定它是否是一个barrel文件。如果是，它会动态分析文件并自动映射所有导入，类似于modularizeImports的工作方式。</p>"}},{"node":{"frontmatter":{"title":"新颖的HTTP2 Rapid Reset DDoS攻击","publish":true,"cover":"https://storage.googleapis.com/gweb-cloudblog-publish/images/2023_worlds_largest_rapid_reset_diagram.max-1616x909.png","showCover":null,"date":"2023-10-22","category":"security","url":"https://cloud.google.com/blog/products/identity-security/how-it-works-the-novel-http2-rapid-reset-ddos-attack","author":"Juho Snellman, Daniele Iamartino","translator":"","tags":["DDos"],"priority":2},"html":"<p>客户端像标准 HTTP/2 攻击一样一次打开大量流，但客户端不会等待来自服务器或代理的每个请求流的响应，而是立即取消每个请求。</p>"}},{"node":{"frontmatter":{"title":"实时机器学习概论-预测计算特性","publish":true,"cover":"https://tonysun9.github.io/blog/2023/intro-rtml/rt-prediction-full.png","showCover":null,"date":"2023-10-22","category":"AI","url":"https://tonysun9.github.io/blog/2023/intro-rtml/","author":"Tony Sun","translator":"","tags":["realtime"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"网页高尔夫小游戏","publish":true,"cover":"","showCover":null,"date":"2023-10-22","category":"other","url":"https://squigglegolf.com/game/","author":"Nate Donato","translator":"","tags":["game"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Rockpack - 5分钟内创建React应用程序，包括服务器端渲染测试等","publish":true,"cover":"https://camo.githubusercontent.com/08f8425fdc9425aedbbd5cb425caa8c5db051089b55af7d3c676c40c05f0de01/68747470733a2f2f7777772e6e6174727562652e6e65742f726f636b7061636b2f726561646d655f6173736574732f726f636b7061636b5f6d61696e5f312e76322e302e706e67","showCover":null,"date":"2023-10-22","category":"frontend","url":"https://github.com/AlexSergey/rockpack","author":"Alex Sergey","translator":"","tags":["react"],"priority":2},"html":""}}]}}