2024 JS Rising Stars & GUI Agents
周刊
国内
[W3C资讯] Web技术 WebAI 研讨会
[欢迎参加] Web进化论|WebAI与高性能Web应用技术研讨会
Web进化论|WebAI与高性能Web应用技术研讨会即将于2025年1月10日在深圳·北航大厦召开（支持远程参会）。活动涵盖“Web应用的新探索”与“共建WebAI未来”两个主题，旨在探讨Web技术子集优化移动端场景、推动Web技术进化，也为WebAI相关人员提供交流平台探讨关键技术挑战等。研讨会议程已发布，活动免费向特定人员开放，可邮件联系参会，该活动由W3C中国发起。
[滴滴技术] 技术债务 滴滴 软件开发
聊一下，技术债务治理
文章介绍了技术债务的概念、分类、影响等。技术债务是软件开发中为短期目标妥协产生的，影响项目质量和效率。滴滴业务发展中面临技术债务挑战，如Flutter带来的问题。文章还分析了技术债务对开发和效率的影响，梳理了现状中的代码、架构、代码风格等问题，提出了治理目标、面临的挑战和治理方案，包括债务架构、治理机制等，强调了技术债务治理的重要性。
[京东零售技术] 代码整洁 软件工程 程序开发
代码之美:聊聊代码整洁之道
文章从代码之美引出代码整洁之道，阐述其重要性。介绍了整洁代码的概念，包括其与设计模式、整洁架构、快速代码的对比，还提及实现整洁代码的多种手段，如命名、注释、函数、控制逻辑、类和数据结构等方面的要点。通过实践案例分析不整洁代码的风险，最后小结寄语强调追求代码整洁是程序员的目标。
[京东技术] 京东保险 供应链 保险产品对接
京东保险供应链的前世今生
本文回顾了京东保险供应链系统建设四年历程。2021年初，定位接品工作中的问题，引入XBP系统解决基本问题。2022年在技术层面统一标准，虽遇线下寿险对接挑战，但完成诸多产品对接并实现部分能力域统一标准。2023年接品开放平台投入运营，提升了对接效率。2024年开展‘保链天下’项目，克服诸多困难后，在保险公司接口覆盖数量上成为全国第一，带来多方面供应链效率提升。
[大淘宝技术] 代码模块设计、编程范式、软件开发
简化代码模块设计:两种高效编程范式
项目包含多种流程，精力过多投入流程思考会减少业务思考精力。文章给出代码模块设计的两种范式以节省精力。领域模型驱动范式围绕领域知识设计，阐述了领域模型对象、查询/构造能力、领域服务和包结构实践。过程驱动范式重点是抽象能力、沉淀函数，介绍了能力点、能力编排、切面和包结构实践。这些范式可应用于大部分场景，有助于代码规范和迭代。
[大淘宝技术] AI、研发工作、聊天室项目
AI对研发工作的多维度助力:以聊天室项目为例
本文以聊天室项目为例，阐述AI对研发工作多维度助力，包括提升效率、赋能研发人员。AI显著提升项目效率，总体提升幅度达8%以上，还大幅降低对研发人员能力要求。同时指出AI在代码生成、上下游协作等方面有提升空间，以及国内AI模型数学计算能力待加强。此外，提出研发工具整合可提升效率，AI可在其中发挥更大作用。
[哔哩哔哩技术] 新活动平台 低代码平台 B站
新活动平台建设历程与架构演进
文章讲述了B站用户技术中心新活动平台的建设历程，包括建设背景、面临挑战、建设目标、三个建设阶段、整体技术架构、建设成果以及未来规划等内容。该平台是低代码平台也是CMS系统，历经近2年重新设计和迭代重构，解决了诸多问题并提升了效率，在业务上取得显著成果，未来将朝着智能化、数据驱动方向探索。
[Android 开发者] Android XR SDK 开发工具 开发者
Android XR SDK 开发者预览版现已发布
Android XR SDK开发者预览版发布，它是适用于Android XR的开发工具套件。文中介绍了其功能，如打破屏幕束缚、多模态交互等。还阐述了不同开发方式下的实用功能，包括Jetpack XR SDK构建、Unity构建、Web构建、基于开放标准构建等，最后表达了与开发者共创未来的期待。
[阿里云开发者] 大模型 应用 阿里云
大模型 is all you need?
文章旨在通过业务案例、prompt技巧、大模型原理等探讨，帮助人们更好地在实际业务中应用大模型。文章先从语义向量和业务场景阐述模型能力与应用侧重点，再结合案例介绍应用经验与思考，还给出了阅读建议。
[阿里云开发者] SDK设计、业务模型图、架构
架构实操:画好一张业务模型图
文章以SDK设计角度，阐述业务模型图构建。先解释业务模型图概念，包括业务模型的本质、作用、受众用户和应用场景，再从业务内核、基础能力、对接模式三方面说明要表达的内容，介绍表达形式如架构分层模型。还讲述业务模型推导原则、步骤与标准，包括自底向上和自顶向下结合的方法论，以及能力拆解、定义、分类、分层、数据关系等具体步骤及其评价标准，最后给出业务模型图的评价标准。
[腾讯技术工程] 多线程 读写锁 死锁 golang
多线程读写锁产生死锁的故障解决方案
本文从一次协程泄露问题入手，分析golang读写锁可能产生死锁的场景。先介绍故障背景、排查思路，确定是重入读锁导致的死锁与协程泄露。接着阐述读写锁原理，包括适用场景、优先级策略和golang源码分析。最后总结故障原因，提出解决方案，并对golang、pthread - c、C++中读写锁相关问题进行拓展思考。
[转转技术] 前后端数据交互、实时交互、转转技术
前后端数据实时交互的几种常见方式
文章探讨了前后端数据实时交互的三种常见方式：轮询（包括短轮询和长轮询）、Web Socket和SSE。阐述了它们的原理、示例、特点以及适用场景，轮询在低更新频率场景可用，Web Socket适用于双向交互场景，SSE适用于服务器到客户端的单向数据流场景，开发者可按需选择以提升产品实时交互体验。
[ByteDance Web Infra] React Server Components Server Action
React Server Components 和 Server Action 构建实践
本文介绍了React中RSC和Server Action的构建实践，涵盖概念、渲染方式、Webpack打包流程以及Turbopack打包多环境模块。阐述了RSC的Client和Server组件、渲染方式，Server Action的定义方式、调用流程和打包方式，还对比了Webpack两次编译与Turbopack一次编译的优劣。
[搜狐技术产品] iOS开发、block原理、结构体
探秘block原理
本文主要重新梳理了iOS开发中的block原理。先介绍其内存布局，包括isa、flags等字段；然后阐述block的类型，如__NSGlobalBlock__等三种类型及其内存分配区域。还讲述了通过clang命令将block转换为C++结构体的操作，包括转换命令和示例。最后详细分析了包含外部变量（值类型、静态变量、全局变量、对象类型变量）时block结构体的变化。
[得物技术] 得物技术 技术文章 2024
2024 Top 10文章推荐|得物技术
文章介绍了得物技术公众号2024年最热门的10篇技术文章，包括Sora技术原理、订单视角看支付、AB实验平台数据驱动决策实践、Raft算法实战、商家客服技术迁移、DDD领域驱动设计理论、Go - Job任务调度框架、Transformer技术原理、Zookeeper SLA提升、基于Redis内核的热key统计实现方案等内容。
前端开发、去哪儿网、代码自动生成
去哪儿网前端代码自动生成技术实践
去哪儿网前端技术总监姚佳梅分享前端代码自动生成技术实践。介绍C端和B端业务场景、以往及AI重塑后的开发流程、代码生成案例。C端方案为自研D2C结合AI，阐述D2C难点与解决方案、AI辅助优化。P2C解决逻辑代码生成，包括需求PRD生成Checklist、SDK动态匹配。B端构建系统管理代码，给出代码生成、提示词编写、私有组件库应用等方案。还提及出码率、未来规划、嘉宾和会议推荐等内容。
BroadcastChannel Web通信 API
Broadcast Channel API简介，可实现Web页面广播通信
文章介绍了Broadcast Channel API，先指出之前postMessage跨页面通信的局限，Broadcast Channel API是广播式通信，使用简单，如创建相同广播通道、发送和接收消息的示例。还给出了演示案例，提到其兼容性不错，可用于多种环境，如Web Worker、浏览器选项卡等，也介绍了通道名字获取与关闭的方法。
[独立开发] AI 开源项目 浏览器操作
让AI轻松操控浏览器:Browser Use开源项目
Browser Use是一个开源项目，能让AI助手与浏览器无缝连接，功能强大且简单易用，可与多种AI框架集成，虽大模型过验证码能力欠缺，但操作浏览器流畅。发布两个月star数达10000，在webui帮助下本地部署容易，还给出了快速上手的代码示例和一些使用示例，最后提供了项目的官网、Github和WebUI地址。
[前端充电宝] 前端开发、Zustand、Recoil
又一知名前端库停止维护...
Recoil前端库停止维护，其团队被Meta解雇且近两年未更新。文章接着推荐Zustand，介绍它的特点如简单、基于Hooks等，还阐述了其基本使用方法，包括安装、创建Store、使用Store，以及订阅特定状态片段、使用中间件和异步支持等内容。
[微架构设计] 前端技术 技术栈 Element UI
放弃 Element UI 了，2025 年你应该使用的前端技术栈
文章指出Element UI存在局限性，如组件风格固化、适用场景受限、生态封闭和定制成本高。推荐2025年前端技术栈，包括Next.js框架、Cloudflare Pages平台、Cloudflare D1数据库、NextAuth认证、Tailwind CSS样式、基于Radix UI的组件、TypeScript类型安全和Drizzle ORM。还介绍如何利用这些技术构建独立应用，包括项目初始化、各技术配置和基础功能实现等。
[前端充电宝] 前端项目 2024年 JavaScript
2024年前端明星项目出炉，又是它!
1月7日JavaScript Rising Stars公布2024年JavaScript明星项目榜单。shadcn/ui再次登顶最热门前端项目。文章还介绍了前端框架、React生态系统、Vue生态系统、后端/全栈、构建工具、移动端、状态管理、AI、样式、UI组件库、测试、桌面端、静态站点生成器等各方面在2024年的热门项目情况。
[花叔] AI编程、Cursor插件、花生
给Cursor装上这款插件，AI编程效率提升100%
文章介绍了Cursor中的.cursorules，存在多项目管理不便的问题，于是有了Cursor(VScode)插件。该插件可帮助快速配置Cursor AI编程助手规则，有多种预设规则配置，如通用、不同开发类型等。还介绍了插件的安装方法，可在Cursor插件市场搜索安装，以及两种使用方法，包括命令面板和右键菜单，使用时若目标位置有文件还可选择覆盖、合并或取消操作。
[微信公众平台] 小程序审核、春节假期、微信团队
春节期间小程序审核调整通知
2025年1月28日（除夕）至2月4日（初七）春节假期期间，小程序审核相关事项调整，代码审核仅支持加急提审，非加急停审且暂停客服咨询，名称、类目、接口审核仅支持紧急提审，备案平台初审正常通管局停审。建议1月20日24点前提交常规审核以便春节前完成，2月5日恢复正常审核并按提审时间顺序处理春节期间提审。
国外
JavaScript 项目趋势 2024
2024 JavaScript Rising Stars
这是第9版JavaScript Rising Stars的介绍，包含各类项目在GitHub上的星标数量对比。涵盖了总体最受欢迎项目、前端框架、React和Vue生态、后端/全栈、工具、移动端、状态管理等方面的项目情况，还提到2024年的一些重要发布如Deno v2、Bun v1.1、Astro 5等，以及AI工具对开发的影响。
ComfyDeploy Next.js React
You don't need Next.js
ComfyDeploy migrated its dashboard from Next.js to React. Reasons included high Vercel bills, slow build times, and complex local dev. After migration, build and reload times improved significantly. There were trade - offs like losing Next.js caching, but it led to better architectural decisions. Next.js is good for some things but was overkill for their dashboard.
Node.js TypeScript 新特性
Node’s new built-in support for TypeScript
本文介绍了Node.js从v23.6.0开始对TypeScript的内置支持，包括新特性的初步介绍、文件名扩展、与普通TypeScript的区别、tsconfig.json相关设置、输入类型、类型剥离和源映射等内容，还提及了后续TypeScript 5.8的相关警告以及正在开发的特性。
htmx web development jQuery
The future of htmx
The article first introduces htmx's origin as intercooler.js. It then compares htmx to jQuery, aiming to be like jQuery in terms of being a low - cost, high - value addition. It details htmx's future development, such as focusing on stability, being cautious about new features, having quarterly releases, promoting hypermedia, and supporting supplemental tools. Also, it mentions efforts in writing, research, and standardization, and concludes that htmx can be a reliable tool like jQuery.
HTML New Features Web Development
Relatively New Things You Should Know about HTML Heading Into 2025
本文介绍了2025年HTML的一些新特性，包括
元素可像手风琴一样工作但存在可访问性限制、可样式化的元素即将到来、无需JavaScript即可打开/关闭弹出框、复选框可作为切换开关、标签的使用、属性、属性新用法、多页面视图转换、响应式视频的发展等内容。 
产品设计
[Clip设计夹] AI工具、作品集设计、视觉设计
如何利用AI工具辅助作品集设计(二):AI辅助视觉设计
文章是关于利用AI工具辅助作品集设计的系列分享之②——AI辅助视觉设计，提及第①部分为AI辅助前期调研，建议按顺序阅读以掌握作品集从0到1的设计过程，还预告了后续将分享C端作品集搭建框架、版式设计等内容。
[钉钉用户体验] B端产品 走查要领 钉钉
超级服务|大揭秘!B端产品走查8大核心要领
文章介绍了钉钉提出的B端产品走查八大核心要领。包括通过“三三制”构建走查链路任务、优先邀请“小白”走查、提前预演流程、精简工作人员配比、多提问少解答、应用“善存法则”归类问题、联合业务定义优先级、及时沉淀总结等，这些要领有助于精准定位问题、提高产品迭代效率。
[百度MEUX] 百度APP、AI角色设计、用户体验
百度APP评论场景AI角色设计实践
本文介绍了百度APP评论场景AI角色的设计实践。首先通过设计洞察，发现评论场景的问题并思考将AIGC融入的方式。接着进行AI角色评论验证，从‘视频AI小助理’到60+AI影视角色，验证了用户对AI角色的接受度并分析用户派系。然后阐述AI角色人格化塑造，包括小助理和影视类角色。最后延伸思考构建AI角色全方位功能，百度APP AI角色矩阵的设计理念获多个国际大奖。
[58UXD] 动画设计 Rive Lottie
设计师、开发者协作神器 | Rive VS Lottie
文章对Rive和Lottie两款动画设计工具进行深度对比。Rive是实时交互设计工具，功能强大；Lottie是动画库，背靠AE。从及时性、交互性、性能、学习成本、适用场景、多平台兼容和工作流程等方面对比，Rive在实时性、交互性、性能、学习成本和多平台兼容等方面表现优秀，适用于复杂场景；Lottie在简单UI动画方面表现较好，适合已有AE使用习惯的团队。
[体验进阶] 公众号 功能体验 设计
公众号顶上一排我差点不会用，终于改版了
文章讲述公众号顶部一排功能的使用体验，包括之前难用的情况如退出操作不易，内测版优化后的改进之处，同时指出仍存在的问题如选择头像后左上角图标变化难察觉、头部区域大等，还探讨了公众号的屏效问题以及设计师面临的困境等内容。
[群核科技用户体验设计] Coohom、海外用户舆情分析、ChatGPT
GPT协助海外用户舆情分析实例
文章介绍了Coohom海外用户舆情分析的过程。先讲述如何从特定SaaS平台获取海外用户评论，指出社交媒体信息的局限性。接着阐述利用ChatGPT进行评论初步分析，包括模型选择、分批次处理、主题框架设定、训练人工智能等步骤。还提到最后一轮定性分析、精选评论的操作，以及定性分析中写GPT prompt的技巧。
行业趋势
[机器之心] 微软、GUI智能体、人机交互
引领人机交互革命?微软研究团队发布80页的大模型GUI智能体综述
微软研究团队发布80页综述，阐述大模型驱动的GUI智能体研究进展。文章介绍传统GUI自动化局限，大模型在智能化GUI交互中的关键作用、GUI智能体核心架构、相关领域发展路径、实际应用，也指出面临的技术挑战。大模型使GUI智能体突破传统瓶颈，推动人机交互变革，虽面临挑战，但前景广阔。
[机器之心] 手机自动化 大模型 AI智能体
手机「自动驾驶」大揭秘!vivo万字综述探讨大模型手机自动化
本文围绕vivo发布的大模型驱动的手机AI智能体综述论文展开。先介绍研究背景、目的和主要贡献，回顾手机自动化发展历程，包括LLM时代之前的方法及其挑战，以及LLM如何推动手机自动化并催生新兴商业应用。接着阐述手机GUI智能体框架、用于手机自动化的大语言模型、数据集和基准，最后分析该领域面临的挑战与未来方向，强调标准化评估基准的重要性，展望手机GUI智能体未来发展。
[腾讯研究院] AI研究 AI趋势
读懂AI未来的50个关键词
腾讯研究院通过多种品牌栏目追踪AI领域技术与趋势，形成多份报告。在研究过程中发现类似‘涌现’现象，他们尝试将全年沉淀AGI数据库的关键信息和专题研究压缩成50个关键词，介绍了实验过程包括划分八大方向、筛选关键词、分析关键词的两个维度等，最终形成研究报告，该报告虽有不足但能为大众提供AI领域轮廓参考。
[海外独角兽] AI Agent Langchain 人机协作
Agent 最全 Playbook:场景、记忆和交互创新
文章编译了Langchain团队的报告和官网文章，探讨AI Agent的现状、瓶颈、核心要素等。九成公司有AI Agent计划，但能力局限使其应用受限。大家更关注能力提升、可观测和可控性。还介绍了Agent的常用用例、监控需求、投入生产的障碍挑战等。此外阐述了Agentic系统的定义、关键要素（规划、UI/UX交互、记忆），并展望2025年AI Agent应用涌现，步入人机协作新阶段。
[海外独角兽] AI预测 拾象投研 2025趋势
拾象 2025 AI Best Ideas:20大关键预测
拾象投研团队发布2025 AI Best Ideas，做出20大关键预测。如微软可能转投Anthropic改变模型和云格局；Google手握王牌逆转颓势；模型公司进入Agent OS之争；Agent是2025年投资核心；Task automation成关键词；Context layer是Agent秘密武器；NV算力份额稳固等，还涉及多模态、广告变现、自动驾驶、AI领域并购、核电重启、AI for science等多方面的预测。
[DevOps] AI Agent、谷歌、智能体概念
谷歌刚刚发布 AI Agent 白皮书，2025年agent时代已开启
谷歌发布AI Agent白皮书开启2025年agent时代。文中介绍智能体相关概念，包括模型（如语言模型可做决策制定者）、工具（形式多样且能拓展智能体能力）、agent与模型区别（如知识来源、会话管理等方面）、提示词工程框架（ReAct、CoT、ToT等）、扩展（连接API与智能体）、功能函数（与扩展有差异且有使用原因）、数据储存（提供额外数据的方式及相关学习方法）等内容。
