《生成式人工智能应用发展报告（2024）》

国内

[大淘宝技术] 搭建业务 性能优化 淘天集团

搭建业务的性能优化指南
文章从淘内页面迁移到SSR说起，指出业务分为搭建派和源码派，搭建页面性能较差。作者作为搭建派开发者分享性能优化指南，包括分析模块搭建慢的原因，如依赖模块加载器和依赖声明文件导致体积大、耗时多；介绍了服务端文件加载优化、Seed缓存优化；提出搭建构建源码方案，阐述模块规范、适配工作、调试过程，最后提到该方案虽有trade - off，但能提升性能。

[快手技术] 快手电商、用户体验、AI技术

重塑用户体验!快手电商智能巡检平台的实践与探索
本文探讨了AI在提升快手电商用户体验方面的潜力与实践。先阐述快手电商用户体验的演进与现状，包括面临的挑战。接着讲述提升体验的探索之路，如建立规范标准、构建度量体系、打造智能巡检平台及其架构、工作流、收益等。最后对AI在提升用户体验方面的应用进行未来展望，指出其潜力巨大但也面临挑战。

[京东技术] 单测提效、京东技术、代码覆盖率

万字揭秘:助力单测提效，覆盖率八成无忧!
文章分享了提升单测效率、提高覆盖率的经验。先阐述单测的重要性，然后针对庞大单测债务提出战略藐视、战术重视的思路，如mock大法、分而治之等。接着讲述了落地实践，包括采用JUnit 4、Mockito组合的方式进行单元测试的原因。还介绍了技术栈中的POM依赖和插件配置。最后详细说明了单测提效的六个步骤及注意事项。

[携程技术] 携程 鸿蒙应用 RN框架

干货 | RN框架在携程旅行鸿蒙应用的全业务适配实践
携程鸿蒙框架技术团队分享了RN框架在携程旅行鸿蒙应用的全业务适配实践。包括RN在携程业务使用现状、技术选型、CRN适配实践、遇到的问题和解决办法、性能优化以及成果和未来规划等内容。通过一系列的适配和优化工作，携程在2024年6月18日上架了首个全业务全场景的鸿蒙版应用，并将继续在用户体验和技术布局方面进行优化。

货拉拉、OCR技术、物流

OCR在货拉拉业务场景中的探索与实践
在货拉拉业务场景中，传统的票据、证件和车辆审核方式效率低且易出错。OCR技术成为关键工具，其与深度学习算法结合可提高识别速度和准确率。文章介绍了OCR在票据、证件、车辆审核中的业务应用，阐述了包含图像分类和OCR识别的算法方案、系统架构、算法实现，还对OCR技术的发展进行了展望。

[开源星探] Ant Design X AI界面开发 开源工具

开箱即用，大厂开源!专业 AI 聊天界面工具包:Ant Design X，AI客服、AI助手、智能问答套着就能用。
Ant Design X是蚂蚁集团和Ant Design开源社区开源的前端AI界面项目。它是构建AI聊天界面和web应用的React UI库，有多种核心功能。使用步骤包括安装工具包、导入组件构建界面、接入AI模型。它适用于智能客服、企业AI助手、知识问答系统等场景，对开发者尤其是不擅长前端的很贴心，可缩短开发周期并提供灵活性。

[前端圈] Vite 6 Web开发 开源项目

Vite 6.0 正式发布
Vite 6.0正式发布，自Vite 5发布后其采用率增长，Vitest生态渐成。新框架加入Vite生态，诸多公司使用Vite。社区举办了ViteConf，会上有诸多发布与展示。Vite 6是自Vite 2以来重要版本，感谢众多贡献者。它支持特定Node.js版本，有实验性环境API，还有一些主要变化，多数项目可直接升级，这离不开众多人员和公司的努力。

[CraftWarmAI] UI Agents技术、技术综述、Breezedeus

