前端框架

前端小超人rui

【react - swc】什么是SWC SWC即可用于编译，也可用于打包。对于编译，它使用现在js功能获取js/ts文件并输出所有主流浏览器支持得有效代码。简单点说swc 实现了和babel 一样的功能，但是他比babel 快

【React】状态更新避坑：基本类型与引用类型对父子组件通信的影响之前有个业务，父组件调用api，子组件需要根据 api 的一个 code 显示警告，input 可以为空，但是有内容就需要 api 校验，警告的内容也是后台给的（每次都是一样的内容），这个时候就需要父传子，尽管父组件内容无变化，但子组件仍需做出响应。

我是阿亮啊

Vue.js 基础知识大全这个基础知识涵盖了 Vue 2.x 的核心内容，掌握了这些就能进行基本的 Vue 开发了。

Devlive 开源社区

技术日报｜React视频工具Remotion三连冠日增1374星破3万，Apple Silicon语音库mlx-audio爆火登榜第二🌟 TrendForge 每日精选 - 发现最具潜力的开源项目 📊 今日共收录 8 个热门项目，涵盖 50 种编程语言

Flutter学习笔记本文参考Flutter课程导学_哔哩哔哩_bilibili注意如果执行命令后什么都不显示，可能是权限不足，使用管理员身份运行PowerShell

晚霞的不甘

Flutter for OpenHarmony《淘淘购物》主页点击跳转功能详解：从 UI 响应到页面导航的完整实现在移动应用开发中，点击跳转是最基础也最重要的交互模式之一。它连接了应用的不同页面，构成了用户的核心使用路径。本文将基于您提供的完整 Flutter 代码 (import+pa.txt)，深入剖析《淘淘购物》App 主页（HomeScreen）中所有可点击元素的跳转逻辑，揭示其背后精妙的设计与实现。

Web前端认证token的安全存储策略目录方案概述核心思路：架构设计：三层存储策略：风险接受说明：接受的风险：防御的风险：一句话部署：🛡️ Next.js XSS 防御终极方案

晚霞的不甘

Flutter for OpenHarmony 电商 App 搜索功能深度解析：从点击到反馈的完整实现在现代移动电商应用中，搜索功能是用户发现商品、完成转化的核心路径之一。一个流畅、智能且反馈及时的搜索体验，能显著提升用户留存与购买率。本文将聚焦于您提供的《淘淘购物》Flutter 代码，深入剖析其搜索功能的完整实现逻辑——从首页点击搜索图标，到弹出搜索框、输入关键词、显示建议列表，再到最终展示搜索结果并处理“无结果”场景。我们将逐层拆解 SearchDelegate 的工作机制、数据过滤策略、UI 反馈设计，并探讨其在鸿蒙 PC 等多端场景下的适配潜力。

从源码深度解析 React：Hook 如何在 Fiber 中存储？DOM Ref 如何绑定？在前两篇文章中，我们从业务实战角度解决了重复请求和高频并发拦截的问题。我们学到了 useRef 是同步的物理锁，而 useState 是异步的状态快照。然而，作为一个进阶开发者，我们不能止步于“怎么用”，更要探究“为什么”。

React 与 TypeScript：组件类型化欢迎继续本专栏的第三十九篇文章。在前几期中，我们已逐步探索了 TypeScript 的核心特性，包括接口、类、泛型和高级类型，以及它们在各种场景下的应用。这些知识为我们整合 TypeScript 与流行框架奠定了基础。今天，我们将聚焦于 React 与 TypeScript 的结合，特别强调组件类型化。这包括 React.FC 用于函数组件的定义、props 类型的声明，以及 hooks 的类型支持。我们将从 React 和 TypeScript 协作的基本概念入手，逐步深入组件的类型化实践，并探讨其在前

晚霞的不甘

Flutter for OpenHarmony《淘淘购物》分类页：从静态 UI 到动态交互的全面升级在电商应用中，商品分类页是用户发现和筛选商品的核心路径之一。一个设计精良的分类系统不仅能提升用户体验，还能显著提高转化率。本文将基于您提供的完整 Flutter 代码（import+pa.txt），对 CategoryScreen 进行深度剖析，重点讲解其 UI 结构、交互逻辑、数据驱动机制以及视觉动效的实现细节，并对比基础版本与增强版本的关键差异。

挂机且五杀

为什么在React地图组件里，memo 不是优化，而是生存?在地图、Canvas、WebGL 这类组件中，memo 不是优化手段，而是“生存边界”。本文将系统讲清：

【Vue】组件生命周期 && 组件生命周期钩子一个 Vue 实例（组件）从创建到卸载的整个过程，称为其生命周期。从宏观角度来看，一共有四个阶段，如下所示：

晚霞的不甘

Flutter for OpenHarmony 引力弹球游戏开发全解析：从零构建一个交互式物理小游戏在移动应用开发中，游戏类应用始终是展示框架能力与开发者创意的重要载体。Flutter 作为 Google 推出的跨平台 UI 框架，凭借其高性能渲染引擎、丰富的动画系统和声明式 UI 架构，为游戏开发提供了强大支持。本文将深入剖析一段完整的 Flutter 弹球游戏代码（《引力弹球》），逐层拆解其核心架构、物理逻辑、用户交互、状态管理与视觉设计，帮助开发者掌握如何利用 Flutter 构建具备真实物理反馈的交互式小游戏。

晚霞的不甘

Flutter for OpenHarmony：从零到一：构建购物APP的骨架与精美UI引言在移动互联网时代，一个直观、流畅且美观的用户界面（UI）是任何成功应用的敲门砖。对于开发者而言，如何高效地构建出符合设计规范的UI，是日常工作的核心挑战之一。Flutter，凭借其声明式UI框架和丰富的Material Design组件库，为我们提供了一个近乎完美的解决方案。

晚霞的不甘

Flutter for OpenHarmony：注入灵魂：购物车的数据驱动与状态管理实战引言在上一篇文章中，我们成功构建了一个视觉上令人满意的购物APP骨架。然而，一个真正的应用必须能够响应用户输入并动态更新其状态。想象一下，当用户在购物车中增减商品数量时，总价却纹丝不动，这将是多么糟糕的体验！这就是状态管理（State Management）的用武之地。

晚霞的不甘

Flutter for OpenHarmony：迈向专业：购物APP的架构演进与未来蓝图引言经过前两篇文章的努力，我们的“淘淘购物”APP已经具备了基本的形态和交互能力。然而，审视当前的代码，我们会发现一些潜在的隐患：数据硬编码在UI文件中、状态管理逻辑与UI紧密耦合、缺乏对网络请求和持久化存储的支持。这些问题在小型Demo中或许无伤大雅，但在一个真实的、需要长期维护和迭代的商业项目中，它们将成为巨大的技术债务。

王同学学出来

React实操案例（四）index.jsApp.js官方地址https://ant.design/docs/react/getting-started-cn

阿珊和她的猫

简述 React 的虚拟 DOM 机制🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

React 组件：组件通信、受控组件&非受控组件、异步组件、HOC高阶组件视频：BV1mcpPeMETt 文档：https://message163.github.io/react-docs/react/components/hoc.html