- 2021 年的前端工程师可能是真正意义上的工程师,他们通常需要运用大量的专业知识来解决工程化问题。本文将着重就现代前端开发的主题,来详细介绍前端工程化的各个重要技术,帮助读者了解现代前端页面的复杂和多样性是如何构造的。 2021 年的前端工程师可能是真正意义上的工程师,他们通常需要运用大量的专业知识来解决工程化问题。本文将着重就现代前端开发的主题,来详细介绍前端工程化的各个重要技术,帮助读者了解现代前端页面的复杂和多样性是如何构造的。
- Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。 Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。
- Copy攻城狮和您一起搭建博客! Copy攻城狮和您一起搭建博客!
- 大前端全端大统一指日可待! 大前端全端大统一指日可待!
- 文章目录 概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行(更新)阶段1.4 销毁阶段 二、生命周期函数详细介绍constructorgetDefaultPropscomponentWillMountrendercomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecom... 文章目录 概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行(更新)阶段1.4 销毁阶段 二、生命周期函数详细介绍constructorgetDefaultPropscomponentWillMountrendercomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecom...
- 在现代的单页面应用(SPA)中,路由管理是一个非常重要的部分。React Router 是 React 生态中最流行的路由管理库之一,它提供了强大的路由功能,帮助开发者轻松管理和导航应用中的不同页面。本文将从基础到进阶,介绍 React Router 的基本概念、常见问题、易错点及如何避免,并通过代码示例进行详细解释。 基本概念 安装首先,你需要安装 react-router-dom 包。你... 在现代的单页面应用(SPA)中,路由管理是一个非常重要的部分。React Router 是 React 生态中最流行的路由管理库之一,它提供了强大的路由功能,帮助开发者轻松管理和导航应用中的不同页面。本文将从基础到进阶,介绍 React Router 的基本概念、常见问题、易错点及如何避免,并通过代码示例进行详细解释。 基本概念 安装首先,你需要安装 react-router-dom 包。你...
- 在 React 应用开发中,状态管理是一个重要的课题。React 提供了多种状态管理方案,其中 Context API 是一个轻量级且易于使用的解决方案,特别适用于组件间共享状态。本文将从基础概念出发,逐步深入探讨 Context API 的常见问题、易错点及如何避免,并通过代码示例进行详细解释。 基础概念 什么是 Context API?Context API 是 React 提供的一种在... 在 React 应用开发中,状态管理是一个重要的课题。React 提供了多种状态管理方案,其中 Context API 是一个轻量级且易于使用的解决方案,特别适用于组件间共享状态。本文将从基础概念出发,逐步深入探讨 Context API 的常见问题、易错点及如何避免,并通过代码示例进行详细解释。 基础概念 什么是 Context API?Context API 是 React 提供的一种在...
- React 是目前最流行的前端框架之一,其核心优势之一就是虚拟 DOM 技术。本文将从基础概念出发,逐步深入探讨 React 虚拟 DOM 的工作原理,同时分享一些常见的问题、易错点及解决方法。此外,我还将分享今年在代码/项目方面的成就,以及通过代码创新提质增效的经验。 虚拟 DOM 基础 什么是虚拟 DOM?虚拟 DOM 是一种轻量级的 JavaScript 对象,它是真实 DOM 的抽象... React 是目前最流行的前端框架之一,其核心优势之一就是虚拟 DOM 技术。本文将从基础概念出发,逐步深入探讨 React 虚拟 DOM 的工作原理,同时分享一些常见的问题、易错点及解决方法。此外,我还将分享今年在代码/项目方面的成就,以及通过代码创新提质增效的经验。 虚拟 DOM 基础 什么是虚拟 DOM?虚拟 DOM 是一种轻量级的 JavaScript 对象,它是真实 DOM 的抽象...
- 一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换,每个 tab 可以有自己的 ScrollView,点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目npm install --save react-native-scrollable-tab-v... 一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换,每个 tab 可以有自己的 ScrollView,点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目npm install --save react-native-scrollable-tab-v...
- 一、前言在做RN App开发过程中离不了用户交互,在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件,需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢,因为它不只是一个组件,而是一组组件,以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback:响应用户的点击事件,如果你想在处理点... 一、前言在做RN App开发过程中离不了用户交互,在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件,需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢,因为它不只是一个组件,而是一组组件,以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback:响应用户的点击事件,如果你想在处理点...
- 概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段... 概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段...
- 游戏开发体验挺新奇的,我用react实现网页游戏的全过程(包括规则设计)。 游戏开发体验挺新奇的,我用react实现网页游戏的全过程(包括规则设计)。
- 最近折腾代码简洁之路,先折腾了详情页,最近准备折腾一下表单组件,准备二次封装,提升代码复用率。 最近折腾代码简洁之路,先折腾了详情页,最近准备折腾一下表单组件,准备二次封装,提升代码复用率。
- 前端开发中,如果通过后端接口请求获取的数据更新频率较低,但是使用率很高,可以考虑进行数据缓存减少请求。 前端开发中,如果通过后端接口请求获取的数据更新频率较低,但是使用率很高,可以考虑进行数据缓存减少请求。
- 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 Vue 技术栈,你会怎么跟老板说呢? 假如你是团队的前端负责人,现在老板要拓展新业务,需要开发一个 Web 应用,让你来做技术选型,你之前用 Vue 比较多,对 Vue 比较熟悉,希望能在团队内部推行 Vue 技术栈,你会怎么跟老板说呢?
上滑加载中
推荐直播
-
物联网资深专家带你轻松构建AIoT智能场景应用
2024/11/21 周四 16:30-18:00
管老师 华为云IoT DTSE技术布道师
如何轻松构建AIoT智能场景应用?本期直播将聚焦华为云设备接入平台,结合AI、鸿蒙(OpenHarmony)、大数据等技术,实现物联网端云协同创新场景,教您如何打造更有实用性及创新性的AIoT行业标杆应用。
回顾中 -
Ascend C算子编程之旅:基础入门篇
2024/11/22 周五 16:00-17:30
莫老师 昇腾CANN专家
介绍Ascend C算子基本概念、异构计算架构CANN和Ascend C基本概述,以及Ascend C快速入门,夯实Ascend C算子编程基础
即将直播 -
深入解析:华为全栈AI解决方案与云智能开放能力
2024/11/22 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播我们将重点为大家介绍华为全栈全场景AI解决方案以和华为云企业智能AI开放能力。旨在帮助开发者深入理解华为AI解决方案,并能够更加熟练地运用这些技术。通过洞悉华为解决方案,了解人工智能完整生态链条的构造。
去报名
热门标签