掌握Filter的高级技巧，做最强王者！

最新推荐文章于 2024-05-12 22:40:26 发布
最新推荐文章于 2024-05-12 22:40:26 发布
阅读量501 收藏 1
点赞数 23
分类专栏： JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_68390957/article/details/134661232
版权

掌握Filter的高级技巧，做最强王者！

前言

在JavaScript的开发中，Filter是非常常用的一个方法，可以帮助我们筛选出数组中的数据，以及依据特定条件对数据进行处理。但是如果只是简单的使用Filter，就会错失很多高级技巧。本文将带您深入了解Filter，为您打开JavaScript的新世界！

使用Filter来搜索数据

通过将Filter和SearchView结合使用，可以在列表中实现实时搜索。可以编写一个自定义Filter实现这个目的。
要在列表中实现实时搜索，可以使用SearchView和Filter结合使用。根据用户的输入实时过滤数据。下面是实现该功能的步骤：

  1. 将SearchView添加到布局文件中。
  2. 在Activity或Fragment中，设置SearchView的监听器来处理用户的搜索请求。
  3. 编写一个自定义Filter实现过滤器的功能。
  4. 将Filter应用到列表的列表适配器中。

下面是具体的代码实现：

  1. 将SearchView添加到布局文件中。
<SearchView
    android:id="@+id/searchView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
  1. 在Activity或Fragment中，设置SearchView的监听器来处理用户的搜索请求。
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
    @Override
    public boolean onQueryTextSubmit(String query) {
        return false;
    }

    @Override
    public boolean onQueryTextChange(String newText) {
        adapter.getFilter().filter(newText);
        return false;
    }
});
  1. 编写一个自定义Filter实现过滤器的功能。
public class MyFilter extends Filter {
    private List<MyObject> objects;
    private List<MyObject> filteredObjects;

    public MyFilter(List<MyObject> objects) {
        this.objects = objects;
        this.filteredObjects = new ArrayList<>(objects);
    }

    @Override
    protected FilterResults performFiltering(CharSequence constraint) {
        filteredObjects.clear();

        if (constraint.length() == 0) {
            filteredObjects.addAll(objects);
        } else {
            String filterPattern = constraint.toString().toLowerCase(Locale.getDefault()).trim();
            for (MyObject object : objects) {
                if (object.getName().toLowerCase(Locale.getDefault()).contains(filterPattern)) {
                    filteredObjects.add(object);
                }
            }
        }

        FilterResults filterResults = new FilterResults();
        filterResults.values = filteredObjects;
        filterResults.count = filteredObjects.size();
        return filterResults;
    }

    @Override
    protected void publishResults(CharSequence constraint, FilterResults results) {
        adapter.setMyObjects((List<MyObject>) results.values);
    }
}
  1. 将Filter应用到列表的列表适配器中。
public class MyAdapter extends RecyclerView.Adapter<MyViewHolder> implements Filterable {
    private List<MyObject> myObjects;
    private List<MyObject> filteredObjects;
    private MyFilter myFilter;

    public MyAdapter(List<MyObject> myObjects) {
        this.myObjects = myObjects;
        this.filteredObjects = new ArrayList<>(myObjects);
        this.myFilter = new MyFilter(myObjects);
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        ...
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        ...
    }

    @Override
    public int getItemCount() {
        return myObjects.size();
    }

    public void setMyObjects(List<MyObject> myObjects) {
        this.myObjects = myObjects;
        notifyDataSetChanged();
    }

    @Override
    public Filter getFilter() {
        return myFilter;
    }
}

这样，当用户在SearchView中输入文本时，会调用自定义Filter的performFiltering方法来实时过滤列表数据，并调用publishResults方法来更新列表适配器的数据源。

实现多个Filter功能

