03.Redux 进阶

最新推荐文章于 2024-09-05 16:15:00 发布
最新推荐文章于 2024-09-05 16:15:00 发布
阅读量230 收藏
点赞数
分类专栏： React 学习笔记 文章标签： reactjs 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45196863/article/details/123646337
版权

Redux 进阶

6.1 UI 组件和容器组件

UI 组件负责渲染，容器组件负责页面逻辑。

UI 只负责页面的组件 （傻瓜组件）。

容器组件里的代码都是业务逻辑代码 （聪明组件）。

示例：

// TodoList.js 只负责业务逻辑
import React, { Component } from "react";
import "antd/dist/antd.css";
import store from "./store";
import {
  getInputChangeAction,
  getBtnClickAction,
  getItemDeleteAction,
} from "./store/actionCreators";
import TodoListUI from "./TodoListUI.jsx"

export default class TodoList extends Component {
  constructor(props) {
    super(props);
    this.state = store.getState();
    this.handleInputChange = this.handleInputChange.bind(this);
    this.handleStoreChange = this.handleStoreChange.bind(this);
    this.handleBtnClick = this.handleBtnClick.bind(this);
    this.handleItemDelete = this.handleItemDelete.bind(this);
    // 订阅了 store 的改变。store 改变一次，该方法将会执行一次。
    store.subscribe(this.handleStoreChange);
  }

  handleStoreChange() {
    // 用 store 里获取的数据来替换原本的数据
    this.setState(store.getState());
  }

  handleInputChange(e) {
    store.dispatch(getInputChangeAction(e.target.value));
  }

  handleBtnClick() {
    store.dispatch(getBtnClickAction());
  }

  handleItemDelete(index) {
    store.dispatch(getItemDeleteAction(index));
  }

  render() {
    return (
      <TodoListUI inputValue={this.state.inputValue}
      list={this.state.list} 
      handleInputChange={this.handleInputChange}
      handleBtnClick={this.handleBtnClick}
      handleItemDelete={this.handleItemDelete}
      />
    );
  }
}

// TosoListUI.js 只负责渲染
import React, { Component } from 'react'
import { Button, Input, List } from "antd";

export default class TodoListUI extends Component {
  render() {
    return (
      <div style={{ marginTop: "10px", marginLeft: "10px" }}>
        <Input
          value={this.props.inputValue}
          placeholder="todo info"
          style={{ width: "300px", marginRight: "10px" }}
          onChange={this.props.handleInputChange}
        />
        <Button type="primary" onClick={this.props.handleBtnClick}>
          提交
        </Button>
        <List
          style={{ marginTop: "10px", width: "300px" }}
          bordered
          dataSource={this.props.list}
          renderItem={(item, index) => (
            <List.Item onClick={(index) => {this.props.handleItemDelete(index)}}>
              {item}
            </List.Item>
          )}
        />
      </div>
    )
  }
}

6.2 优化：无状态组件

里边没有 state 只有 render，就称之为无状态组件，直接用函数返回就行。如上面的 TodoListUI 组件，就是无状态组件。无状态组件的优势：性能高，就是一个函数直接返回。相比较于类组件，类组件生成的对象里面有声明周期等东西。

import React from "react";
import { Button, Input, List } from "antd";

export default function TodoListUI(props) {
  return (
    <div style={{ marginTop: "10px", marginLeft: "10px" }}>
      <Input
        value={props.inputValue}
        placeholder="todo info"
        style={{ width: "300px", marginRight: "10px" }}
        onChange={props.handleInputChange}
      />
      <Button type="primary" onClick={props.handleBtnClick}>
        提交
      </Button>
      <List
        style={{ marginTop: "10px", width: "300px" }}
        bordered
        dataSource={props.list}
        renderItem={(item, index) => (
          <List.Item
            onClick={(index) => {
              props.handleItemDelete(index);
            }}
          >
            {item}
          </List.Item>
        )}
      />
    </div>
  );
}

6.3 Redux 中发送异步请求获取数据

