大前端
移动、前端、小程序、跨端……大前端领域百花争鸣，把握大前端未来的方向，关注科技企业的大前端实践，在这里看到大前端的前沿。
关注
177.5W
README badge
![README Badge]()
加载中
linsk1998
发表了博客
各位网友大家好，我是前端工程化专家老林。相信大家都打过前端包，但是你知道你的源代码是如何一步步变成前端包的呢？今天我就为大家以一个尽可能完善的构建过程来讲一讲。 ## 配置读取 打包命令执行的一瞬间，构建工具并不会立刻编译代码，第一步永远是**读取并整合所有配置规则**。 - **构建工具配置读取：** 以 Vite 为例，工具会自动查找项目根目录 `vite.config.js`，读取入口文件、输出目录、打包策略、公共路径等核心打包...
得物技术
发表了博客
# 一、核心理念：Harness 思维 --- 让 AI 模仿，而不是凭空创造 ## 全栈 AI 开发最容易踩的坑 全栈 SDD 开发中，最常见也最致命的错误是：让 AI 从零开始写代码。AI 模型具备"通识能力"，给它一个需求描述，它确实能生成可运行的代码。但问题在于，这些代码往往是"外星代码"：风格不一致 （命名规范、目录结构、分层方式与项目现有代码不同）、复用率低 （没有利用项目已有的公共组件、工具函数、请求封装）、采纳率低（Code Re...
vivo互联网技术
运营/编辑
发表了博客
作者：vivo 互联网前端团队- Liu Daqiang 本文分享 vivo 社区在 WebP 已全面落地的基础上，引入下一代图片格式 AVIF 的实践经验。通过 CDN 边缘缓存 + 服务端异步转码的方案，在保证画质的前提下，图片体积相比 WebP 进一步降低 20%+，有效提升了用户的浏览体验。 1分钟看图掌握核心要点👇 图 1 VS 图 2，您更倾向于哪张图来辅助理解全文呢？欢迎在评论区留言。 一、背景：性能瓶颈与技术选型 vivo 社区作为内容聚合平台，图片...
OpenTiny社区
发表了博客
本文由华为前端技术专家莫春辉原创。 与运行在后端服务的传统技能（Skill）相比，WebSkill 是一种完全运行在 Web 前端的原生架构。它配合 WebMCP 和生成式 UI（Generative UI），共同构成了以大语言模型（LLM）为中心的三位一体 Web AI 架构。这三大核心部件通过紧密联动，实现了 AI 应用从"用户意图识别"到"Agent 任务执行"在浏览器端的全闭环。本文将基于这一架构，深入探讨 WebSkill 扮演的核心角色、独特价值、企业级应用场...
OpenTiny社区
发表了博客
4月16日至18日，QCon全球软件开发大会·2026北京站在北京成功举办。本届大会汇聚了来自阿里、腾讯、百度、华为、蚂蚁、字节跳动、小米等一线科技企业的技术专家，带来多项AI 技术真实落地案例，系统性分享前沿洞察与实战干货。 在本次会议上，生成式UI（Generative UI） 成为“下一代交互架构：LUI与GUI的融合”专题中非常受关注的技术方向之一。来自OpenTiny团队的高级开发工程师林瑞虹，带来了一场题为《生成式UI：AI交互新模...
OpenTiny社区
发表了博客
本文由云软件体验技术团队岑灌铭原创。 简介：本文以智能导购助手场景为例，带大家实操生成式UI带来的全新交互方式。欢迎大家体验\~ 大家可以下载示例工程源码，根据指导文档完成智能导购助手的开发\~ * demo工程： * 集成前分支：raw-e-commerce * 集成后分支：main *OpenTiny 官网：*\ *GenUI SDK 代码仓库： （欢迎star ⭐）* ## 1. 集成目标 在电商前端中加入一个「AI 导购助手」，能力包含： * 通过 `GenuiChat` 展示对话与...
OpenTiny社区
发表了博客
本文由云软件体验技术团队岑灌铭原创。 随着大语言模型快速迭代，LLM 已具备强大的自然语言理解与结构化内容生成能力。而如何高效渲染 AI 生成内容、快速打造美观交互的动态界面，已然成为 AI 应用规模化落地的核心痛点。 **生成式 UI（Generative UI）** 顺势成为破解该难题的核心技术方向。**OpenTiny GenUI SDK** 是 OpenTiny 团队基于生成式 UI 理念倾力打造的开源开发方案（以下简称GenUI SDK)，具备完备的前后端一体化集成...
得物技术
发表了博客
# 一、项目背景 随着交易业务的快速增长，对质量保障工作提出了更高标准与全新要求。为提升研发体验和架构升级，大量后台页面经历从 Vue -\> React -\> 全栈的迁移过程。业务演进过程中，后台能力持续迭代与优化；团队在交付新能力的同时，同步保障存量链路的稳定与可预期行为。为进一步完善测试用例覆盖范围，高效支撑回归测试与重构验证工作，需通过技术手段升级质量保障模式，为业务与架构迭代提供更充分的质量支撑。 **E2E ...
OpenTiny社区
发表了博客
本文由云软件体验技术团队岑灌铭原创。 在万物互联的今天，前端组件库的边界正在不断被打破。开发者不仅需要 PC 端的严谨高效，更需要移动端的灵活性与流畅感。 近期，**OpenTiny 社区正式发布 TinyVue v3.30.0**！这个版本不仅是一次常规的功能迭代，更是 TinyVue 在“**跨端响应式**”上的里程碑式飞跃。 ## 📌 特性总览：版本关键更新一览 在深入细节前，先来看看 3.30.0 版本带来的重大变化： - **📱 响应式适配**：完成...
得物技术
发表了博客
# 一、背景：为什么要做这个 Skill 做这个 Skill 的初衷很直接，也很现实：功能开发时容易"顺手新建一个"，而不是先复用已有组件，造成组件库越来越臃肿。这件事对团队的伤害其实是复利型的： - 重复组件越来越多； - 维护成本越来越高； - UI/交互一致性越来越差； - AI 生成代码时也更容易继续复制混乱。 所以做这个 Skill 的目标不是"帮 AI 搜索一下"，而是：把"复用优先"的思考过程流程化，让 AI 在写代码前先走一遍"查索引...
OpenTiny社区
发表了博客
本文由云软件体验技术团队李锦浩原创。 在 NextSDK 介绍文章里，我们聊了怎么用 `@opentiny/next-sdk` 给前端页面快速接入智能化能力------几行代码嵌进去，用户扫个二维码，手机上就能弹出一个 Remoter 对话窗口，直接用自然语言远程操控网页上的功能。效果是挺酷的，但不知道你有没有好奇过：**这个对话窗口，到底是怎么跨设备、跨网络，把 AI 的指令传到网页上去执行的？** 答案就是 **WebAgent** 。你手机上弹出的 Remoter ...
得物技术
发表了博客
随着以Claude Code为代表的代码大语言模型（Code Large Language Model，以下简称Code LLM）在软件工程领域的普及，其在企业级数据仓库（以下简称数仓）建设中的应用逐渐从单一的代码补全向全链路辅助演进。本文旨在探讨Code LLM在电商数仓环境下的深度集成逻辑与工程实践。文章首先界定了数据确权中的人机边界，分析了内部数据工具向Agentic工作流演进的趋势，并提出了"认知运行时与执行运行时解耦"的架构范式。 本文认为，大模...
阿里云云原生
发表了博客
作者：路锦（小蘭） 概述 --- 在移动互联网时代，网络请求性能已成为影响用户体验的关键因素。据统计，转化率会随着页面加载时间增加大幅下降，而移动应用中最常遇到的用户投诉都与"加载慢"、"卡顿"等网络性能问题相关。然而，移动端网络环境的复杂性远超 Web 端： #### 网络环境多样化 * WiFi、4G/5G、3G、2G 等多种网络制式共存； * 信号强弱变化、网络切换频繁； * 不同地域、运营商的网络质量差异巨大。 #### 设备碎片化严重...
linsk1998
发表了博客
# Web 新 API cookieStore 值得用吗？ ## 一、传统Cookie API的三宗罪 在Web开发中操作Cookie，开发者们已经忍受了二十多年的折磨。`document.cookie`这个API的设计堪称"反人类"的典范： 第一，**API 风格过于怪异**。传统 Cookie 读写共用一个属性，读是取值、写是拼接字符串赋值。这种设计违背了最基本的编程直觉：读取用属性访问，设置也用属性赋值，但两者行为完全不同。读取返回所有cookie，设置却只会新增/修改一个。这种...
OpenTiny社区
发表了博客
本文由云软件体验技术团队胡靖原创。 > 在 AI 应用蓬勃发展的今天，企业对智能对话、AI 助手等产品的需求日益旺盛。为了帮助开发者快速构建高质量、体验一致的 AI 应用，越来越多的 AI 组件库开始涌现。TinyRobot 作为 OpenTiny 生态的一员，遵循 OpenTiny Design 设计体系，提供丰富的 AI 交互组件和工具，让开发者只需几步即可轻松构建企业级 AI 产品，降低开发难度和成本，提高开发效率和灵活性。 TinyRobot 是什么 --------...
OpenTiny社区
发表了博客
本文由体验技术团队岑灌铭原创。 ## 背景：传统 AI 对话的局限 随着大语言模型(LLM)的不断发展，模型选择越来越多，能力也越来越强。但传统大模型对话，主要依赖纯文本输入和输出，一旦涉及复杂交互、结构化展示或多轮协作，就会暴露出明显的体验瓶颈： - **可读性差、表达形式局限**：纯文本呈现方式带来了较高的阅读成本，复杂的业务逻辑、多步骤流程、图表和可视化信息，用纯文字难以准确、高效地表达。例如：一张折线图能直...
OpenTiny社区
发表了博客
本文由体验技术团队张婷原创。 一、核心概念：两种架构的本质区别 ---------------- 无论是 Module 还是 Standalone，核心目标都是解决 Angular 应用中组件、指令、管道、服务的组织、依赖管理与复用问题，只是实现方式截然不同。 ### 1. 传统架构：NgModule 模块机制 NgModule 是 Angular 原生的模块化方案，本质是一个"功能容器"，通过装饰器 @NgModule 定义，承担着"声明、导入、导出、提供"四大核心职责，将分散的功能聚合为...
vivo互联网技术
运营/编辑
发表了博客
> 作者：vivo 互联网前端团队- Fang Liangliang > > 多地区销量持续增长、业务运营诉求与日俱增，悟空作为一站式h5搭建平台，需要先发完成多地区化能力改造，基于复用、提效的思路，探索多地区系统方案，实现多地区一体化运作。 1分钟看图掌握核心观点👇  