有时候需要通过多个Filter来对数据进行筛选，比如在电商应用中，可以按照价格、品牌、颜色等多个属性来筛选商品。可以扩展Filter类来实现多个Filter功能。
可以通过以下步骤来实现多个Filter功能：

  1. 定义一个基础Filter类，包含一个apply方法，接收数据并返回筛选后的结果。
public abstract class Filter<T> {
    public abstract List<T> apply(List<T> data);
}
  1. 创建多个子类继承基础Filter类，每个子类实现自己的筛选逻辑。
public class PriceFilter extends Filter<Product> {
    private BigDecimal minPrice;
    private BigDecimal maxPrice;

    public PriceFilter(BigDecimal minPrice, BigDecimal maxPrice) {
        this.minPrice = minPrice;
        this.maxPrice = maxPrice;
    }

    @Override
    public List<Product> apply(List<Product> data) {
        // 筛选价格在[minPrice, maxPrice]之间的商品
        return data.stream().filter(p ->
                p.getPrice().compareTo(minPrice) >= 0 && p.getPrice().compareTo(maxPrice) <= 0
        ).collect(Collectors.toList());
    }
}

public class BrandFilter extends Filter<Product> {
    private String brand;

    public BrandFilter(String brand) {
        this.brand = brand;
    }

    @Override
    public List<Product> apply(List<Product> data) {
        // 筛选品牌为指定品牌的商品
        return data.stream().filter(p -> p.getBrand().equals(brand)).collect(Collectors.toList());
    }
}
  1. 在应用中按照需要创建Filter实例，并依次调用apply方法对数据进行筛选。
List<Product> products = Arrays.asList(
        new Product("iPhone X", "Apple", new BigDecimal("6999")),
        new Product("Galaxy S8", "Samsung", new BigDecimal("3999")),
        new Product("Mi 8", "Xiaomi", new BigDecimal("2699"))
);

Filter<Product> priceFilter = new PriceFilter(new BigDecimal("3000"), new BigDecimal("6000"));
Filter<Product> brandFilter = new BrandFilter("Apple");

List<Product> filteredProducts = brandFilter.apply(priceFilter.apply(products));

在上面的例子中，先使用PriceFilter筛选价格在[3000, 6000]之间的商品，然后再使用BrandFilter筛选品牌为Apple的商品。最后得到的filteredProducts就是符合条件的商品列表。

自定义Filter的排序方式

默认情况下，Filter会按照数据的原始顺序进行排序，但是有时候需要按照自定义的顺序进行排序。可以重写Filter的方法来实现自定义排序。
具体步骤如下：

  1. 创建一个实现了Filter接口的类，重写其doFilter方法。

  2. 在doFilter方法中按照自定义的方式对数据进行排序。

  3. 将排序后的数据放入FilterChain中。

  4. 调用FilterChain的doFilter方法，依次执行下一个Filter或者Servlet。

示例代码如下：

public class CustomFilter implements Filter {
    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        // 从request中获取数据
        List<String> dataList = getDataList(request);

        // 自定义排序
        Collections.sort(dataList, new Comparator<String>() {
            @Override
            public int compare(String o1, String o2) {
                // 按照长度升序排序
                return o1.length() - o2.length();
            }
        });

        // 将排序后的数据放入FilterChain中
        for (String data : dataList) {
            request.setAttribute("data", data);
            chain.doFilter(request, response);
        }
    }

    private List<String> getDataList(ServletRequest request) {
        // 从request中获取数据
        return new ArrayList<>();
    }
}

在上述代码中，我们重写了doFilter方法，首先从request中获取数据，然后按照自定义的方式进行排序，最后将排序后的数据放入FilterChain中，并依次执行下一个Filter或者Servlet。此处以将数据按照长度升序排序为例进行演示。

缓存Filter的结果

如果数据量很大，每次都重新计算Filter的结果会很耗时，可以使用缓存机制来提高效率。可以在自定义的Filter中添加缓存机制。
实现方式有多种，下面介绍其中一种基于HashMap的实现方式：

  1. 定义一个静态的HashMap变量来存储Filter结果，例如：
