具有动画逻辑和进度传递功能的React (本机)高阶组件
React是一个用于构建用户界面的JavaScript库。它由Facebook开发并开源，被广泛应用于Web应用程序的开发中。React具有动画逻辑和进度传递功能的高阶组件可以通过以下方式实现：
- 动画逻辑：React可以与其他动画库（如React Transition Group、React Spring等）结合使用，以实现各种动画效果。这些库提供了丰富的动画功能，包括过渡动画、交互动画等。通过在React组件中使用这些库的API，可以轻松地实现动画逻辑。
- 进度传递功能：React的高阶组件（Higher-Order Component，HOC）是一种用于增强组件功能的模式。通过创建一个高阶组件，可以将进度传递功能添加到React组件中。进度传递功能可以用于显示任务的进度，例如文件上传、数据加载等。通过在高阶组件中管理进度状态，并将其传递给包装的组件，可以实现进度传递的效果。
React的优势包括：
- 高效的虚拟DOM：React使用虚拟DOM来管理页面的更新，通过比较虚拟DOM树的差异，只更新需要变化的部分，从而提高了性能。
- 组件化开发：React将用户界面拆分为独立的组件，每个组件都有自己的状态和生命周期方法。这种组件化的开发方式使得代码更加模块化、可复用，并且易于维护。
- 单向数据流：React采用了单向数据流的架构，数据的流动是单向的，从父组件传递给子组件。这种数据流动的方式使得数据的变化更加可控，减少了出现bug的可能性。
- 生态系统丰富：React拥有庞大的生态系统，有大量的第三方库和工具可供选择，可以帮助开发者更高效地开发应用程序。
React在各种应用场景中都有广泛的应用，包括但不限于：
- 单页应用（SPA）：React适用于构建复杂的单页应用，通过使用React Router等路由库，可以实现页面之间的无刷新切换。
- 移动应用：React Native是React的衍生版本，用于开发原生移动应用。通过使用React Native，可以使用React的开发方式来构建跨平台的移动应用。
- 数据可视化：React的组件化开发方式非常适合用于构建数据可视化的应用。通过使用React和相关的数据可视化库（如D3.js），可以实现各种复杂的数据可视化效果。
腾讯云提供了一系列与React相关的产品和服务，包括但不限于：
- 云服务器（CVM）：腾讯云提供了弹性、可扩展的云服务器，可以用于部署React应用程序。
- 云数据库MySQL版（CDB）：腾讯云提供了高性能、可扩展的云数据库服务，可以用于存储React应用程序的数据。
- 云存储（COS）：腾讯云提供了安全、可靠的云存储服务，可以用于存储React应用程序中的静态资源。
- 云函数（SCF）：腾讯云提供了无服务器的云函数服务，可以用于编写和部署React应用程序的后端逻辑。
更多关于腾讯云产品和服务的信息，请访问腾讯云官方网站：腾讯云。
相关·内容
1回答
我有一个进度栏组件，我使用动画来移动进度栏。我正在使用Material类来对组件进行样式化，并且在我的另一个组件中使用该组件(在其中，我将道具传递给进度条组件)。我可以在我的呈现方法下获得道具，但是我无法访问类声明上面的道具。伙计们有什么想法吗？对不起，如果这是一个愚蠢的问题，我只有一个星期的反应世界。提前感谢
progressbar
import { withStyles } from "@material-ui/core/styles";
import { connect } from "react-redux";
const styles = theme
浏览 0提问于2019-09-18得票数 1
我正在构建一个Web组件库，其中有一系列组件，理想情况下继承/利用了BaseComponent。经过一些阅读，我不建议在React中使用继承，相反，我可以使用forwardRef？或者可能是更高阶的组件？唯一一件事是，我对这个概念不是很熟悉，也找不到好的例子，也找不到适合我情况的教程。希望有人能告诉我如何处理这个问题，最佳实践是什么？
我想到的BaseComponent的一种技术是利用IntersectionObserver来触发动画。正如您可以想象的那样，我不想把这个逻辑放在多个地方。对于厌倦了基本示例的人，下面我简单地在BaseComponent上提供了一个单击事件侦听器：
class I
浏览 4提问于2019-08-30得票数 0
我在我的应用程序中使用React Navigation。我在头中创建了带有createStackNavigator的createBottomTabNavigator，我试图访问params，也就是说，我是从屏幕上传递的，但是这些params是不可用的。我还希望有人点击标题按钮，然后转到新屏幕上，但问题是“navigation.navigator()”函数在标题按钮中不可用。
下面是我的Nav.js的样子：
import React from 'react';
import {View, Text, Button} from 'react-native';
imp
浏览 3提问于2020-02-05得票数 1
回答已采纳
假设我有一个汽车销售数据集，我正在构建显示图表的组件，这些图表显示数据的不同方面。
例如，一个组件可以显示按年计算的汽车平均售价，而另一个组件则可以显示钢瓶数量与去年购买的汽车的里程数之间的关系。
这些组件还可以进一步参数化，只显示在特定国家购买的汽车的数据，等等。似乎使用道具传递参数和数据似乎是合适的，因此这些组件可以像这样使用：
<MileageByCylinder country="US" year="2014" dataset={data} />
<AvgSellingPricesByYear country="US"
浏览 1提问于2015-06-15得票数 3
1回答
由于我正在学习"React“，所以我已经知道React中有两种类型的组件：
Class-basedFunctional
现在，在进行一些访谈时，我回答了以下问题：
智能ComponentDumb ComponentPure ComponentImpure ComponentHigher-Order组件
而且..。
ComponentPure与不纯ComponentRegular对纯组件
现在，我更困惑了，因为我只知道只有2种类型的组件。那么有人能帮我吗?这些其他组件是什么，或者如果它们也是反应的一部分，in total what are the different types of C
浏览 1提问于2020-07-16得票数 0
回答已采纳
1回答
如何通过特别反应导航？我想用SafeArea包装组件。下面的示例引发一个错误：
函数作为React子函数无效。如果您返回组件而不是..。
function withSafeArea(component: ComponentType) {
return function WithSafeArea() {
return <SafeArea>{component}</SafeArea>
}
}
<Stack.Screen
name={Routes.Introduction}
component={withSafeArea(Intro
浏览 0提问于2021-03-09得票数 1
当我查看这个中的下面一行时
const SortableItem = SortableElement(({value}) => <li>{value}</li>);
那么，我不明白中的lambda函数 ({value}) => <li>{value}</li> 在中使用的在哪里？
谁能指点我一下吗？
SortableElement的代码：
import React, {Component, PropTypes} from 'react';
import {findDOMNode} from 'react-dom
浏览 4提问于2016-10-05得票数 0
回答已采纳
当从WebSocket连接接收数据时，我正在尝试更新React组件中的状态。
我已经创建了一个隐藏的输入表单，当它被更改时，将触发状态更新，并且组件将根据存储在状态中的数据自动更新。
我最初尝试用触发React事件，结果发现你不能使用jQuery触发React事件，因为事件实际上不是正确的DOM事件。因此，我尝试将输入值实际设置为从WebSocket发送的数据，这也不起作用(可以每秒接收数据-有时甚至更快)。
如果我将输入设置为文本并开始键入，则组件将正确更新。但我需要它在从服务器接收数据时进行更新。
这是我到目前为止的尝试：
class MyTable extends React.Compo
浏览 2提问于2017-07-12得票数 0
我使用的是React Native，它附带了支持的React 16 alpha版本。在浏览器和访问DOM时，我们可以使用id或类从组件/文件层次结构中的任何位置访问元素，如下所示：
const modalRoot = document.getElementById('modal-root');
并将其传递给createPortal(child, container)容器arg。而不是容器应该是DOM元素：
第二个参数(容器)是一个DOM元素。
这个函数也是ReactDOM的一种方法，它在React本机中不存在。
是否有办法在中实现类似的功能？
用例：
我想在我的应用程序
浏览 5提问于2017-09-30得票数 19
我使用的材料用户界面与反应。我有一个模态组件和一个ButtonAppBar。在ButtonAppBar中，我添加了一个购物车图标。我仍然有一点新的反应，并想知道最好的方式显示模式时，购物车被点击。提前谢谢。
这是我的App.js：
import React, { Component } from 'react';
import { BrowserRouter } from 'react-router-dom';
import { Route } from 'react-router-dom';
import './App.css'
浏览 0提问于2018-11-21得票数 1
回答已采纳
1回答
我在“国际框架”网站上没有找到信息。例如，我看到了许多来自react的例子--原生于react.parts网站，例如，通过使用react，我可以在google上呈现自定义对象、形状、标记动画等，但另一方面，Ionic2将google呈现为webview。那么，Ionic 2将是本地的还是基于webview的？
浏览 4提问于2016-07-26得票数 4
我试着去了解什么是最好的方式来使用道具来回应
假设我有一个使用import {FormattedMessage} from 'react-intl'的容器
假设我在容器的JSX中使用了一个组件。
现在，如果我也想在组件中使用FormattedMessage，应该在组件中再次使用导入吗？或者我应该通过容器将FormattedMessage作为支柱发送到组件中？
示例：
import {FormattedMessage} from 'react-intl';
class Container {
render() {
return (
浏览 3提问于2017-11-13得票数 3
我正在尝试传递一个包装器组件作为道具。在React中，这样的事情在技术上是可行的吗？
import React, {Component, PropTypes} from 'react';
import ChildComp from './child-comp';
class Comp extends Component {
render() {
const { Wrapper } = this.props;
return (
<Wrapper>
<ChildComp />
&l
浏览 0提问于2016-12-23得票数 18
回答已采纳
对于多个React组件，我想向React的生命周期注入一个公共代码。
有什么好办法吗？
var ComponentA = React.createClass({
componentWillMount: function () {
},
componentDidUpdate: function(){
//inject common code
},...
var ComponentB = React.createClass({
componentWillMount: function () {
},
componentDid
浏览 2提问于2016-07-26得票数 0
回答已采纳
我已经使用了React几个月了，我来自于使用了大量的jQuery来进行DOM动画/操作。我可以很好地处理操作，但是动画和做闪亮的UI操作在反应上似乎很棘手。或者至少，不像jQuery那么容易。我不想把jQuery拉到动画里。
以下是我想要达到的一些例子：
用户滚动到我的个人投资组合页面的技能部分，在那里有一些引导进度条。当用户滚动到它们时，我将如何动画这些条以“填充”。我想象有探测位置的东西？我也可以建立我自己的进度条，以便有更多的控制。
当用户调整具有代表我的项目的图像的柔性盒设置的“我的投资组合”部分时，我希望这些图像能够缓慢地重新定位，就像一个过渡，而不是切换到他们的新位置。
浏览 4提问于2016-05-02得票数 2
假设我有一个函数来用键盘的行为来装饰一个React组件类--在一个项目列表中导航，如下所示：
function MakeNavigable(ListComponent) {
class NavigableComponent extends React.component {
handleListKeydown(event) {
const listLength = this.refs.list.getListLength();
if (event.keyCode === 40 && this.state.focusedRow < lis
浏览 0提问于2016-04-14得票数 4
1回答
我是新来的反应和javascript。我一直在学习路由器，我遵循的一个教程是使用withRouter。无论如何，我发现了一些代码如何重新实现withRouter，因为它不再受支持。我的问题如下。内部函数如何获得道具参数。它是从哪里来的？谢谢大家的回复，我已经坚持了一段时间了。
function withRouter(Component) {
function ComponentWithRouterProp(props) {
let location = useLocation();
let navigate = useNavigate();
let params =
浏览 10提问于2022-08-27得票数 1
因此，我在React Native中创建了一个自定义组件，它只是包装了一个TouchableOpacity并将其转换为一个很好的按钮组件。虽然当我使用组件的动画版本(通过createAnimatedComponent)时，它不会移动，但有人知道为什么吗？
const AnimatedMainButton = Animated.createAnimatedComponent(MainButton);
...
render() {
return <AnimatedMainButton style={{transform: [{translateX: 100}]}} />
}
浏览 3提问于2017-07-29得票数 0
3回答
我似乎不能理解为什么高阶分量比常规分量更有价值？我读了一篇关于它们的教程，高阶组件很好，因为它们: 1)允许代码重用、逻辑和引导抽象。2)能够进行渲染劫持。3)能够抽象状态并对其进行操作。4)能够操纵道具。来源：
代码中高阶组件的示例如下所示：
function refsHOC(WrappedComponent) {
return class RefsHOC extends React.Component {
proc(wrappedComponentInstance) {
wrappedComponentInstance.method()
}
ren
浏览 1提问于2017-06-30得票数 4
1回答
我有一个高阶组件，它接受另一个组件作为参数，并返回修改后的组件。我是新手，我对代码中的return语句感到困惑。
import React, { useState } from "react";
const HOC = (OriginalComp) => {
function NewComp() {
const [money, setMoney] = useState(10);
const handleIncrease = () => {
setMoney(money * 2);
};
return <Orig
浏览 7提问于2022-10-07得票数 0
我一直在努力弄清楚如何将ReactJS和firebase (3)结合起来。
幸运的是，我找到了令人敬畏的重新基地回购，这是很棒的，也正是我想要的。
fb-config.js
var Rebase = require('re-base');
var base = Rebase.createClass({
apiKey: "apiKey",
authDomain: "projectId.firebaseapp.com",
databaseURL: "https://databaseName.fire
浏览 3提问于2016-11-23得票数 3
回答已采纳
如果我计划使用React Native创建移动应用程序(可能开发速度更快，因为一些代码可以重用)，那么使用ReactJS作为前端是否有优势？
或者，它是ReactJS、Vue还是Angular 2都无关紧要，只要我使用Javascript，这样我仍然可以将代码重用于React native？
浏览 3提问于2017-07-09得票数 3
3回答
首先，我将获得php背景，我目前正在构建一个具有反应性的中间件，我这样做的方式如下：
class Middleware extends React.Component {
funcOne(data) {
return data;
}
funcTwo(data) {
return (
<div>
{ data }
<br />
{ this.funcThree('Third function') }
</div>
);
}
}
浏览 3提问于2017-04-11得票数 0
回答已采纳
3回答
我目前正着手处理。
在文档中的一些CodeSandbox演示(例如)中，导入的东西称为“动画”：
import { Transition, animated } from 'react-spring'
然后像这样使用：
{this.state.items.map(item => styles => <animated.li style={{ ...defaultStyles, ...styles }}>{item}</animated.li>)}
在其他例子中，没有使用这一点：
import { Spring } from 're
浏览 3提问于2018-10-17得票数 6
回答已采纳
我希望在react-native-web上使用https://github.com/xgfe/react-native-datepicker，但我认为它不兼容。
是否有其他库提供与react-native-web兼容的本机datepicker外观
浏览 26提问于2018-12-12得票数 11
3回答
我正在阅读本教程：
他们有这样一种说法：
const withTodosNull = (Component) => (props) =>
!props.todos
? null
: <Component { ...props } />
据我所知，Component被传递给函数，然后它的props被隐式地获取并输入返回函数。我不明白React是如何做到这一点的。老实说，我期待的是类似(Component) => (Component.props)的东西。这是甚麽机制呢？只有当我们以props的形式提供参数或者我们可以提供任何名称时，它才能正确地
浏览 0提问于2019-03-28得票数 0
我试着把放到create中。
这是我的代码，目前正在获取TypeError: Cannot set property 'props' of undefined，但不确定原因。
userForm.js
import React from 'react';
import { Formik } from 'formik';
//import Yup from 'yup';
import * as Yup from 'yup';
import VirtualizedSelect from 'react-virtua
浏览 2提问于2019-07-15得票数 1
回答已采纳
1回答
我正在尝试使用formik来作出反应。我发现了这样的密码：
import React from 'react';
import * as Yup from 'yup';
import { withFormik, FormikProps, FormikErrors, Form, Field } from 'formik';
// Shape of form values
interface FormValues {
email: string;
password: string;
}
interface OtherProps {
m
浏览 0提问于2018-09-13得票数 0
回答已采纳
2回答
我创建了一个显示进展的通用组件。它需要一个道具‘类型’来呈现进展的类型。类型为“条形”进度和“循环”进度。条形图显示进度，当我单击手风琴时，显示循环进度，如下所示：
我想要的是，如果在任何进度(条形或循环)上单击“暂停”，则两个进度都应该停止。下面是这个通用进度组件的代码：
import React, {Component} from 'react';
import CircularProgressBar from 'react-circular-progressbar';
import config from '../../config
浏览 1提问于2017-07-18得票数 1
回答已采纳
我有一个react-native应用程序，其中我使用react-native-qrcode- scanner开发了一个扫描器功能。但是，当我尝试扫描数据时，我得到了以下错误- error: can't find variable navigation 我在authorizationToken行的onSuccess方法中看到了这个错误。我的代码是- import React, { Component } from 'react';
import {
Text,
View,
Image,
TouchableOpacity,
Link
浏览 64提问于2019-01-03得票数 2
我有一个类扩展了react.component。另一个类从这个类扩展到一个redux存储。
import React from 'react'
class A extends React.Component{
constructor(props){super(props); ...}
...
}
import React from 'react'
import {connect} from 'react-redux'
@connect(store=>{...})
class B extends A{
constru
浏览 2提问于2017-05-16得票数 0
回答已采纳
所以我不太清楚connectToStores在我的搜索结果组件中做了什么。我期望当我的存储库发出更改时更新组件的状态，但是它似乎只更新组件的属性并更新包装SearchResultsConnector对象的状态。
我的问题是：
在这种情况下，我不应该使用状态吗?如果是，为什么connectToStores有一个返回状态的回调？
何时从存储区中的emitChanges触发器更新状态？我必须复制我在构造函数中所做的工作吗？
什么时候我应该使用状态和道具，并且应该存储更新状态呢？是否有一个特定的通量规则，支持突变状态以一种方式？
为什么在开发服务器中热加载更改时状态更新到结果。我不明白
浏览 3提问于2015-11-04得票数 0
回答已采纳
2回答
我在研究基于Cordova的混合应用程序与Reactive原住民之间的比较，并弄不清楚React本地模块与Cordova插件有何不同？
(如果两者是相同的，那么为什么FB要重新发明轮子)
React本地模块是否像Cordova那样支持所有设备功能？
谢谢，罗希特
浏览 7提问于2017-10-11得票数 3
我试图制作一个简单的动画，在那里我的形象会褪色。
下面的代码我正在导入{useSpring, animated} from 'react-spring'。我创建了简单的useSpring函数logoLoadingScreen。然后，我在图像样式设计中添加了函数，但是没有显示任何动画。
import React from 'react';
import {useSpring, animated} from 'react-spring'
import {View,Text,StyleSheet,Image} from 'react-nativ
浏览 5提问于2020-01-12得票数 0
回答已采纳
1回答
我试图在React.js中使用一个函数组件来创建一个简单的自组织函数(高阶函数)。我已经完成了以下操作，并且它是编译的，但是在本地主机上没有显示..？
//App.js
import React from 'react';
import HOC from './HOC';
import InnerCom from './InnerCom';
import './style.css';
export default function App() {
const HOCBtn = HOC(InnerCom)
return
浏览 2提问于2022-05-06得票数 0
1回答
我正在尝试访问React Native中的当前视频帧。我可以用'react-webcam‘做同样的事情，同时用下面的代码使用React.js。
import React from "react";
import Webcam from "react-webcam";
function MyFunc () {
const cameraRef = useRef(null);
const processFrame = async() => {
if (cameraRef.current.video){
const img
浏览 4提问于2021-05-23得票数 1
2回答
我刚开始使用react，而且我发现编写短路的js条件语句来检查一切都很麻烦。我不喜欢它嵌套在代码中的方式，以及它在大多数时候是不可读的，如下所示： {someCondition &&
<someComponent />
} 有没有办法在react中使用disabled属性来编写如下所示的代码： <someComponent disabled={!someCondition}/> 我认为这看起来更直观。有没有一种方法可以对react中的所有组件通用地实现这个disabled属性？
浏览 3提问于2020-01-09得票数 2
回答已采纳
我正在尝试使用Xamarin forms webview .Navigated事件来检测react应用程序中的页面位置何时发生更改。然而，它似乎只有在我导航到外部页面时才会发出，而不是在react应用程序中，即使我使用的是react路由器。在我的浏览器中，url会发生变化，但Xamarin webview不会注册这种变化，即使我通过打印webView.Source来手动轮询url。
有没有什么方法可以让我在C#的react应用中检测到导航？
浏览 1提问于2017-07-16得票数 3
嗨，我有以下反应-基于Redux的代码片段，不理解以下一行：
const List = connect(mapStateToProps)(ConnectedList);
我会理解，如果函数看起来是：List常量，则它被分配给它：
const List = connect(mapStateToProps);
但是，(ConnectedList)在这个声明中有什么作用?技术名称是什么呢？
全剪：
import React from "react";
import { connect } from "react-redux";
const mapStateToPro
浏览 0提问于2018-08-15得票数 0
回答已采纳
我正在检查一个正常运行的react web应用程序的代码库，并努力从App.js文件中理解以下内容： class App extends React.Component {
render() {
let error = null
if (this.props.error) {
error = <ErrorMessage
message={this.props.error.message}
debug={this.props.error.debug} />
}
return (
<Ro
浏览 14提问于2020-08-08得票数 0
回答已采纳
我正在使用react引导ui库作为进度条。我想要它动画的进度条从0到70页加载。
我怎样才能做到这一点？
这是代码
Component.js
<ProgressBar
animated
now={70}
className="progress-bar"
/>
Component.style
.progress-bar {
width: 400px;
}
预期的OutPut:它应该在页面加载时从0动画到70。
浏览 2提问于2021-11-11得票数 0
回答已采纳
react spring附带了一个animated函数，它允许在本地修改组件，而不必重新呈现组件。我发现动画组件有几个类似于react native's animated components的方法。这两者之间有什么联系吗?或者像.interpolate()这样的概念对于动画库来说是很常见的吗？
浏览 16提问于2019-03-12得票数 0
回答已采纳
我试图通过React路由器链接组件传递道具，但是状态仍然没有定义，有人知道为什么吗？
路线：
<Route path="/movie" component={Movie} render={props =>
<Movie {...props} />} />
链接：
<Link to={{ pathname: '/movie', state: { fromMovieList: true}}} >
Title </Link>
从路径"/movie“呈现的组件。
class Movie extends R
浏览 1提问于2019-07-02得票数 11
回答已采纳
当使用动画组件，即Animated.View与使用常规组件，即在react原生中查看时，是否有任何性能影响？
代码示例：
<View>
<Text>asd</Text>
</View>
Vs
<Animated.View>
<Text>asd</Text>
</Animated.View>
我从来没有见过人们在使用动画组件时提到任何性能影响，但如果没有，为什么React开发人员没有默认将所有组件都设置为动画组件。
浏览 1提问于2018-02-19得票数 3
1回答
我刚刚接手了一个新的reactjs项目--我试图回顾一下语言转换是如何被调用的。
因此，就像在页脚中有两个链接来做这个语言切换一样。
//footer.js
import React from 'react'
import { Link } from 'react-router-dom'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { selectLanguage, getLangDetails }
浏览 0提问于2017-05-11得票数 1
1回答
我需要将功能包装在一个按钮中。但是，当我在另一个组件的render方法中调用HOC时，我什么也得不到。
我有一个特别的
import React,{Component,PropTypes} from 'react';
export let AddComment = (ComposedComponent) => class AC extends React.Component {
render() {
return (
<div class="something">
浏览 0提问于2016-10-14得票数 0
1回答
将ES5混合输入转换为高阶组件
、、、、
在我的项目中，我试图摆脱所有的混入，并用HOC取而代之。我现在被ES5卡住了。
export default React.createClass({
mixins: [SomeAsyncMixin],
data: {
item1: {
params: ({params, query}) => {
params: ({params, query}) => {
if (!query.p) {
return null;
}
const status = so
浏览 0提问于2017-04-02得票数 2
1回答
父组件有一个p标记，用于动画显示其内部文本。当我刷新页面时，动画会起作用。 下面是父组件： import React, { Component } from 'react';
import Child from './Child';
class Parent extends Component {
rerender=()=>{
this.forceUpdate()
}
render() {
return (
<div>
<p
浏览 28提问于2020-12-14得票数 0
回答已采纳
我试图跟随实现Google，并在我的React应用程序中跟踪页面查看。然而，当我使用类组件设置我的应用程序时，本教程使用了React钩子。我无法成功地将“tuturial”翻译成一个类设置。我应该如何调整以使这个工作适合我的用例？
路由页面，\src\pages\index.js：
// the function of concern
import useGaTracker from "../useGaTracker";
class Base extends Component {
render() {
useGaTracker();
浏览 10提问于2022-04-18得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