UI Agents(智能体)技术综述
本文综述了UI Agents技术，包括其定义、面临的挑战、技术路线、高级优化技术、评测方法、不同技术路线的比较以及未来展望。UI Agents利用大模型技术实现对设备的自动操作，面临序列决策、数据不一致等挑战。技术路线涵盖基于Closed LLM、VLM等多种方式，还有高级优化技术。评测方法包括人工和自动评测。最后对不同技术路线在效果、资源需求和风险等方面进行比较，并展望未来发展方向。

[看雪学苑] 微信数据库解密、看雪学苑、技术分析

微信4.0聊天记录数据库文件解密分析
文章介绍了微信4.0聊天记录数据库文件解密分析。首先是工具介绍，包括代码仓库、工具支持的功能及使用方式参考。接着阐述库表结构。重点讲述微信4.0分析记录，如寻找数据库key的过程，从简单取巧方法到复杂方法，包括定位关键函数的思路，还提及sqlcipher配置参数、不同类型数据的监控以及最终定位setCipherKey找到key值的过程。

UIOTOS 前端工具 页面嵌套技术

iframe「替代」方案uiotos:最新嵌套技术的用途
UIOTOS自2024下半年发布后提供大量文档供AI学习。它是小而精的工具，无需多种语言即可搭建GUI界面。其页面嵌套技术应用场景广泛，包括大屏可视化、前端开发、后台管理、工业组态软件、数据大屏与物联网应用等，与iframe有类似替代效果，是一款支持多类IoT应用的前端工具。

[前端圈] Qwik 可恢复性 水合

深入理解 Qwik 的可恢复性(Resumable)与水合(Hydration)的区别
文章介绍了Qwik应用的可恢复性（Resumable）与水合（Hydration）的区别。阐述了水合过程及成本高的原因，Qwik的可恢复性核心是在服务器暂停执行并在客户端恢复，无需重放和下载所有应用逻辑。还分别从事件监听器、组件树、应用状态、序列化等方面详细说明了Qwik实现可恢复性的方式，最后提及可恢复性的其他优势。

[iOS新知] iOS开发、GitHub Copilot、Xcode

iOS 开发者福音:GitHub Copilot 登陆 Xcode，iOS 真 AI 编程新时代开启!
GitHub Copilot在Xcode上推出公开预览版，这是微软打造跨平台开发工具的重要一步。苹果开发者之前受限于官方不支持，虽有Xcode 16的预测功能但国内无法使用。Copilot for Xcode功能包括代码补全、多语言支持等。使用它需购买许可证，可通过Homebrew或下载dmg安装，安装后设置权限登录即可使用。它虽处于早期但能用且有优势，微软版基于中国开发者项目开发，这对苹果开发者是个好消息。

[大迁世界] React 代码分割 动态导入

为什么在 React 应用中使用动态导入进行代码分割是必须的
文章阐述了在React应用中使用动态导入进行代码分割的必要性。先回顾打包、代码分割和动态导入概念，指出打包可能导致包膨胀。然后从库和模块导入优化、条件组件导入、路由优化三个方面举例说明动态导入按需加载代码的优势，如减少首次加载量、保持初始包体积小等，强调动态导入对现代React应用高效扩展的关键意义。

[前端之神] Vue 前端框架

Vue 将推出「无虚拟DOM」版本，又是新的前端框架趋势?
文章介绍Vue将推出无虚拟DOM版本Vue Vapor，它基于Vue3是个衍生框架且处于实验阶段，仓库地址为https://github.com/vuejs/core - vapor。还提到React和Vue等前端框架使虚拟DOM流行，但近年有认为其是累赘的声音，也出现无虚拟DOM框架。Vue Vapor功能未完全实现，官方列出实现清单，有在线演练网站可体验，还简述了Vue的渲染流程。

国外

Vite 6.0 is out!