private static Map<String, Object> cacheMap = new HashMap<>();
  1. 在Filter的doFilter方法中，先判断缓存中是否已经存在符合条件的结果，如果存在，则直接返回缓存的结果：
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
    // 判断缓存中是否已经存在符合条件的结果
    String cacheKey = getCacheKey(request);
    Object cachedResult = cacheMap.get(cacheKey);
    if (cachedResult != null) {
        writeResponse(response, cachedResult.toString());
        return;
    }
    // 如果缓存中不存在结果，则执行Filter的逻辑
    // ...
}

其中，getCacheKey方法可以根据请求参数生成一个唯一的缓存Key。

  1. 在Filter的逻辑执行完后，将结果存储到缓存中：
// 将结果存储到缓存中
cacheMap.put(cacheKey, result);
  1. 还需要设计缓存的失效时间，防止缓存数据过期，可以使用定时任务或者定时清理过期缓存。

需要注意的是，在使用缓存机制时，需要考虑缓存和数据库数据的同步问题。如果缓存中的数据与数据库中的数据不一致，可能会造成数据的错误。可以考虑使用缓存更新策略，例如在新增、修改、删除等操作时，先更新数据库，再更新缓存。

使用AsyncTask实现异步Filter

有时候需要对大量数据进行Filter，如果在主线程中执行会导致界面卡顿，可以使用AsyncTask来在后台线程中执行Filter操作，避免界面卡顿。
下面是一个使用AsyncTask实现异步Filter的示例：

public class MyFilterTask extends AsyncTask<Void, Void, List<String>> {
    private List<String> mData;
    private String mFilter;

    public MyFilterTask(List<String> data, String filter) {
        mData = data;
        mFilter = filter;
    }

    @Override
    protected List<String> doInBackground(Void... voids) {
        List<String> result = new ArrayList<>();
        for (String item : mData) {
            if (item.contains(mFilter)) {
                result.add(item);
            }
        }
        return result;
    }

    @Override
    protected void onPostExecute(List<String> filteredData) {
        // 将过滤后的数据返回给UI线程进行展示
        // ...
    }
}

在使用时，我们可以在主线程中执行：

new MyFilterTask(data, filter).execute();

其中，data是要进行Filter的数据列表，filter是过滤的条件。在doInBackground方法中，我们可以使用for循环遍历数据，对每个数据进行Filter操作，将符合条件的数据添加到结果列表中。在onPostExecute方法中，我们将过滤后的数据返回给UI线程进行展示。由于doInBackground方法是在后台线程中执行的，因此不会影响界面的响应性能。

实现自动完成功能

可以结合Filter和AutoCompleteTextView来实现自动完成功能。当用户输入内容时，根据输入内容过滤数据并显示匹配的选项。可以编写自定义Filter和自定义AutoCompleteTextView来实现这个功能。
首先，需要定义一个数据源，可以是一个数组或者从网络上获取的数据。然后创建一个自定义Filter类，它负责过滤数据源并返回匹配的结果。最后，在布局文件中添加一个AutoCompleteTextView，设置其Adapter和Filter。

以下是一个简单的实现步骤：

  1. 定义一个字符串数组作为数据源：
String[] data = {"Apple", "Banana", "Cherry", "Durian", "Elderberry", "Fig", "Grape"};
  1. 创建一个自定义Filter类：
public class MyFilter extends Filter {
    private List<String> mData;

    public MyFilter(List<String> data) {
        super();
        this.mData = data;
    }

    @Override
    protected FilterResults performFiltering(CharSequence constraint) {
        FilterResults results = new FilterResults();
        if (TextUtils.isEmpty(constraint)) {
            results.values = mData;
            results.count = mData.size();
        } else {
            List<String> filteredList = new ArrayList<>();
            for (String item : mData) {
                if (item.toLowerCase().contains(constraint.toString().toLowerCase())) {
                    filteredList.add(item);
                }
            }
            results.values = filteredList;
            results.count = filteredList.size();
        }
        return results;
    }