比如要通过 Ajax 初始化 todo list 列表的流程：先通过挂载的周期函数发送 Ajax 请求，然后将返回的结果打包进 action 里边发送给 store，store 把旧 state 和 action 传给 reducer，reducer 判断 actionType 来进行相应的数据处理，返回新 state 给 store 进行替换。

// TodoList.js
  componentDidMount() {
    axios.get("/api/todolist").then((res) => {
      const data = res.data;
      const action = initListAction(data);
      store.dispatch(action);
    });
  }

// actionCreators.js
export const initListAction = (data) => ({
  type: INIT_LIST_ACTION,
  data,
});

// reducers.js
  if (action.type === INIT_LIST_ACTION) {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list = action.data;
    return newState;
  }

6.4 使用 Redux-thunk 中间件进行 ajax 请求发送

复杂的逻辑全放在组件里的时候会造成组件维护难度增加。Redux-thunk 可以解决这个问题。

  1. 安装 redux-thunk:
npm install redux-thunk
  1. 引用 applyMiddleware，使得可以构建和使用中间件。thunk 和 redux devtools 搭配使用。这里可以看出，redux devtools 也是一种中间件。
// store/index.js
import { createStore, applyMiddleware, compose } from "redux";
import reducer from "./reducer";
import thunk from "redux-thunk";

const composeEnhancers =
  typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
    : compose;

const enhancer = composeEnhancers(applyMiddleware(thunk));

export default createStore(reducer, enhancer);
  1. 异步代码从组件函数里转移到 actionCreator 里边。使用 redux-thunk 以后，action 可以返回一个函数而不仅仅是一个对象。action 函数 dispatch 给 store 后，store 发现是个函数，该函数便可即时运行。同时，函数从生命周期中抽离，方便自动化测试。
// TodoList.js
componentDidMount() {
    store.dispatch(getTodoList());
}

// actionCreator.js
export const initListAction = (data) => ({
    type: INIT_LIST_ACTION,
    data,
});

export const getTodoList = () => { 
    // 当 action 为函数的时候，可以接收到 dispatch 方法
    return (dispatch) => { 
        // 异步发送初始化列表的 action
        axios.get("/api/todolist").then((res) => {
            const data = res.data;
            // 获取 action
            const action = initListAction(data);
            // 发送给 store
            dispatch(action);
        });
    }
}

// reducer.js
if (action.type === INIT_LIST_ACTION) {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list = action.data;
    return newState;
}

6.5 什么是 Redux 中间件

Redux 中间件在 Action 和 Store 之间。

中间件就是对 Dispatch 做了一层封装。

6.6 Redux-saga 中间件入门

thunk 已经很好用了，但是 Redux-saga 做了进一步的划分，将异步方法放在单独一个文件里。

  1. 安装 redux-saga

    npm install redux-saga

  2. 创建中间件并挂载在 store 上，并创建 sagas.js，里边放异步的方法

    import { createStore, compose, applyMiddleware } from "redux";
import reducer from "./reducer";
import createSagaMiddleware from "redux-saga";

// create the saga middleware
const sagaMiddleware = createSagaMiddleware();

const composeEnhancers =
  typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
    : compose;

const enhancer = composeEnhancers(applyMiddleware(sagaMiddleware));

// mount it on the Store
export default createStore(reducer, enhancer);

  3. 正常方式写 action

    // TodoList.js
componentDidMount() {
    store.dispatch(getInitList());
}

    // actionCreators.js
export const getInitList = () => ({
    type: GET_INIT_LIST,
});

  4. 在 sagas 里边写异步方法

    运行原理：当 action dispatch 的时候，不仅仅 reducer 能获取到 action，saga 里的函数也能接受到，根据不同的 action 来运行不同的函数。

    import { takeEvery, put } from "redux-saga/effects";
import { GET_INIT_LIST } from "./actionTypes";
import { initListAction } from "./actionCreators";
import axios from "axios";

// 需要了解迭代器和生成器
function* getInitList() {
  try {
    const res = yield axios.get("/api/todolist");
    const action = initListAction(res.data);
    yield put(action);
  } catch (error) {
    console.log("list.json 网络请求失败");
  }
}

// generator 函数
function* mySaga() {
  // 只要接收到了 GET_INIT_LIST，就会触发 getInitList 这个方法
  yield takeEvery(GET_INIT_LIST, getInitList);
}

