推荐目录
-
Adobe通过与浏览器供应商的合作，将桌面版Photoshop带到了Web上。
-
网易云音乐 Tango 低代码引擎实现揭秘
-
Electron 惊现十级漏洞！到底是谁的锅？
-
如何实现并部署自己的npm解析服务
-
38页PPT：菜鸟上市如何影响快递市场格局？
国内
Tango
Tango是一个基于源码的低代码设计器框架，采用ESTree规范作为公有协议，借助AST实现源码逻辑的描述和转换。Tango的数据变更流程设计包括引擎初始化、用户操作触发事件、内核中的状态变更和AST的更新。Tango沙箱设计包括低代码沙箱、在线Bundler和打包服务。Tango低代码引擎的构成包括引擎内核、拖拽引擎和可视化面板以及渲染沙箱。Tango的开源版本发行计划是在10月底发布社区RC版本，该版本将提供更稳定的API和完善的文档。
veImageX
本文介绍了火山引擎veImageX在Web图片加载方面的演进和提供的能力。veImageX提供了图片压缩、图片懒加载、图片稳定性布局和错误兜底等能力，并集成了数据监控能力，为业务提供全链路支持。veImageX支持了高压缩率图片格式的自适应加载和图片分辨率的自适应加载，并集成了图片懒加载，根据内部业务数据，图片传输带宽和图片加载耗时通常可降低50%以上。文章还介绍了veImageX的架构，包括图片加载部分和数据监控部分。
AI
本文讨论了v0.dev、GPT 4 Vision和前端危机的问题。作者认为，任何可以标准化的事情都有可能被AI替代，包括前端开发。作者提到了AI在前端开发中的应用场景，特别是在低代码或无代码开发中，可以通过标准化和指令化来生成代码。作者还介绍了v0.dev，该工具可以实现前端UI的标准化，但仍需要进行fine tuning以提高生成代码的质量。此外，作者还讨论了AI生成的代码的可维护性问题，并提出了让AI自己发现问题和进行迭代的思路。在逻辑层方面，作者提出了自动生成测试用例并基于用例生成代码的方法。文章还给出了一个简单示例来说明这个思路。此外，文章还介绍了GPT-4 Vision的应用，该工具可以通过设计稿或流程图生成代码，进一步提高前端开发的效率。最后，作者提出了未来前端开发的趋势，认为AI可以替代80%的前端工作，但仍需要fine tuning工程师来提高生成代码的质量。文章最后提到，未来的前端/程序员需要保持竞争力，可能需要更深入地理解需求，并进行相应的fine tuning。
NPM
本文介绍了如何实现并部署自己的npm解析服务，以及在线打包服务的实现原理和相关代码开源情况。
Webp
最近发现了一个影响范围广泛的十级漏洞，涉及数百万不同的应用程序，包括iOS、Android应用程序以及使用Electron构建的跨平台应用程序。该漏洞源自谷歌于2010年开发的libWebp代码库，用于以Webp格式渲染图像。这个漏洞可能导致黑客通过发送特制的图像来访问iPhone设备。目前，Electron已经修复了这个漏洞，并且一些应用程序和操作系统也发布了更新来解决这个问题。Android也受到了这个漏洞的影响，但目前尚不清楚是否已经发布了修复程序。谷歌已经发布了Webp的更新，可能会在下个月的Android定期补丁中推出。
设计
信息地图是一种重要的工具，对于产品经理和设计师来说都非常重要，它决定了最终客户端展示的具体信息。信息地图可以用于对信息进行归类和整理，特别是在详情、表单等类型的页面中。通过整理信息字段，可以加深对字段布局的理解，从而进行相应的调整和权重比较。初级设计师可以培养创建信息地图的习惯，这有助于理清页面的信息内容和结构。
H5
本文介绍了京东竞速榜H5页面的核心前端技术，H5页面作为移动端Web应用的重要形式之一，已经成为了现代Web开发的热门话题。在H5页面的开发过程中，前端技术的应用至关重要。本文将探究京东竞速榜H5页面的核心前端技术，包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面，希望能够为广大前端开发者提供一些有用的参考和思路。
国外
Thoughtworks技术雷达
Thoughtworks 技术雷达第 29 期
www.thoughtworks.com/content/dam...
Photoshop
Adobe通过与浏览器供应商的合作，将桌面版Photoshop带到了Web上。这使用户可以直接从浏览器访问复杂的图形软件，无需安装。此外，Web版Photoshop还提供了高级功能，如生成填充。这一成就不仅展示了新的Web能力的潜力，还为图像编辑和图形设计在浏览器中设定了新的标准。
Bun
Bun hype. How we learned nothing from Yarn
这篇文章的主要内容是关于Yarn和Bun这两个开源系统的比较和竞争。作者指出，Yarn和Bun都是在现有开源系统的基础上创建的竞争技术，它们都声称具有更快的速度。然而，作者认为它们并没有提供良好的向后兼容性支持。文章还提到，Yarn在发布时具有一些独特的功能，但随着时间的推移，这些功能都被实现并发布在npm中。而Bun使用了ZIG编写，但并没有提供特别出色的性能。总的来说，文章讨论了Yarn和Bun之间的相似之处，并指出了它们在市场上的竞争和发展情况。
Deno Jupyter
Bringing Modern JavaScript to the Jupyter Notebook
这篇文本介绍了将现代JavaScript引入到Jupyter Notebook中的方法，包括安装Deno、启用Deno在VS Code中的使用以及使用Polars操作DataFrames。作者强调了使用Deno和DataFrames可以在笔记本中进行迭代的重要性。
Nue
Nue是一个用于构建用户界面的小型库，它是诸如Vue、React和Svelte等框架的替代品，也是实现最终目标的核心部分。Nue的理念是HTML优先，让UX开发者重新回到前台。Nue框架使用类来实现DHTML的效果，并且可以通过简洁的语法添加变量、方法、getter和setter等。Nue框架在响应性方面与其他框架没有什么不同，当组件状态改变时，组件会自动重新渲染到新的状态。Nue是一个轻量级的前端框架，它通过创建DOM树和表达式/函数映射来实现组件的渲染。Nue应用程序的大小是最小的，与Vue和Svelte组件的生成代码大小进行比较时，Nue的大小无论是在框架大小还是在TodoMVC大小方面都是最小的。
HTTP/3
Why HTTP/3 is eating the world
这篇文章讨论了HTTP/3协议的普及和重要性。作者指出，HTTP/3是新一代的HTTP协议，与QUIC协议一起被广泛采用。大型公司如谷歌和Meta已经开始使用HTTP/3，表明它正在成为全球范围内的主流协议。HTTP/3解决了旧有互联网协议的问题，并提高了Web上的软件互操作性。文章还提到，原始的互联网协议已经显露出年龄问题，而HTTP/3的出现填补了这一空白。总的来说，这篇文章强调了HTTP/3协议在改进网络协议方面的重要性和普及情况。
JS
Was Javascript really made in 10 days?
这篇文章讨论了关于Brendan Eich是否在短短的10天内创建了JavaScript的问题。根据文章的调查和研究，JavaScript的第一个版本确实是在十天内完成的，但这只是一个最小的原型，用于内部演示。
Some notes on 'javascript jit and deopt'
这篇文章是关于JavaScript的即时编译（jit）和取消优化（deopt）的一些笔记。作者分享了一篇关于jit优化以及源代码更改如何影响优化的文章，并写了这篇解释文章，以帮助对学习JavaScript运行时如何模拟/编译/优化/执行JavaScript代码感兴趣的人。
Chrome
Chrome now shows each active tab's memory usage!
这篇文章介绍了 Chrome 浏览器的最新功能更新，使用户可以查看每个活动标签页的内存使用情况。这对于需要管理多个标签页并关注内存消耗的用户来说非常有用。文章还提到了一些内存管理的提示和工具，以帮助用户优化浏览器的性能。
LQIP
The Ultimate Low-Quality Image Placeholder Technique
这篇文章讨论了低质量图像占位符（LQIP）技术以及它与最大内容绘制（LCP）指标的关系。作者提出了使用LQIP来改善用户体验的建议，并强调了选择合适的LQIP和注意计算图像放大惩罚的重要性。总的来说，这篇文章提供了关于LQIP和LCP的综合技术指南。
Design System
这篇文章讨论了设计系统生态系统的概念和重要性。作者指出，设计系统在大型组织中的作用和构成部分，并强调了设计系统与数字产品之间的相互影响关系。文章提到，设计系统的发展是一个渐进的过程，需要根据组织的需求逐步迭代和改进。一个成熟的设计系统生态系统类似于一个复杂的蛋糕，包含多个层次，但应该尽可能保持简单，只在需要时添加额外的层次或复杂性。作者还强调了部署大规模用户界面的 "端到端体验"，并提供了帮助规划、构建或发展设计系统的服务。总的来说，这篇文章深入探讨了设计系统生态系统的细节，强调了设计系统在现代数字产品开发中的重要性，并提供了指导和建议来构建和发展设计系统。
emulators
MacOS menu bar app for launching iOS and Android 🤖 emulators
Svelte
My thoughts on Svelte 5 as a full-time Svelte Developer for 3+ years
这篇文章是关于作者作为全职Svelte开发者三年的经验分享。作者建立了一个拥有10,000多用户的实时协作网站构建器，并表示没有Svelte，他的个人成功将无法实现。文章首先向Svelte团队和Rich Harris表示感谢。作者分享了对Svelte 5的最新预览的看法。总的来说，文章探讨了Svelte在作者的职业生涯中的重要性和价值，并对Svelte 5的新特性进行了评价。
Frameworks
All your mainstream UI frameworks are lying to you
这篇文章是一位前端开发者揭示了主流 UI 框架的局限性，认为它们都在误导开发者，隐藏了 DOM 节点的真实复杂性。作者指出 HTML 语法并不是描述 UI 的最佳抽象，而是 DOM 树的一种投影。HTML 无法有效地表达 DOM 节点的七类属性，而只能将它们混合在一起。作者认为开发者应该面对并理解 DOM 节点的自然复杂性，而不是被框架所迷惑。作者也提到了 Svelte 5 的 runes 特性，表示对其有一定的期待。
Next.js 13 vs Remix: An In-depth case study
这篇文章是一篇深度案例研究，比较了Next.js 13和Remix两个框架。文章介绍了Next.js和Remix的一些重要特性，并帮助开发者选择适合他们应用程序的框架。比较的内容包括路由系统、数据加载、会话和Cookie操作、样式等方面。作者创建了一个完整的应用程序，结合了Next.js和Remix的核心功能，并分享了在开发过程中的经验和观点。文章还提到了两个应用程序在Vercel上的部署链接，以供测试。
行业
菜鸟网络是电商物流行业的全球领导者，其主要业务分为面向商家、消费者及物流伙伴三类。菜鸟的核心战略定位和目标为"立足阿里、聚焦国际、赋能产业"。菜鸟的战略聚焦国际物流，并依赖核心资产赋能物流全产业链条。菜鸟在跨境电商物流市场占有率超过8%，未来将坚定提升国内阿里生态卖家入仓和逆向、国际外单渗透率。菜鸟的收入主要来自面向商家的物流服务收入，大部分为阿里生态客户。菜鸟的未来成长空间在于提升国内卖家入仓和逆向、国际外单渗透率。菜鸟计划分拆部分物流资产上市发行REITs，以优化现金流和资产运营效率。
本文介绍了供应链的未来发展趋势和预测，包括供应链变革的环境和驱动力、供应链变革大趋势和预测、供应链弹性的未来趋势、供应链可持续的未来趋势以及最新顶级战略性供应链技术趋势和预测。供应链的未来发展趋势是数字化转型、建立弹性和可持续的供应链，并采取相应的应对策略来应对不确定性和风险。