    @Override
    protected void publishResults(CharSequence constraint, FilterResults results) {
        if (results.count > 0) {
            mData = (List<String>) results.values;
            notifyDataSetChanged();
        } else {
            notifyDataSetInvalidated();
        }
    }
}
  1. 创建一个自定义AutoCompleteTextView类：
public class MyAutoCompleteTextView extends AppCompatAutoCompleteTextView {
    private MyFilter mFilter;

    public MyAutoCompleteTextView(Context context) {
        super(context);
        init();
    }

    public MyAutoCompleteTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyAutoCompleteTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mFilter = new MyFilter(new ArrayList<>(Arrays.asList(data)));

        setAdapter(new ArrayAdapter<>(getContext(), android.R.layout.simple_dropdown_item_1line, new ArrayList<>(Arrays.asList(data))) {
            @NonNull
            @Override
            public Filter getFilter() {
                return mFilter;
            }
        });
    }
}
  1. 在布局文件中使用该自定义AutoCompleteTextView：
<com.example.MyAutoCompleteTextView
    android:id="@+id/autoCompleteTextView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:completionThreshold="1"
    android:hint="Type a fruit name..." />

在这里，设置了completionThreshold为1表示只要用户输入一个字符就开始自动补全。

这样，用户在输入字符时，AutoCompleteTextView会根据输入内容，调用Filter类过滤数据源，然后显示匹配的选项。

使用LiveData和ViewModel实现Filter

LiveData和ViewModel可以帮助我们实现更加优秀的UI设计，可以使用LiveData和ViewModel结合Filter来实现更加灵活和易于维护的筛选功能。
首先，我们需要创建一个ViewModel类来保存筛选状态和数据：

class FilterViewModel : ViewModel() {
    val filterLiveData = MutableLiveData<Filter>()

    fun applyFilter(filter: Filter) {
        filterLiveData.value = filter
    }
}

在这个ViewModel类中，我们使用了一个MutableLiveData对象来保存筛选器状态。当用户更改筛选器状态时，我们通过调用applyFilter()方法来更新LiveData对象的值。

接下来，我们需要创建一个观察LiveData的Fragment或Activity。在这个观察者中，我们需要更新UI以反映筛选器状态的变化：

class MyFragment : Fragment() {
    private lateinit var viewModel: FilterViewModel

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        viewModel = ViewModelProviders.of(this)[FilterViewModel::class.java]

        viewModel.filterLiveData.observe(viewLifecycleOwner, Observer { filter ->
            // 根据筛选器状态显示数据
            // 更新UI
        })
    }
}

注意到我们使用了LiveData的observe()方法来观察filterLiveData对象的变化，并在回调函数中更新UI。

最后，我们需要在用户更改筛选器状态时调用ViewModel的applyFilter()方法来更新LiveData的值：

class MyFragment : Fragment() {
    private lateinit var viewModel: FilterViewModel

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        viewModel = ViewModelProviders.of(this)[FilterViewModel::class.java]

        button.setOnClickListener {
            // 用户更改筛选器状态
            val filter = Filter()
            viewModel.applyFilter(filter)
        }
    }
}

在这个例子中，我们假设用户通过点击一个按钮来更改筛选器状态。当用户更改筛选器状态时，我们创建一个新的Filter对象并调用ViewModel的applyFilter()方法来更新LiveData的值。

总之，使用LiveData和ViewModel来实现筛选器可以大幅度简化代码和提高代码质量。利用LiveData可以轻松观察筛选器状态的变化，并通过ViewModel来保存和管理筛选器数据。

