QQ音乐前端团队专栏-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

QQ音乐前端团队专栏

QQ音乐前端博客

专栏成员

39

文章

116670

阅读量

65

订阅数

React16之useCallback、useMemo踩坑之旅

缓存 react 渲染编程算法

背景 react性能优化的一个主要方向就是减少组件重复渲染，避免没有必要的渲染以提升性能，而减少组件重复渲染的重要方式就是利用缓存。根据这个思路react推出了React.memo、hook函数useCallback、useMemo等方法，但官方文档也提出不要滥用这些hook，不然很有可能适得其反，那具体怎么使用才能提高性能呢？在开始之前先简单介绍下Memoization的概念，在密集型操作中通过将初始的操作结果‘缓存’起来,并在下一次操作中利用缓存来加速计算的技术。换人话就是通过对象把函数每次执行的

QQ音乐前端团队

2021-03-05

2K0

Vue 3.0 源码分析-数据侦测

vue.js api android 网络安全 react

2020年前端大事件之一，Vue 3.0终于正式发布了。作为一个大的版本更新，Vue 3 与 Vue 2相比，实现原理，使用方式等均有着不小的改动。本文主要会介绍讲述二块内容，分别是Vue 3.0 的简要介绍，Vue 3.0 数据侦测源码分析。小伙伴们可以根据自己的需求，查看对应的内容，也欢迎各位一起探讨，一起学习。 Vue 3.0 简要介绍 Vue 3 的 “前世今生” 2016年，Vue 2.0 正式发布，时至今日，已经过去了四年的时光。诚然，在这四年中，Vue 2的社区建设一直呈现出一副蓬勃向上的态

QQ音乐前端团队

2021-01-11

7150

React Hooks 源码解析（4）：useEffect

react javascript

React 源码版本: v16.11.0 源码注释笔记：airingursb/react 1. useEffect 简介 1.1 为什么要有 useEffect 我们在前文中说到 React Hooks 使得 Functional Component 拥有 Class Component 的特性，其主要动机包括：在组件之间复用状态逻辑很难复杂组件变得难以理解难以理解的 class 对于第二点，首先，针对 Class Component 来说，我们写 React 应用时经常要在组件的各种生命周期中编

QQ音乐前端团队

2019-12-24

2.3K0

React Hooks 源码解析（3）：useState

redux mapreduce react javascript

React 源码版本: v16.11.0 源码注释笔记：airingursb/react 在写本文之前，事先阅读了网上了一些文章，关于 Hooks 的源码解析要么过于浅显、要么就不细致，所以本文着重讲解源码，由浅入深，争取一行代码也不放过。那本系列讲解第一个 Hooks 便是 useState，我们将从 useState 的用法开始，再阐述规则、讲解原理，再简单实现，最后源码解析。另外，在本篇开头，再补充一个 Hooks 的概述，前两篇限于篇幅问题一直没有写一块。注：距离上篇文章已经过去了两个月，这两

QQ音乐前端团队

2019-12-03

1.8K1

React Hooks 源码解析（2）: 组件逻辑复用与扩展

react 面向对象编程

React 源码版本: v16.9.0 源码注释笔记：airingursb/react 如何复用和扩展 React 组件的状态逻辑？具体而言，有以下五种方案： Mixins Class Inheritance Higher-Order Component Render Props React Hooks 下面，我们一一介绍五种方案的实现。 1. Mixins Mixins 混合，其将一个对象的属性拷贝到另一个对象上面去，其实就是对象的融合，它的出现主要就是为了解决代码复用问题。扩展：说到对象融合，

QQ音乐前端团队

2019-11-18

1.4K0

React Hooks 源码解析（1）：类组件、函数组件、纯组件

React 源码版本: v16.9.0 源码注释笔记：airingursb/react 1 Class Component VS. Functional Component 根据 React 官网，React 中的组件可分为函数式组件（Functional Component）与类组件（Class Component）。 1.1 Class Component 这是一个我们熟悉的类组件： // Class Componmentclass Welcome extends React.Component {

QQ音乐前端团队

2019-10-21

2.1K0

react之jsx编译原理

打包 babel.js react html javascript

使用react的朋友想必对jsx的语法相当熟悉，简单点来说，就是JavaScript和html可以混着写，灵活快速，而且可以一目了然的看清楚DOM的结构，当然jsx需要经过babel编译为javascript对象，再经过渲染插入到页面上。接下来我们来探讨几个问题： react内部是如何处理JavaScript和html混写的代码？组件名为啥首字母一定要大写？在花括号{}里边内容，比如是一行表达式 var a = 'hello world'; 为啥会报错？下边来具体看看jsx处理逻辑，上例子： 1、

QQ音乐前端团队

2019-07-02

3.1K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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