前端开发

项目实战

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

我们的在线商城平台日均活跃用户超过 50 万，特别是在休息日或节假日期间，热门商品的库存变动非常频繁。为了给用户提供准确的库存信息，我们实现了库存实时更新功能。

在线商城库存实时更新引发页面冻结：Redux Toolkit 异步困境与紧急修复

消费者对生鲜产品的来源与流通过程日益关注，对生鲜产品的信任需求已从简单的"合格认证"转向"全流程透明化"。

生鲜溯源可视化系统：打造食品供应链透明化解决方案

在现代前端开发中，随着业务需求不断变化和技术栈持续演进，项目中不可避免地会积累大量冗余代码。

项目代码清理的系统化策略：从安全验证到工程化移除

传统补货模式依赖人工经验，既无法应对突发客流和季节性波动，又容易造成库存积压或缺货损失。

多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南

静态定价策略已无法满足精细化运营的需求，我们也在寻求新的竞争优势。动态定价系统凭借其能依据实时供需情况、用户属性等因素智能调整价格的优势，很快被我们锁定。

多端开发实战 | 基于Taro的多端动态定价系统设计与实现

腾讯云推出的 CloudBase AI ToolKit 正引领全栈自动化开发的新范式。它无缝集成主流 AI 编程工具，通过自然语言 Prompt 生成可直接部署的前后端应用，将开发重心从“搭骨架”转向“注入灵魂”。

AI 代码远征季 | AI生成+云部署，在线商城H5应用开发实战

会员积分体系中，抵现是一种很好的营销方式，可以帮助提升用户忠诚度，促进用户消费，提高平台的转化率。所以，在我们的积分系统中，也加入了会员积分抵现这一重要模块。

多端开发实战 | 会员积分抵现系统设计与实现：基于 Taro 的跨平台解决方案

扫码购作为连接线上线下的重要桥梁，能够显著提升用户购物体验和门店运营效率。消费者在门店内扫描商品二维码，即可在小程序中完成添加、支付全流程，无需排队结账。

多端开发实战 | 基于 Taro 多端商品扫码购实战：从架构设计到疑难解析

Taro 作为跨端框架，基于 React 语法支持一套代码适配多端（H5/小程序/RN 等），结合实时通信技术与分布式架构，可高效实现多端库存同步系统。

多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南

在前端项目中，在控制台调试的时候，会发现一些Warning信息，这些Warning不会导致功能异常或者页面白屏。有的开发者选择忽视，有的开发者选择优化。

前端项目 Warning 警告：别让“忽略”变成技术债，解锁排查思路

在移动端开发领域，调试体验的割裂一直是前端开发者的切肤之痛。每次移动端项目出现问题，团队都是一片愁云惨淡。

解锁移动端调试自由：React中vConsole的全局/按需注入策略

在新零售行业中，前端控制并发请求是保障系统稳定性、提升用户体验和优化资源利用的关键策略。

新零售实战 | 前端控制并发请求，API限流实现方案汇总

我们的项目中，有一个日期格式化的功能，用户选择日期之后，比如选择了2025-07-01，前端会处理成零点的时间（2025-07-01 00:00:00）进行回显，同时提交的数据也是（2025-07-01 00:00:00）的时间戳。

日期格式化也有兼容性问题？来捋一捋日期处理库的差异和操作技巧

前段时间，我重新接手了H5在线商城项目。这个项目从诞生到现在，已经过去了两年的时间，这期间，项目经手了多名不同的开发者。在众多因素的作用下，该项目目前的维护和拓展难度已经达到了一定高度。尤其对于刚接手的开发者，在技术设计阶段，就已经陷入举步维艰的困境中。

前端编程技巧 | H5在线商城项目复盘之后，总结出了若干个场景解决方案

最近，我接手了一个很久以前的项目，业务同事希望能提供该项目的移动端功能。使用Taro重构一遍，显然不太现实。于是，我想了一个折中的方案，支持手机横屏模式的适配。

CSS 布局技巧 | 移动端 H5 滚动条深度解析，从触发逻辑到多端兼容

我们之前在做多端框架选择的时候，优先考虑的是开发效率。于是选择了支持React开发的Taro框架，Taro 框架提供了 “一次开发，多端运行” 的能力，这样学习成本少，上手也快。

多端开发实战 | 基于 Taro 的智能商品推荐系统多端实战指南

在我们的业务场景中，有很多不同小程序之间的跳转场景，比如从外部小程序跳转到我们的电商平台小程序，或者从资讯小程序跳转到服务小程序等。在这些跳转过程中，参数传递是一个关键环节，它能确保用户在不同小程序间的操作连贯性和数据一致性。然而，实际开发中，不同小程序跳转间的参数传递却有可能出现各种问题，如参数丢失、参数格式错误等，严重影响用户体验和业务流程。

前端项目实战 | 小程序间跳转参数传递机制：实战解决方案与最佳实践

移动端开发中，URL参数传递作为页面间通信的基础技术，直接影响着用户体验和数据一致性。然而实际开发中，参数传递过程却充满挑战：参数丢失导致功能异常、特殊字符引发解析失败、跨平台兼容性问题频发、问题排查困难。

前端项目实战 | H5页面URL参数传递全链路实践指南：从问题规避到安全优化

在我们移动端的业务中，通常会采用URL参数方式传递关键业务标识（如用户ID、订单ID、第三方标识）。在拿到这些业务标识时，我们会使用sessionStorage将这些数据本地缓存下来，以便后续使用。

前端项目实战 | H5跳转参数缓存：sessionStorage 缓存数据丢失的偶然性分析及解决方案

在我们的项目中，PDF文档的展示是一个比较常见需求。最初，我们的PDF查看器做成了分页展示。但是对于用户而言，尤其是移动端用户，分页没有滚动操作方便，所以我们又做成了滚动查看。

React 项目实战 | 探索 React 项目中第三方 PDF 查看器虚拟滚动功能：从调研到实践

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了项目实战专栏，为你提供了项目实战的相关文章，致力于帮助开发者快速成长与发展。

项目实战

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