TechWJ
关注
  • 23
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
cma.rar_Help!_adaptive filter_cma
09-21
its help ful for learning adaptive filter I hope that you have good learning adaptive filter
Java Web之过滤器（Filter）
喻志强的博客
07-31 21万+
过滤器(Filter) 过滤器实际上就是对web资源进行拦截，做一些处理后再交给servlet。 通常都是用来拦截request进行处理的，也可以对返回的response进行拦截处理 大概流程图如下 应用场景 自动登录 统一设置编码格式 访问权限控制 敏感字符过滤等...
java过滤器Filter
热门推荐
yjclsx的博客
07-31 42万+
一、简介 Servlet中的过滤器Filter是实现了javax.servlet.Filter接口的服务器端程序，主要的用途是过滤字符编码、做一些业务逻辑判断如是否有权限访问页面等。其工作原理是，只要你在web.xml文件配置好要拦截的客户端请求，它都会帮你拦截到请求，此时你就可以对请求或响应 (Request、Response)统一设置编码，简化操作；同时还可进行逻辑判断，如用户是否已经登陆、...
filter solutions安装教程
谢谢关注“小鱼教你模数电”,各平台同号
03-13 1万+
安装步骤： 安装前先关闭杀毒软件和360卫士，注意安装路径不能有中文，安装包路径也不要有中文。 试装系统：win10 64bit 1.解压安装包 2.以管理员身份运行安装程序。 3.点击下一步。 4.点击下一步。 5.点击下一步。 6.点击I accept，然后点击下一步。 7.随意输入User name和Organization，然后点击下一步。 8.选择安装目录，注意不要有中文。 ...
掌握这9个单行代码技巧！你也能写出『高端』Python代码 ⛵
ShowMeAI研究中心
08-04 9335
单行代码(one-liner)是一种编程技巧，指将大段代码写成非常简短的形式，更加紧凑，也更加高级！本文总结了 Python 中常用的 9 个 one-linear 技巧：单行 if-else 语句、列表推导式、字典推导式、合并词典、删除列表重复元素、单行多变量赋值、列表元素筛选、字典排序（按key/按value）.....................
JS中filter()方法的使用
铁锤妹妹的博客
04-09 6万+
常见的场景：当我们从后端请求到数据列表时，我们需要对其中符合条件的数据进行筛选、当我们拿到数据，我们希望把英文首字母大写，数组去重等等。
Spring：代理Filter：DelegatingFilterProxy原理和作用
琦彦
07-08 2万+
DelegatingFilterProxy就是一个对于servlet filter的代理，用这个类的好处主要是通过Spring容器来管理servlet filter的生命周期， 还有就是如果filter中需要一些Spring容器的实例，可以通过spring直接注入， 另外读取一些配置文件这些便利的操作都可以通过Spring来配置实现。 Spring web在设计的时候考虑到某些功能的实...
Python中lambda用法和filter()函数
Microstrong
08-24 4万+
                                         “微信公众号”                        目录 1. lambda用法。 2. filter()用法。 1. lambda用法。 Python使用lambda来创建匿名函数。 lambda只是一个表达式，函数体比def简单很多。 lambda的主体是一个表达式，而不是一个代码块。仅...
