前端周刊第29期,每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新,以及代码和工具。每周定期发布,欢迎大家关注转载。外链无法访问,每周关注公众号前端,有解决办法大事件RedwoodJSvs.Blitz.js:未来全栈元框架——对这两个框架的相当冗长的回顾。Redwood是一个固执己见的基于React的框架,它围绕着“一个API”的理念,在应用程序的核心是一个GraphQL服务器。另一方面,Blitz是Next.js之上受RubyonRails启发的层,具有SPA、服务器端渲染和静态站点生成功能。开发人员面临的10个常见JavaScript问题-如果您已经使用JavaScript多年(可能自从您在2014年首次撰写这篇最新更新的文章以来),这些是您(可能)已经知道如何修复但仍然不知道如何修复的陷阱。这里还有很多值得细细品味的地方。大型JavaScriptSDK包的大小减少29%-在对其JavaScript包的大小发表一些评论后,Sentry(应用程序监控服务)的开发人员开始推动最初减少30%。事实证明,treeshaking效果最好。Payload1.0:建立在节点之上的无头CMS平台——一个令人兴奋的项目,出现于2021年初,并于几个月前成为开源项目。如果您需要一个无头CMS,它包括一个可定制的基于React的管理系统、GraphQL或RESTAPI、一个灵活的身份验证和文件上传系统,并且很容易上手,Payload可以提供很多。文章ThoughtsonIntegerMathinJavaScript-这里没有具体的例子,但如果你需要快速的整数数学,你可以做的比基于James的想法更糟糕(他希望写一篇更完整的后续文章)。JavaScript混淆示例-我认为围绕这??篇文章的HackerNews讨论可能更有趣。JavaScriptASTManipulationwithBabel:TheFirstSteps—来自与混淆项目(上)相同的作者,涵盖了使用Babel将混淆代码转换为语法树然后转换为更具可读性的JavaScript的基础知识。80分钟介绍SvelteKit—Svelte是一种越来越流行的构建反应式前端应用程序的方式,SvelteKit提供了一个框架和更完整的Svelte开发体验。使用Fresh实现快速“反应”——最受欢迎的ReactYouTube用户之一前往Deno-side查看Fresh,这是一个新的基于岛屿的Web框架,它本身不使用React,但是......足够接近,使用Preact和JSX用于渲染和模板。框架发布了NeutralinoJS4.7.0-带有JS和HTML的轻量级跨平台应用程序。npm-check6.0-检查过时或未使用的依赖项。Fastify4.3-快速的Node.jsWeb框架。ESLint8.20Angular14.1Vue2.7.8PrimeNG14–一套80多个AngularUI组件。Acorn8.8-用纯JS编写的微型JS解析器。Discord.ts10.0-用于创建Discord聊天机器人的框架。Prisma4.1–适用于Node.js和TypeScript的流行ORM。MelonJS13.0-基于2Dsprite的JS游戏引擎。SecureElectronTemplate20.0-电子样板应用程序。zip.js2.6.2-在浏览器或Deno中压缩和解压缩文件。Octokit.js2.0.4–用于浏览器、Node和Deno的GitHubSDK。代码和工具Tweakpane3.1:用于调整参数和查看值变化的紧凑UI元素:这是您在创意编码演示中经常看到的那种东西您可以创建自己的基本UI控件的迷你窗格以动态调整(或只是反映)相对于页面上发生的事情的值。它很简单,看起来很棒,如果你想要一个演示,那么......Fireworks.js2.0:网页的字面意思烟花:好吧,至少在视觉上;-)主页是一个简洁的演示,因为你可以使用所有参数库的动态。https://superstate.dev/:即使非常小,入门教程也需要30秒才能阅读。TanStackTablev8:用于构建表和数据网格的无头UI:想要完成管理表或数据网格元素的繁重工作,但又想保持对标记和样式的100%控制?这就是您所需要的(如果“无头UI”的想法对您来说是新的,请阅读此介绍)。VanillaJS、React、Vue、Solid和Svelte开发人员都得到了照顾。Atropos:创建触摸友好的3D视差悬停效果:适用于纯JS、React或Vue,并且无需依赖即可轻松配置。主页包含一些非常引人注目的示例,这些示例并不像您想象的那么重要。