https://vite.dev/blog/announcing-vite6.html
The Vite team has released Vite 6.0. Vite adoption has grown, and Vitest is forming its own ecosystem. New frameworks have joined the Vite ecosystem. Vite is used by many major companies. The ViteConf was held last month. Vite 6 is a significant release with new features like Node.js support, an Experimental Environment API, and main changes. Migrating to Vite 6 should be straightforward.

AI for Web Work

https://frontendmasters.com/blog/ai-for-web-work/
Kevin Powell tested AI models for CSS questions and found Claude best. In VS Code, default is Microsoft Copilot with GPT - 4o but can be changed. Using different models is developer - friendly. Gemini works well with custom 'Gem'. ChatGPT has custom instructions. AI summarizations can be bad like Apple Intelligence but can be useful for truncation in responsive design.

What We Learned Migrating From Webpack to Vite

https://neon.tech/blog/from-webpack-to-vite
文章讲述了从Webpack迁移到Vite的历程，包括原Webpack的设置、迁移的目标、遇到的挑战、意外情况、最终结果和后续工作。原Webpack构建时间长且缺乏热模块替换支持，迁移到Vite后构建时间未改善但HMR功能和依赖减少是收获，迁移过程中遇到如自定义代理构建、E2E测试、插件稳定性等挑战。

Designing (and Evolving) a New Web Performance Score

https://csswizardry.com/2024/11/designing-and-evolving-a-new-performance-score/
文章讲述了作者设计新的网络性能分数（CrRRUX）的过程。先指出网络性能比较存在问题，然后阐述新分数的设计要求，接着尝试多种初步方法，如序数得分、指标求和、粗归一化等，发现都有缺陷。之后深入数据归一化，通过将指标映射到0 - 1的尺度来公平比较，再将这些指标聚合为一个分数，经过调整使其更直观，最后用真实数据实验，加入权重并结合序数得分，还实现了自动化。

The Hype Around Signals

https://www.smashingmagazine.com/2024/11/the-hype-around-signals/
文章介绍了信号（signals）的历史、影响、在API架构中的角色、细粒度反应性（Fine - Grained Reactivity）等内容。从20世纪70年代的基础工作讲起，谈到在Web开发中的发展，对比了拉（Pull）和推（Push）系统的优缺点，引出推 - 拉架构（Push - Pull Architectures），并阐述了细粒度反应性中的效率和无故障要求，最后提及对开发者体验（DX）和用户体验（UX）的影响。**
**

Deno v. Oracle: Canceling the JavaScript Trademark

https://deno.com/blog/deno-v-oracle
On November 22, 2024, Deno petitioned the USPTO to cancel Oracle's 'JavaScript' trademark. Success could remove barriers for the community. The petition has three claims: JavaScript is generic, Oracle committed fraud in 2019 renewal, and the trademark has been abandoned. There's strong community support. Oracle has until January 4, 2025, to respond; if not, the trademark may be canceled. If they fight, Deno is ready.

If Not React, Then What?

https://infrequently.org/2024/11/if-not-react-then-what/
文章指出框架主义在前端开发中未能达到预期效果，以React为例，它虽是遗留技术却仍被用于新项目。作者认为不应只依赖框架，而应关注工程本身，从用户需求出发。文中针对不同类型的应用（如信息类、电商类、媒体类等）给出了技术选型建议，还反驳了一些支持使用React的常见理由，强调要以数据和证据为基础进行决策，避免框架主义带来的问题。

The anatomy of a React Island

https://swizec.com/blog/the-anatomy-of-a-react-island/
The article explains React Islands, a way to inject React components into statically rendered web projects. It details the reasons for using React Islands, how they work including React components, declaring islands, building the code, and calling islands. It also mentions how it can be both an MPA and an SPA. Finally, it emphasizes that React Islands are useful when traditional approaches stop working.

产品

[乌鸦智能说] 字节跳动、AI产品、入口焦虑