Java集合Stream类filter的使用
黄嘉成的博客
05-11 32万+
之前的Java集合中removeIf的使用一文写了使用removeIf来实现按条件对集合进行过滤。这篇文章使用同样是JDK1.8新加入的Stream中filter方法来实现同样的效果。
ES系列之利用filter让你的查询效率飞起来
lucasma的博客
05-11 1万+
bool查询简介 Elasticsearch(下面简称ES)中的bool查询在业务中使用也是比较多的。在一些非实时的分页查询，导出的场景，我们经常使用bool查询组合各种查询条件。 Bool查询包括四种子句， must filter should must_not 我这里只介绍下must和filter两种子句，因为是我们今天要讲的重点。其它的可以自行查询官方文档。 must， 返回的文档必须满足must子句的条件，并且参与计算分值 filter， 返回的文档必须满足filter子句的条件。但是跟Mus
Struts2 严重: Exception starting filter 记得换jar!
路人也是身边人的博客
11-03 6740
巨坑呐，遇见这个问题,jar也都导了，代码检查来检查去，我一个入门的例子，才几个页面要不要这么坑！ 各种百度我去，各种解决办法实施，都毫无用处。 后面重新下载了一个struts2的jar包更换后有用了，之前用的是struts-2.5.13，不知道是包的问题还是我自己弄坏了，后面换成struts-2.3.14，重新导入进WEB-INF/bin里面就行了。 遇见这个问题先检查你该导的包导进去没有别
08.高级筛选器Filter函数共8页.pdf.zip
11-19
08.高级筛选器Filter函数共8页.pdf.zip
java-filter.zip_Action!
09-21
1、拦截器是基于java的反射机制的，而过滤器是基于函数回调 2、过滤器依赖与servlet容器，而拦截器不依赖与servlet容器 3、拦截器只能对action请求起作用，而过滤器则可以对几乎所有的请求起作用 ...
Python中使用filter过滤列表的一个小技巧分享
12-20
有的时候使用dir(Module)，可以查看里面的方法，但是模块自带的属性”__”开头的也会显示，如下: >>> import random >>> dir(random) ['BPF', 'LOG4', 'NV_MAGICCONST', 'RECIP_BPF', 'Random', 'SG_MAGICCONST', '...
10条PHP高级技巧[修正版]
01-20
可以总结为：filter input, escape output (FIEO).　输入过滤，输出转义。 通常导致SQL注射漏洞的原因是没有对输入进行过滤，如下语句： 复制代码 代码如下: <?php $query = “SELECT * FROM users WHERE name =...
TypeScript中的函数类型注解：精确定义行为与意图
逐星的博客
05-11 317
在TypeScript中，函数不仅是一段执行特定任务的代码块，它们还可以拥有自己的类型。函数类型注解允许开发者定义函数的参数类型和返回值类型，从而提高代码的可读性和可维护性。函数类型注解是TypeScript中定义函数时的重要特性，它有助于确保函数参数和返回值符合预期，从而提高代码的准确性和安全性。
React中JSX语法入门
woliuhuaqiangla的博客
05-12 555
通过使用大括号{}，可以在JSX中使用任何有效的JavaScript表达式，包括变量、函数调用、算术运算和条件语句等。JSX将HTML标签和JavaScript代码结合在一起，可以在其中使用JavaScript表达式，并且可以通过使用大括号{}来嵌入JavaScript代码。通过使用JSX，我们可以在JavaScript代码中嵌入HTML标记，从而更容易地构建可复用的UI组件。在React中的JSX中，也可以使用任何有效的JavaScript表达式，包括变量、函数调用、算术运算、条件语句等。
前端Vue架构
最新发布
weixin_45678402的博客
05-12 132
defineProperty：监听范围比较窄，只能通过属性描述符去监听已有属性的读取和赋值；兼容性较差，只能兼容支持ES6 的浏览器（要求监听数据是对象）这样写的话，依赖收集只能收集到属性c；如果访问的属性值还是一个对象，对属性值再次进行代理；创建视图的函数（render）和数据之间的关联；当数据发生变化的时候，希望render重新执行；下面的用法，只能收集到c，收集不到c1。依赖收集：a color: #f00。依赖收集：a color: #f00。如何知晓数据对应的函数；监听数据的读取和修改；
使用 js 类封装项目中音频播放功能的工具方法utils
qq_40868156的博客
05-07 204
封装音频播放功能的工具方法，js，es6，前端，工程化
js中filter的高级用法
05-11
除了基本用法外，`filter()` 方法还有一些高级用法，下面让我们来一一介绍。 ### 1. 使用箭头函数简化语法 当回调函数只有一行代码时，可以使用箭头函数简化语法。例如： ```javascript const arr = [1, 2, 3, 4,...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TechWJ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值