推荐目录
- 京东介于C/B之间的企业采购电商平台设计
- 百度在过去三年中针对高考活动的品牌运营策略和设计工作
- 你是否真的需要实现一个3D地图
- 云厂商CDN故障后，连夜设计了云边端协同新方案
- .NET 8发布了，迄今为止最快的 .NET
- 在淘宝，商品技术团队每天都在干什么？
国内
Web Application Rendering
介绍 Rendering Pattern，尤其是 SSR 相关
淘天 - 元宇宙
本文介绍了杭州亚运会在手机淘宝和手机天猫双端上线的亚运元宇宙互动场的设计，包括体验大图规划、空间规划、美术创意制作、互动玩法设计等工作。设计师们通过构建3D互动设计，实现了用户在虚拟的线上3D杭州亚运场馆中进行赛事运动比拼，体验杭州文化的目标。
百度 - 高考设计
本文介绍了百度在过去三年中针对高考活动的品牌运营策略和设计工作，包括年轻化、智能化和协同提效三个阶段。百度通过设计独立IP和强化风格来打造视觉特色，在设计中融入智能化服务和人性化体验，通过建立大事件协同机制、视觉简化和引入AI生图等方式来平衡人力和需求增长之间的关系。百度高考活动的品牌感知和责任得到强调，将继续丰富服务内容，创新服务形式，陪伴考生走过这一重要时刻。
政采云 - 可视化
本文讨论了在数据可视化领域中实现3D地图的需求和方法。作者提到最近接到一个需求，要求快速交付一套数据驾驶舱，其中主屏视图由3D地图、雷达图和折线图组成。为了能够快速交付，作者建议使用伪3D效果替代真实3D来实现地图的效果。作者详细介绍了如何通过拆解地图和分层叠加来实现伪3D地图的效果。最后，作者提供了两种方案来实现地图的厚度，以达到伪3D地图的效果。
腾讯 - 可视化
数据可视化是将数据分析结果以图表的形式呈现出来，帮助人们更好地理解和挖掘数据的价值。选择合适的图表类型可以更好地展示数据的关系和趋势，提供有价值的信息。在图表设计过程中，设计师需要考虑准确性、一致性、有帮助性和提高可扩展性等原则。常用的图表设计工具包括Flourish、Echart和Tableau Public。D3js是一个用于创建动态、交互式和基于数据的图形的JavaScript库。
网易云 -- 文生图
本文介绍了如何使用云音乐公共技术部开发的智能设计助手Fin2.0的文生图功能登上云音乐首页。
Bilibili - 容灾
云厂商CDN故障后，连夜设计了云边端协同新方案
本文介绍了云厂商CDN故障导致的服务中断问题，并详细分析了事件的原因和影响。文章还讨论了B站的SLB和BFS服务出现的问题以及针对这些问题所采取的优化方案。此外，还介绍了端侧调度和AutoFallback SDK的设计。最后，总结了团队在解决内部服务稳定性时存在的问题，并提出了未来的发展方向。
字节 - 问答系统
打造企业级智能问答系统的秘密：如何使用云数据库 PostgreSQL 版实现向量检索
本文介绍了如何利用云数据库PostgreSQL版和大语言模型技术（LLM）来构建企业级智能交互式问答系统。文章详细介绍了使用PostgreSQL版作为向量数据库的方法，并提供了训练步骤和前置条件。另外，还介绍了使用OpenAI和psycopg2库实现问题回答功能的Python代码。最后，文章提供了一个关于配置和使用智能问答系统的详细说明。
京东 - SaaS设计
本文介绍了一种服务于企业客户的数字化采购电商SaaS平台的设计，包括其定位、场景需求差异、产品体验因素以及各个流程环节的设计。
京东 - ChatGPT测试
利用ChatGPT提升测试工作效率——测试工程师的新利器(一)
本文介绍了如何利用ChatGPT来提升测试工作的效率，包括需求分析、测试用例编写、缺陷报告和自动化测试脚本生成等方面。通过充分利用ChatGPT的能力，测试工程师们可以更加高效、准确地完成任务，为软件质量保驾护航。
RSC Next.js
怎么理解 React Server Component 和 Next.js 的关系
React Server Component（RSC）是React团队为了兼顾用户体验、维护成本和性能而开发的一种前端框架开发范式。Next.js实现了RSC规范的落地，包括服务端编译时、服务端运行时和客户端运行时三个部分。
.NET 8
.NET 8是最新的LTS版本，提供了数以千计的性能、稳定性和安全性改进，以及平台和工具增强功能。它重塑了构建智能云原生应用程序和高流量服务的方式，无论是部署到Linux还是Windows，使用容器还是云应用模型，都可以更轻松地构建这些应用。.NET 8还将OpenAI的GPT等大型语言模型直接集成到.NET应用中，使用单个组件模型处理Blazor的所有Web UI需求，并使用.NET MAUI将移动应用程序部署到最新版本的iOS和Android。
AntV - Jupyter
Jupyter Notebook是一个基于网页的交互式计算环境，适合进行数据可视化和数据分析。pyl7vp是基于地理数据可视分析工具L7VP封装的Python环境可视化工具，只需导入数据的代码，即可自动生成可视化效果，并通过工具进行交互式的数据分析。工具支持多种数据格式，如DataFrame、CSV、JSON、Excel、GeoJSON和数据库等。此外，pyl7vp还支持将结果保存为HTML文件，方便分享和预览可视化结果。
淘宝 - 业务
淘宝的营销技术团队在双11大促期间扮演着重要的角色。他们通过多年的经验和积累，建立了丰富的业务能力，支持了大促、营销频道等各种营销业务场景。营销业务主要包括营销活动、效果营销、品牌营销和商家自营销。营销业务流程可以分为ToB侧的组织和供给以及ToC侧的表达和转化。
本文将系统介绍商品团队在电商领域的职责、技术场景和挑战。
国外
MPA Transition
本文讨论了复杂的页面过渡效果，介绍了如何在网页中添加动画效果，以及动画延迟和偏好减少动作的应用。文本还提供了关键帧动画和自定义属性的使用方法，以及如何使用CSS过渡效果实现元素的动画效果。
CSS Selectors
Surprising Facts About New CSS Selectors
这段文本主要介绍了关于新的CSS选择器的一些令人惊讶的事实。首先，文本介绍了CSS嵌套和一些新的选择器，包括&、:is()、:not()、:has()和:where()。此外，文本还介绍了CSS嵌套中的嵌套选择器&和:is()的用法。最后，文本提到了特异性的概念。
Web Components
Web components是一种在现有标记上扩展的自定义元素，与React鼓励完全替代浏览器功能的思维方式不同，HTML web components鼓励增强现有标记的思维方式。作者认为React在未来几年趋向于更像HTML，强调了HTML的组合性以及在JSX中遵循HTML的例子。
AN ATTEMPTED TAXONOMY OF WEB COMPONENTS
这篇文章是作者对于Web组件的分类和经验分享，介绍了一些具体的Web组件示例和特点。作者对HTML Web组件和JavaScript Web组件的区别和偏好进行了讨论，还提到了使用JavaScript注入CSS的优缺点以及与Shadow DOM和可访问性的关系。文章还讨论了当前网络开发中的复杂性，并提出了使用简单的HTML Web组件作为解决方案。
Vite
Vite 5.0的发布是Vite生态系统的重要里程碑，它提供了改进的性能、增加的采用率和强调社区合作的特点。Vite 5使用Rollup 4作为构建工具，提高了构建性能。Vite 5还引入了一些新功能和选项，如服务器启动时预转换模块的能力和改进的开发服务器性能。Vite 5还解决了一些长期存在的问题，并提供了迁移指南和变更列表来帮助用户进行升级。Vite 5的发布还得到了社区贡献者、插件作者和赞助商的支持。
V8 Strings
Exploring V8's strings: implementation and optimizations
本文主要探讨了V8引擎中字符串的实现和优化。文章介绍了V8引擎中字符串的实现方式，并提供了解决性能问题的方法。V8引擎支持一字节和两字节字符串，还可以将字符串内部化处理。文章还讨论了JavaScript中字符串的一些特性和操作，以及如何利用字符串优化来提高执行速度。此外，文章还讨论了JavaScript堆内存溢出的问题和解决方案。最后，文章给出了一段JavaScript代码，用于提取链接URL。
Web Plugins
What I learned building an audio plugins system for the web
本文讨论了构建一个可用且安全的Web插件系统的问题，并提出了一种解决方案。作者首先列出了插件系统的一些限制，包括不能破坏应用程序、不能相互干扰、不能删除或修改用户数据以及不能访问网络。然后，作者介绍了之前的研究工作，其中包括一项关于在iframes中运行插件的研究。作者决定采用iframes作为自己的解决方案，因为iframes具有一些安全性的优势，例如可以阻止访问父上下文的本地存储和IndexedDB，可以通过Content-Security-Policy标签阻止访问网络，并且可以在单独的线程上运行并在运行时间过长时被终止。此外，iframes还可以访问Web Audio API并与父上下文交换消息。然而，作者也遇到了一些问题，例如在基于Chromium的浏览器中，iframes与父上下文共享同一个线程，除非它们来自不同的域。为了解决这个问题，作者建议在本地开发中可以通过访问父上下文的localhost和iframes的127.0.0.1来模拟使用不同域名的情况。作者还提到了关于如何实现Volca Sampler的插件系统的更多信息，可以查看GitHub上的相关存储库和插件开发指南。
Explicit Resource Management
Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature
本文主要介绍 JavaScript 和 TypeScript 的新功能之一 -- 显式资源管理。将在 TypeScript 5.2.0 中使用 disposablestack polyfill 实现的此功能，会提到同步和异步资源， DisposableStack / AsyncDisposableStack ，以及我在使用新功能时犯的一个不明显的错误。此外，在此过程中，我将使用Node.js的一些新功能。
Bun
Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit
Testing
Modern frontend testing with Vitest, Storybook, and Playwright
在这篇博文中，我们将分享为什么我们认为前端测试值得做，为什么它在过去名声不好，以及我们采取的方法使我们的测试易于编写和维护。
Preact -> Ract
daily.dev 从Preact切换到React作为其前端框架，旨在解决开发问题并提高性能。此举是在团队黑客马拉松期间执行的，涉及重大的规划、测试和代码库调整。这种转变使得与Next.js的兼容性更好，改进了开发体验，并为未来的技术进步做好了平台准备。
Performance
为什么、如何做 web performance