霸榜全球AI产品Top100、重启App工厂，熟悉的字节跳动又回来了
8月21日a16z发布AI应用百强榜，字节跳动五个产品上榜。字节跳动2023年底开始全力投入AI，在模型层和应用层发布数量最多。字节跳动在AI领域复制App工厂模式，选择复制爆款方向，有增长团队、流量和资金优势，还有人才优势。字节投入AI源于入口焦虑，其流量生态基于内容较脆弱，需找到AI时代新入口。

[新熵] 红果短剧 长视频平台 短剧市场

字节又出爆款，剑指优爱腾芒
2023年8月上线的红果短剧迅速崛起，月活用户增长迅猛。其成功源于字节系流量矩阵助力、内容优质丰富，背后是字节的流量与资金支持。这给长视频平台带来压力，如爱奇艺等在营收和净利上同比下滑。同时，短剧市场扩张，其与长剧受众重合，长剧面临用户时间碎片化和商业模式未探索出的困境。此外，红果短剧的IAA盈利模式也影响了投流模式的短剧公司。

设计

[腾讯ISUX] 设计趋势 行业动态 科技

ISUX「十一月」行业设计趋势速递
本文介绍了ISUX「十一月」行业设计趋势，包括Midjourney外部图片编辑功能、Adobe的AI视频模型、面向Z世代的Daze即时通讯APP、OPPO ColorOS 15、Vivo OriginOS 5原子岛功能、Telegram更新、Openvibe社交平台以及Mastodon的新功能等内容。

[智行ZXD设计中心] 设计案例、智行、用户体验

设计灵感! 5个优质设计案例解析
智行的周二轻分享专栏分享了5个优质设计案例，包括滴滴打车等待的情感化配图、闲鱼会员经验降级的生动弹窗、高德地图规划路线的营业时间提醒、闲鱼智能聊天功能以及智行趣味催出票服务，这些设计从不同方面提升了用户体验、活跃度、满意度等，最后提到案例源于智行UED同学，后续将挖掘更多案例应用于产品设计。

[超人的电话亭] UI设计、作业改版、课程招生

提升UI界面质感，改动小效果好的方式分享
文章分享了对学员电商首页作业的改版过程，强调间距和配图这两个UI设计要素。先介绍间距包括页边距、组件间距等要素及其控制原则，配图要重视且从真实场景取材并注意展示场景。然后阐述改版过程，包括搭建框架确定间距、添加组件控制间距、调整样式重复性高的组件、填充界面并介绍配图小技巧，最后对比前后版本。还提及课程招生情况。

行业/组织/个人

[中国互联网络信息中心 CNNIC] 生成式人工智能、中国互联网络信息中心、产业发展

中国互联网络信息中心发布《生成式人工智能应用发展报告(2024)》
2024年11月30日中国互联网络信息中心发布《生成式人工智能应用发展报告（2024）》，报告显示我国生成式人工智能发展成果。包括用户规模、产业发展、应用情况、区域特征，以及与实体经济融合带来的积极影响等。

[五年陈高研院] 管理 业务理解 课程宣传

不同层级，如何才懂业务?
文章强调理解业务对管理的重要性，阐述不同层级（基层主管、城市经理、区域经理、总监/操盘手）懂业务的具体表现，还提及务实的懂业务者不怕具体问题，不懂业务者则相反，最后宣传《总经理实战营》课程，下单有赠送，还有相关入群服务。

[产品沉思录 ProductThinking] 资深初学者、技能提升、自我成长

SP03. 资深初学者的困境
文章以玩《黑神话·悟空》的经历引出‘资深初学者’概念，即掌握基础技能后停滞不前的人。阐述了产生这种现象的主观原因，如过早自满、目标缺失、害怕不确定性；客观原因像缺乏反馈与挑战、环境认可等。还提到突破‘资深初学者’状态要警惕客观环境缺乏挑战、慎重对待赞誉，且突破时技能可能倒退。最后指出要思考放弃哪些领域，在重要领域成为专家。