export default mySaga;

6.7 React-redux 的使用

更方便地在 React 中使用 redux

  1. 安装 react-redux

    npm install react-redux

  2. index.js 里引入 Provider 并包裹组件标签，并引入 store。Provider 作用：提供 store 给子组件后，子组件都能获得 store 里的内容。

    import React from "react";
import ReactDOM from "react-dom";
import reportWebVitals from "./reportWebVitals";
import TodoList from "./TodoList";
import { Provider } from "react-redux";
import store from "./store"

ReactDOM.render(
  <Provider store={store}>
    <TodoList />
  </Provider>,
  document.getElementById("root")
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

  3. 使用 connect 方法获取 store 里的数据

    // TodoList.jsx

// TodoList 和 store 做连接
export default connect(null, null)(TodoList);

  4. 编写映射规则1：实现 store 里的数据和 this.state 的映射

    class TodoList extends Component {
  render() {
    return (
      <div>
        <div>
          <input type="text" value={this.props.inputValue} />
          <button>提交</button>
        </div>
        <ul>
          <li>item1</li>
        </ul>
      </div>
    );
  }
}

// store 变成组件里的 props 的映射规则
const mapStateToProps = (state) => {
  return {
    // 组件里的 props.inputValue 映射到 store 里的 inputValue
    inputValue: state.inputValue,
  };
}

// TodoList 和 store 做连接
export default connect(mapStateToProps, null)(TodoList);

  5. 编写映射规则2：实现 store 里 dispatch 和 props.方法的映射

    import React, { Component } from "react";
import { connect } from "react-redux";

class TodoList extends Component {
  render() {
    return (
      <div>
        <div>
          <input
            type="text"
            value={this.props.inputValue}
            onChange={this.props.changeInputValue}
          />
          <button>提交</button>
        </div>
        <ul>
          <li>item1</li>
        </ul>
      </div>
    );
  }
}

// store 里存储的 state 变成组件里的 props 的规则
const mapStateToProps = (state) => {
  return {
    // 组件里的 props.inputValue 映射到 store 里的 inputValue
    inputValue: state.inputValue,
  };
};

// store.dispatch 映射到 props 的方法上
const mapDispatchToProps = (dispatch) => {
  return {
    changeInputValue(e) {
      const action = {
        type: "change_input_value",
        value: e.target.value,
      };
      dispatch(action);
    },
  };
};

// TodoList 和 store 做连接
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

  6. 在 reducer 里接收传递过来的 action，进行相应的处理

    const defaultState = {
  inputValue: "",
  list: [],
};

const reducer = (state = defaultState, action) => {
  if (action.type === "change_input_value") {
    const newState = JSON.parse(JSON.stringify(state));
    newState.inputValue = action.value;
    return newState;
  }
  return state;
};

export default reducer;

    至此，输入框便可顺利地通过键盘输入。

6.8 使用 React-redux 完成 TodoList 功能

6.8.1 添加提交功能
// TodoList.jsx
import React, { Component } from "react";
import { connect } from "react-redux";

class TodoList extends Component {
  render() {
    return (
      <div>
        <div>
          <input
            type="text"
            value={this.props.inputValue}
            onChange={this.props.changeInputValue}
          />
          <button onClick={this.props.handleClick}>提交</button>
        </div>
        <ul>
          {/* 渲染列表 */}
          {this.props.list.map((item, index) => {
            return <li key={index}>{item}</li>;
          })}
        </ul>
      </div>
    );
  }
}

// store 里存储的 state 变成组件里的 props 的规则
const mapStateToProps = (state) => {
  return {
    // 组件里的 props.inputValue 映射到 store 里的 inputValue
    inputValue: state.inputValue,
    // 获取 store 里的 list
    list: state.list,
  };
};

// store.dispatch 映射到 props 的方法上
const mapDispatchToProps = (dispatch) => {
  return {
    ...
    // 添加 item 操作
    handleClick() {
      const action = {
        type: "add_item",
      };
      dispatch(action);
    },
  };
};

// TodoList 和 store 做连接
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

// reducer.js
...

const reducer = (state = defaultState, action) => {
  ...
  if (action.type === "add_item") {
    const newState = JSON.parse(JSON.stringify(state));
    // 输入框的值添加到列表
    newState.list.push(newState.inputValue);
    // 清空输入框内容
    newState.inputValue = "";
    return newState;
  }
  return state;
};

export default reducer;
6.8.2 点击删除功能实现
import React, { Component } from "react";
import { connect } from "react-redux";

class TodoList extends Component {
  render() {
    return (
      <div>
        <div>
          <input
            type="text"
            value={this.props.inputValue}
            onChange={this.props.changeInputValue}
          />
          <button onClick={this.props.handleClick}>提交</button>
        </div>
        <ul>
          {/* 渲染列表 */}
          {this.props.list.map((item, index) => {
            return (
              <li
                key={index}
                onClick={(index) => this.props.handleDelete(index)}
              >
                {item}
              </li>
            );
          })}
        </ul>
      </div>
    );
  }
}

// store 里存储的 state 变成组件里的 props 的规则
const mapStateToProps = (state) => {
  return {
    // 组件里的 props.inputValue 映射到 store 里的 inputValue
    inputValue: state.inputValue,
    // 获取 store 里的 list
    list: state.list,
  };
};

// store.dispatch 映射到 props 的方法上
const mapDispatchToProps = (dispatch) => {
  return {
    // 输入的值存储到 store
    changeInputValue(e) {
      const action = {
        type: "change_input_value",
        value: e.target.value,
      };
      dispatch(action);
    },
    // 添加 item 操作
    handleClick() {
      const action = {
        type: "add_item",
      };
      dispatch(action);
    },
    // 点击 item 删除 item
    handleDelete(index) {
      const action = {
        type: "delete_item",
        index,
      };
      dispatch(action);
    },
  };
};

// TodoList 和 store 做连接
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

const defaultState = {
  inputValue: "",
  list: [],
};

const reducer = (state = defaultState, action) => {
  if (action.type === "change_input_value") {
    const newState = JSON.parse(JSON.stringify(state));
    newState.inputValue = action.value;
    return newState;
  }
  if (action.type === "add_item") {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list.push(newState.inputValue);
    newState.inputValue = "";
    return newState;
  }
  if (action.type === "delete_item") {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list.splice(action.index, 1);
    return newState;
  }
  return state;
};

export default reducer;

TodoList 的基本功能到此全部实现。可以看到 react-redux 的优点在于，组件使用了 connect 的方法进行映射，使得在 store 里的数据发生改变的时候，组件里的获取数据便可跟着改变，而不需要以前 subscribe 来获取数据。

connect 的理解：

// TodoList 和 store 做连接
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

可以看到，TodoList 组件文件导出的并非组件自身，而是 connect 方法运行返回的结果，TodoList 只是 UI 组件，负责显示，connect 把 UI 组件和其他业务逻辑相结合，便组合成了容器组件。

6.8.2 后边需要做的事。。。

actionCreator，actionTypes 等等优化代码可维护性。

使用解构赋值解构 this.state 和 this.props 可以使得代码更优雅。

TodoList 可以写成无状态组件（因为并没有 state，都是从 store 里获取的 state）

完整代码：

// TodoList.jsx
import React from "react";
import { connect } from "react-redux";
import {
  getAddItemAction,
  getChangeInputValueAction,
  getDeleteAction,
} from "./store/actionCreator";

const TodoList = (props) => {
  const { inputValue, list, changeInputValue, handleClick, handleDelete } =
    props;
  return (
    <div>
      <div>
        <input type="text" value={inputValue} onChange={changeInputValue} />
        <button onClick={handleClick}>提交</button>
      </div>
      <ul>
        {/* 渲染列表 */}
        {list.map((item, index) => {
          return (
            <li key={index} onClick={(index) => handleDelete(index)}>
              {item}
            </li>
          );
        })}
      </ul>
    </div>
  );
};

// store 里存储的 state 变成组件里的 props 的规则
const mapStateToProps = (state) => {
  return {
    // 组件里的 props.inputValue 映射到 store 里的 inputValue
    inputValue: state.inputValue,
    // 获取 store 里的 list
    list: state.list,
  };
};

// store.dispatch 映射到 props 的方法上
const mapDispatchToProps = (dispatch) => {
  return {
    // 输入的值存储到 store
    changeInputValue(e) {
      dispatch(getChangeInputValueAction(e.target.value));
    },
    // 添加 item 操作
    handleClick() {
      dispatch(getAddItemAction());
    },
    // 点击 item 删除 item
    handleDelete(index) {
      dispatch(getDeleteAction(index));
    },
  };
};

// TodoList 和 store 做连接
export default connect(mapStateToProps, mapDispatchToProps)(TodoList);

// actionCreator.js
import { ADD_ITEM, CHANGE_INPUT_VALUE, DELETE_ITEM } from "./actionTypes";

export const getChangeInputValueAction = (inputValue) => ({
  type: CHANGE_INPUT_VALUE,
  value: inputValue,
});

export const getAddItemAction = () => ({
  type: ADD_ITEM,
});

export const getDeleteAction = (index) => ({
  type: DELETE_ITEM,
  index,
});

// reducer.js
import { ADD_ITEM, CHANGE_INPUT_VALUE, DELETE_ITEM } from "./actionTypes";

const defaultState = {
  inputValue: "",
  list: [],
};

const reducer = (state = defaultState, action) => {
  if (action.type === CHANGE_INPUT_VALUE) {
    const newState = JSON.parse(JSON.stringify(state));
    newState.inputValue = action.value;
    return newState;
  }
  if (action.type === ADD_ITEM) {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list.push(newState.inputValue);
    newState.inputValue = "";
    return newState;
  }
  if (action.type === DELETE_ITEM) {
    const newState = JSON.parse(JSON.stringify(state));
    newState.list.splice(action.index, 1);
    return newState;
  }
  return state;
};

export default reducer;

// actionTypes.js
export const CHANGE_INPUT_VALUE = "change_input_value";
export const ADD_ITEM = "add_item";
export const DELETE_ITEM = "delete_item";
John是橘红
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Redux进阶
励志小妹的小窝
11-22 115
redux-thunk github里可以看到README 要使用redux-thunk要先在store下的index.js中从redux引入applyMiddleware 引入thunk import thunk from 'redux-thunk'; //在const store中加入 applyMiddleware(thunk)//使用中间件thunk //如何处理之前加入的redux-de...
Redux进阶（一）
前端大全
08-28 264
（点击上方公众号，可快速关注）作者：卖烧烤夫斯基www.cnblogs.com/constantince/p/9063345.htmlState的不可变化带来的麻烦在用R...
Redux进阶(一)
EmotionComputer
12-02 270
一. Redux-thunk中间件的安装和配置 Redux-thunk是Redux最常用的插件。那什么时候会用到这个插件呢？比如在Dispatch一个Action之后，到达reducer之前，进行一些额外的操作，就需要用到middleware（中间件）。在实际工作中你可以使用中间件来进行日志记录、创建崩溃报告，调用异步接口或者路由。 这个中间件可以使用是Redux-thunk来进行增强(当然你也可...
二. redux 学习进阶---React + Redux
小李科技
12-26 912
React + Redux 之间关系, 已经如何进行组合状态管理
三. redux 学习进阶---Redux 中间件
小李科技
12-29 525
学习Redux 中间件, 及其原理
redux_demos:redux入门与进阶
04-19
Redux 是一个广泛使用的JavaScript状态管理库，主要用于构建可预测化的状态容器，尤其在React应用中。这个名为"redux_demos"的压缩包很显然是为了帮助初学者和有经验的开发者深入理解和实践Redux的用法。它包含了一...
robofriends-redux:为ZTM Web开发课程创建的RoboFriends React应用...现在正在使用Redux ..
04-23
**React与Redux结合详解** React，作为Facebook推出的前端JavaScript库，以其组件化和虚拟DOM的...同时，这也体现了持续学习和改进的精神，从最初的React应用发展到使用Redux进行状态管理，是技术进阶的一个重要步骤。
前端项目-redux-persist.zip
09-03
进阶配置与优化 - **Transformations**：可以使用`transform`选项对存储的数据进行转换，比如去除敏感信息或压缩数据。 - **Migrations**：当Store的结构发生变化时，可以通过迁移（migrations）功能来处理旧状态。...
React 之 redux 详解
subsistent的博客
08-19 4076
状态管理是指在应用中维护数据状态的过程。随着应用不断变大，维护和同步数据状态的复杂度也会变得更高，因此状态管理是一个重要的问题。Redux 是一种 JavaScript 库，用于管理应用的全局状态。它的目的是帮助开发者管理和同步应用中的数据状态，以实现组件间的数据共享和通信。Redux 遵循了一种单向数据流的架构模式，将整个应用的状态数据存储在一个全局的状态树（即 store）中，并通过明确的操作，比如 dispatch 一个 action，来修改数据状态。
Concis组件库封装——Loading加载中
量子前端的博客
06-22 2092
一个常规的react loading组件的开发和测试
前端框架有哪些？以及每种框架的详细介绍
cesske的博客
09-04 1625
前端框架是Web开发中不可或缺的工具，它们为开发者提供了丰富的工具和抽象，使得构建复杂的Web应用变得更加容易。当前，前端框架种类繁多，其中一些最受欢迎的框架包括React、Vue.js、Angular、Bootstrap和Foundation等。提示：以下是本篇文章正文内容，下面案例可供参考除了上述框架之外，还有许多其他优秀的前端框架可供选择，如Svelte、Ember、Mithril等。开发者在选择框架时，应根据项目的复杂度、功能需求、性能要求以及团队的技术栈和偏好来综合考虑。
前端框架有哪些？
A_aspectJ的博客
09-05 1787
前端框架是一种用于简化Web开发的工具，它提供了一套预定义的代码和组件，可帮助开发人员快速构建用户界面。目前，流行的前端框架有很多，其中最受欢迎的包括：
前端框架介绍
m0_70066267的博客
09-03 1798
React是由Facebook开发的一个用于构建用户界面的JavaScript库。它最初于2011年推出，并迅速成为前端开发的热门选择。React以其组件化的架构和高效的虚拟DOM（Document Object Model，文档对象模型）而著称，能够显著提升Web应用程序的性能和可维护性。
前端几种常见框架【第一节】
yang_xs的博客
09-04 756
最近比较忙，本人在复习软考中级设计考试，所以本系列文从零基础开始复习软考到结束软考（计算机技术与软件专业技术资格考试）作为国家级职业资格认证考试，不仅在IT行业中享有高度认可，能够为考生提供职业竞争力的提升、职称评定、知识体系的全面掌握等诸多益处，还可以增强个人的行业影响力和技术能力，通过其国家认证的资质，帮助考生在职场中脱颖而出；软考证书在国有企业、事业单位等岗位的招聘、升职、职称评定方面发挥了重要作用，并且为个人的职业发展提供了清晰的指导和支持，助力个人进行更有效的职业规划。
【Unity精品插件】Easy Save v3.5.16 最新版
最新发布
09-08
Easy Save：简化 Unity 游戏数据存储与加载 一、Easy Save 简介 Easy Save 是专门为 Unity 开发者设计的一款数据存储和加载工具。它旨在简化数据保存和恢复的过程，使开发者能够专注于游戏的核心逻辑，而不必在数据管理上花费过多的精力。 二、主要特点 （一）多种数据类型支持 支持几乎所有常见的数据类型，包括整数、浮点数、字符串、数组、字典、自定义类等。 例如，可以轻松保存玩家的得分、等级、装备信息以及游戏中的各种配置参数。 （二）简单易用的 API 提供了简洁直观的 API 接口，只需几行代码就能实现数据的保存和加载。 （三）跨平台兼容性 能够在不同的平台上（如 Windows、Mac、Android、iOS 等）保持一致的性能和功能，确保玩家在不同设备上的游戏体验连贯。 （四）加密选项 提供数据加密功能，保障玩家数据的安全性和隐私性。
中南财经政法大学在广东2021-2024各专业最低录取分数及位次表.pdf
09-08
全国各大学在广东省2021~2024年各专业最低录取分数及位次
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值