React v19 & Astro 5.0 & 蚂蚁体验技术日
周刊
国内
[京东技术] 鸿蒙、前端、京东零售技术
Taro 鸿蒙技术内幕系列(二):如何让 W3C 标准的 CSS跑在鸿蒙上
本文主要讲述Taro处理CSS与鸿蒙ArkUI框架差异的流程。首先指出两者样式标准不一致会导致兼容性和跨平台问题，接着从样式书写方式、布局差异阐述问题并给出解决策略，如针对CSS和Style属性的转换方式、采用Yoga布局引擎等。还详细介绍了鸿蒙样式工作流程，包括初始化、匹配、应用和更新等环节，最后总结了Taro在处理差异方面的成果和意义。
[京东技术] 京东、裸眼3D、商品营销
全球首家!京东发布“立影计划”裸眼3D商品营销方案
京东发布全球首个裸眼3D商品营销方案‘立影计划’，首批应用于多个品牌新品。用户在京东APP无需设备就能体验3D商品视觉。对品牌来说，这是创新的营销方式。该方案是京东产研创新成果，克服了之前裸眼3D的角度限制，已可全链路呈现3D效果并计划助力更多品牌。京东还有其他XR产品，未来将继续打造极致购物体验。
[哔哩哔哩技术] WebCodecs WebAssembly B站前端
WASM 助力 WebCodecs:填补解封装能力的空白
B站Web投稿页封面等推荐功能需视频截帧能力，从WebAssembly+FFmpeg转用WebCodecs后截帧性能提升，但WebCodecs无解封装能力。为解决2%视频格式因无法解封装不能体验高性能问题，期望定制通用解封装方案。核心思路是复用FFmpeg Demux能力与WebCodecs Decode能力，独立出WebAssembly+FFmpeg中的Demux能力实现WASM Demuxer，介绍了具体步骤，WASM Demuxer上线后性能提升，还提炼出web - demuxer包方便使用。
淘宝直播、LLM应用、直播业务优化
淘宝直播间智能化升级:基于LLM的学习与分析
淘宝买菜直播业务发展压力大，最初采用人海战术学习标杆直播间，后考虑用LLM替代。整体方案包括下载视频音频、转化为文本、抽取文本和布景亮点并横向对比。文中还提到了方案中的难点，如视频截断、Prompt调优、评论分析，上线后效果不错，LLM分析内容达到运营学习标准，业务侧点赞。最后阐述了LLM的不足及未来展望，还介绍了团队情况。
[微信开发者] 微信开发、多端应用、云开发与云托管
多端应用开发指南②:使用云开发和云托管
本文主要讲述在微信多端应用开发中，使用云开发和云托管时遇到的访问不通等问题及解决方案。在微信小程序中访问云开发和云托管较简单，但转换为多端应用时可能出现异常。原因是多端应用独立于微信客户端，天然鉴权失效。解决方法包括初始化配置、采用微信登录模式（如唤起小程序登录、移动应用微信登录）、未登录模式（开启相应权限并自行完成鉴权），还推荐了学习课程。
[微信开发者] 微信开发、微信开发者平台、一站式管理
开发、配置和管理样样难?微信开发者平台全新上线
微信开发者平台全新上线，为开发者打造一站式工作台。该平台具有关系可视化、一站式管理、高效开发指南等特点，关系图连接多种业务并做衍生展示，可一站式管理相关业务，提供多种业务接入流程和开发指引、集成开发服务和行业解决方案。
[前端充电宝] React 19 前端开发 更新内容
React 19 正式发布
12月6日React 19正式发布，本文介绍了其更新内容。包括Actions相关的多个Hook和功能改进、新的React DOM静态API、React Server Components、服务器Actions等，还有如ref作为prop、水合错误改进、作为提供者等其他更新，以及对文档元数据、样式表、异步脚本、资源预加载的支持，改进与第三方脚本兼容性和错误报告，增加对自定义元素的支持。 
[前端充电宝] Astro 5.0 前端 前端充电宝
Astro 5.0 正式发布，爆火的现代化前端框架!
12月4日Astro 5.0正式发布，其内容层有统一API等更新，Server Islands扩展islands架构概念，简化预渲染，有类型安全环境变量，支持Vite 6，还有实验性功能如响应式图片裁剪、布局，SVG组件等，详情可查看官网。
[爱奇艺技术产品团队] 会员后台、LiteFlow、低代码实践
会员后台基于LiteFlow的低代码实践
爱奇艺技术产品团队分享会员后台基于LiteFlow的低代码实践。随着会员业务发展，中台体系成形，但业务配置后台调用中台接口时存在重复开发问题。他们采用流程引擎模式，将通用接口设计为组件，通过工作台、组件、规则结合实现高度解耦和灵活编排。选择LiteFlow框架，其规则表达式有多种编排方式。系统实现中通用组件包含多种能力，以网络请求组件为例说明，通过流程编排实现营销活动配置审批。最后总结该模式优势并规划未来构建后端流程引擎平台的拓展能力。
[得物技术] 得物 商家客服 Electron迁移Tauri 桌面端应用
得物商家客服从Electron迁移到Tauri的技术实践
得物商家客服最初采用Electron框架，随着用户增多，Electron的性能、安全、体验和信息集成方面暴露出弊端。Tauri作为后起之秀，生态和稳定性变好，于是决定将商家客服从Electron迁移到Tauri。文章详细介绍了技术调研、技术实现（包括渲染进程、主进程代码迁移，应用构建打包，应用签名和更新），迁移后性能提升明显，但Tauri也存在社区活跃度低、Webview2问题、成熟度和稳定性不足等问题。
[奇舞精选] Docker镜像构建、前端开发、360奇舞团
现学现用之Docker镜像构建速度优化
作者为360奇舞团前端开发工程师，在临时支持项目时发现Docker镜像构建耗时影响开发进度。文章分析了Dockerfile构建过程中的操作，指出构建镜像耗时的主要操作。随后从减少文件复制时间、重新构建新镜像作为基础镜像两方面进行优化，虽有效果但单纯Docker方面优化还不够，还可从依赖安装和项目构建本身入手提高发布速度，也提到了npm包下载速度优化的相关内容。
[奇舞精选] Node.js 包管理器 前端开发
Corepack新一代Node.js包管理器
文章介绍了包管理器的演变，包括npm、Yarn和pnpm的优缺点。随后阐述了Corepack的诞生背景、特点、使用方法、潜在挑战。Corepack旨在解决包管理器碎片化问题，具有版本一致性等特点，使用时需注意版本冲突等挑战。它虽功能有限但为开发者提供了更高效、稳定的包管理器版本控制。
[一泽Eze] AI浏览器插件 网页分享 AI Share Card
这款 AI 浏览器插件，想让你的网页链接分享更高级
文章介绍了一款名为AI Share Card的AI浏览器插件。该插件可解决网页链接分享不够高级的问题，能一键解析网页内容生成推荐文案，转换为精美二维码分享卡。其网页兼容效果强，有多种核心特点。还介绍了插件的使用方法、适用场景、安装方式，包括Chrome应用商店安装和官网下载安装包，最后欢迎用户试用、分享使用体验等。
[数据可视化 AntV] 时空智能体 数据可视化 AntV
时空智能体可视化方案和实践
在人工智能推动下，时空智能体应用兴起。其利用AI大模型技术，可应用于多领域。AntV数据可视化团队结合支小宝中的时空场景智能体探索实践，提供时空智能体可视化解决方案，包括文生地图、个性化地图、静态地图、交互地图组件等方案，以满足地图研发智能化、个性化、轻量化需求，时空智能体相关方向刚起步，未来还有很多发展空间。
[数据可视化 AntV] 前端 蚂蚁集团 AI
「前端.AI」1122 体验技术日 PPT 汇总
2024年1122前端体验技术日以「前端.AI」为主题，分享了蚂蚁前端在多个技术方向的成果。包括LUI交互、AntV的数据可视化、前端智能研发、AI相关开源项目等内容，其中LUI是新交互形式，AntV结合AI探索，智能研发助力开发体验提升，开源项目众多且活跃。
鸿蒙OS Next Android应用 技术原理
鸿蒙 OS Next 支持运行 Android 应用了
Harmony OS Next 5.0上架'出境易'应用可运行Android应用。网友好奇其原理，作者猜测与自己开发的'两仪'类似。介绍了'两仪'的三部分核心技术，还提及应用上架公司相关情况。作者回顾两年前与鸿蒙生态朋友交流虚拟机技术方案合作失败经历，最后表示应理解鸿蒙的发展。
[GSYTech] 鸿蒙Next、Android App、容器技术
鸿蒙 Next 可兼容运行 Android App，还支持出海 GMS?
文章主要探讨鸿蒙Next通过'出境易'和'卓易通'兼容运行Android App并支持GMS的情况。'出境易'和'卓易通'类似容器，能让Android App运行在鸿蒙Next上，二者存在区别，如安装机制等。它们可能基于华为自研的iSulad通用容器引擎，容器性能方面有一定表现，这种模式是一种变相的双'系统'模式，虽有问题但增加了鸿蒙Next的可能性。
[MoonWebTeam] Figma、多人协作、技术实现
一文带你深入了解 Figma 如何运作多人编辑
文章是对Figma前首席技术官博客文章的中文翻译和解读，介绍了Figma多人协作功能的技术实现。包括其基于客户端/服务器架构，受CRDTs启发的自定义多人系统，文档结构为对象树，还阐述了多人协作系统在同步对象属性、创建与删除、树结构组织方面的细节，以及撤销功能的实现，最后总结了主要收获。
国外
Astro 5.0
https://astro.build/blog/astro-5/
文章介绍了Astro 5.0的新特性，包括内容层（Content Layer）可从任何来源加载内容并提升性能、服务器岛（Server Islands）能结合静态与动态内容、简化预渲染（Simplified prerendering）、类型安全的环境变量（Type - safe environment variables）、Vite 6集成以及一些实验性特性，还提到了如何试用、升级项目，以及修复的漏洞和改进之处。
React v19
https://react.dev/blog/2024/12/05/react-19
本文介绍了React v19的新特性、改进之处和升级方法。新特性包括Actions相关的新钩子和功能、use API、新的React DOM静态API、React Server Components、Server Actions等。改进之处涵盖ref作为prop、优化hydration错误报告、新的Context提供方式、ref回调的清理函数、useDeferredValue初始值、文档元数据支持、样式表支持、异步脚本支持、资源预加载、与第三方脚本和扩展的兼容性、更好的错误报告、自定义元素支持等。
5 JavaScript Libraries You Should Say Goodbye to in 2025
https://thenewstack.io/5-javascript-libraries-you-should-say-goodbye-to-in-2025/
文章指出随着JavaScript发展，有些库会过时。文中列出2025年可能被淘汰的5个JavaScript库（jQuery、Moment.js、Lodash、Underscore.js、RequireJS）及其被淘汰的原因，还给出了替代方案，强调使用过时库会带来性能、维护等问题，应采用现代方案保持开发先进性。
Why we switched to Astro (and why it might interest you)
https://www.datocms.com/blog/why-we-switched-to-astro
DatoCMS Blog switched from Next 13 to Astro. Reasons include regaining confidence with TypeScript, leveraging DatoCMS features, and a simpler mental model. Astro was chosen for its server - side focus. The new stack involves Astro, a VPS on Hetzner, and Fastly CDN. The migration took about two and a half months, and the result is positive with benefits like excellent TypeScript support and low hosting costs.
CSS Wrapped 2024
https://chrome.dev/css-wrapped-2024/
2024 has been a great year for CSS with new features. These include new components like field-sizing, animate to height:auto, and exclusive and styleable. Interactions such as custom scrollbars, cross - document view transitions, scroll - driven animations, and scroll snap events are also new. Developer experience has been enhanced with backdrop inheritance, light - dark() function, @property, and more. 
Just say no to JavaScript
https://www.infoworld.com/article/3616471/just-say-no-to-javascript.html
文章阐述了作者对JavaScript的负面看法，认为它容易出错。JavaScript虽成功有效，但存在诸多不足。作者推崇TypeScript，因其有表达力强且强大的类型系统。还针对不使用TypeScript的理由进行反驳，指出这些理由站不住脚，最后强调TypeScript利用了JavaScript的普遍性并增加了现代类型系统的功能，应使用TypeScript代替JavaScript。
AI framework Mastra Typescript
A framework for the next million AI developers
The article announces Mastra, a Typescript - only AI framework. It shares the backstory of the developers who, after building Gatsby and working on Kepler, decided to create Mastra. The framework's features include being Typescript - first, workflow - graph based, domain - complete, object - sparse and example - rich, having domain - specific grammar, being explicit, and deployable to serverless or public cloud.
产品
[盒马设计] 盒马 电子价签 零售设计
盒马自研的电子价签拿了个奖!
盒马ReX AIoT团队自研的全彩营销价签获美国大奖。文章讲述了做新一代电子价签的原因，包括已有产品的不足和需求探索，还介绍了新一代价签的特点，像灯光升级、展示效果佳、眼动实验验证导购效果等，也提到专为零售场景设计，如适应多种场景、调整排面轻松、解决找货问题，最后给出联系体验产品的方式。
[钉钉用户体验] 钉钉多维表 设计管理 设计师
钉钉多维表:大厂设计师都在用的设计管理秘籍
设计师面临多方压力，好的设计管理可提升产品价值与竞争力。钉钉多维表可建立设计师SOP，包括数据沉淀明确设计目标、画册视图展示竞品调研、丰富字段与自动化确保验收严谨高效、仪表盘实时可视化追踪项目。通过这些功能，可让设计工作更专业高效，让合作方和老板认可。
[APPSO] 美团 妙刷小程序 AI玩法
美团爆火的 AI 小程序，可以把一切变成「Jellycat」
文章介绍了美团妙刷小程序的AI玩法，如'加入购物车'可将图片内容变成玩偶并配上文案。它能对多种图片进行创意加工，像莫高窟九层塔、铜奔马等，还能处理带字表情包。此外，妙刷的'物品搜集'玩法也曾爆火，还有'三国刷'等玩法。它满足图片编辑美化需求且操作简单，但存在留存问题。同时提到AI降低创作门槛，人们可让ChatGPT模仿类似文案。
[MacTalk] Arc浏览器 AI 浏览器创新
Arc 官宣全新的 AI 浏览器，没让人失望
Arc浏览器的公司在Youtube发布招聘视频，透露正在研发新AI浏览器Dia。Dia将AI能力融入浏览器提升用户效率。Dia在记录用户行为方面比Rewind更进一步，且比微软Recall更受信任。其CEO展示了Dia的三个功能，包括智能输入建议、地址栏执行命令和完成复杂任务。虽然有人认为功能花里胡哨，但作者觉得Arc团队有创新思考。Dia将于2025年推出。
[Founder Park] 腾讯ima 产品评测 AI产品
腾讯ima上手:从真实场景和PM视角，来看ima的产品完成度
本文是对腾讯ima.copilot产品的试用体验与分析。从产品介绍入手，实测其搜索公众号文章、知识库、笔记功能，发现搜索功能质量差，知识库逻辑混乱、操作不一致，笔记功能用处有限。结论是该产品有较大进步空间，对多数人不值得试用。还从产品经理视角分析，指出产品宣称解决痛点却未做到，团队野心大但产品设计存在诸多拧巴之处。
设计
[体验进阶] 互联网 体验设计 智行
原谅你吧，闲鱼智行的弹窗看得我没脾气了
文章分享了几个互联网产品的用户体验设计案例，包括滴滴打车等待、闲鱼会员经验降级、高德地图规划路线、闲鱼智能聊天和智行趣味催出票服务，阐述了这些设计如何提升用户体验、活跃度、满意度等，最后表示案例来自智行UED同学日常分享，后续会继续挖掘案例并应用到智行APP设计中。
[群核科技用户体验设计] 工具型产品、模块化、定制化
工具型产品的模块化与定制化
文章从交互设计师视角探讨工具型产品的模块化与定制化趋势。阐述模块化设计赋予工具灵活性，包括其优势、表现形式和对设计师的意义；定制化设计提供个性化体验，如提升效率、降低学习成本等。分析二者结合的方式、设计师在其中的平衡工作，还列举行业案例，并对未来发展进行展望，包括用户共创、AI驱动动态定制和开放的模块化生态等。
[百度MEUX] 百度 度加APP 用户体验
全星体验—度加APP积分系统升级
度加剪辑是百度推出的AI创作工具，其积分系统是核心功能之一。此次积分系统升级旨在提高使用渗透率，从视觉体验和链路优化两方面着手。视觉上从颜色、符号、质感和布局四维度升级；链路优化涵盖发现、获得和消费积分环节，包括增加入口、丰富任务、消费显性化等措施。这一系列改进提升了用户体验、黏性，为度加剪辑发展奠定基础。
[体验进阶] app设计、模板化、作品集
App首页都用这种排版?能不能有点新意!
文章指出很多手机app首页排版千篇一律，虽有大厂设计的借鉴因素，但也存在历史包袱等问题。小公司新项目可避免过度模板化。以企业培训项目作品集为例，通过学习、测试、筛选找课、查找资料、激励等场景分析，展示了打破模板的设计思路，强调重要项目应避免过度模板化，还介绍了作品集梳理课程相关信息。
行业/组织/个人
[腾讯研究院] AI社交、社交网络、未来发展
AI社交将走向何方?
ChatGPT问世后智能革命影响各领域，社交作为重要赛道与AI交汇备受关注。文章先探讨社交网络本质，指出社交是人的本质需求，互联网时代社交有连接、交互等特点。接着阐述AI社交的上下半场，上半场是互联网社交+AI，下半场是AI陪伴。还分析了互联网社交的局限，如不能真正解决社交需求等。然后讲述Agent与AI社交的关系，最后从人类中心主义和非人类中心主义视角畅想AI社交的未来发展方向及面临的风险挑战。
[AI寒武纪] 人工智能、Sam Altman、AGI
「最新采访」Sam Altman暗示即将实现AGI :12个月内推出强大技术
Sam Altman在采访中暗示即将实现AGI，OpenAI计划12个月内推出强大技术。他认为AGI到来比预期快，但影响低于大众想象，AGI更像经济加速的里程碑，真正风险在之后的超级智能阶段。他还预测到2025年人工智能进步会令人吃惊，届时将有系统让怀疑者惊叹，智能体相关设想明年可能实现。
[新皮层NewNewThing] 字节跳动、人工智能、企业发展
字节重建AI核心|大公司
文章讲述字节跳动在人工智能领域的发展策略与现状。字节自2023年开始重建AI核心，在人才、应用和模型层积极布局，如抢人、推出众多AI应用、补全多种模态模型。采用内部赛马、外部饱和式攻击策略，发起大模型价格战。与国内其他公司的谨慎不同，字节没有减速迹象，目标是年底让豆包月活达1亿，但字节也面临用户忠诚度、造血业务增速放缓等挑战。
[晚点Auto] 车企营销 B站 汽车内容
车企焦虑的解药，B 站想试试疗效
车企在新能源时代面临营销焦虑，需要新的营销解药。B站以其长视频生态、深度内容、用户互动性等特点吸引车企目光。B站的汽车内容有‘科技转译’和‘体验种草’两大特性，能有效影响用户购车决策。近年来B站汽车内容生态变化大，吸引更多车企投放，车企高管也更重视B站，B站也宣布了汽车创作者扶持计划。
[电商头条] 网易 种草经济 内容社区
网易盯上小红书，丁磊要大搞种草社交
网易11月上线类似小红书的'网易小蜜蜂'APP，功能体验相似但有差异，网易小蜜蜂还有招聘等特色服务。网易寻求新业务增长点，此前已多次探索内容社区。种草经济市场规模大，吸引众多大厂入局，字节跳动、快手、阿里巴巴等都有尝试，但小红书用户习惯难改，新玩家抢夺用户难度不小。
[学术头条] 李飞飞、空间智能模型、AI技术
李飞飞首个「空间智能」模型发布:一张图，生成一个 3D 世界
今日凌晨，李飞飞联合创办的World Labs发布首个「空间智能」模型，输入一张图可生成逼真3D世界。该系统能估算3D几何图形等构建3D世界，生成内容有诸多优势，如更好的控制性和一致性，可适应多种场景和风格。3D场景能在浏览器实时呈现且可完全相机控制，研究团队还探索其与其他AI工具结合的可能，这是早期预览，他们还在改进和探索新互动方法。
