virtual--总是忘记的逻辑关系

#include <iostream>
using namespace std;
class A
{
    public:
        A(){cout << "This is A" << endl;}
        virtual ~A(){cout << "This is ~A" << endl;}
        virtual void PureV()= 0;
        virtual void boo() {cout << "A::boo" << endl;}
        void foo() {bar();}
    private:
        virtual void bar(){cout << "A::bar" << endl;}
};
class B: public A
{
    public:
        B(){cout << "This is B" << endl;}
        virtual ~B(){cout << "This is ~B" << endl;}
        void PureV() {cout << "B::PureV" << endl;}
        void boo() {cout << "B::boo" << endl;}
    private:
        virtual void bar(){cout << "B::bar" << endl;}
};
int main()
{
    A* a = new B();
    a->PureV();
    a->boo();
    a->foo();
    delete a;
    return 0;
}

输出顺序:

This is A
This is B
B::PureV
B::boo
B::bar
This is ~B
This is ~A

基础的东西很奇妙~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-virtual-scroller 是 Vue.js 的一个开源库,专门用于高效地渲染大量数据列表而不会导致性能下降。它通过只渲染当前可视区域的数据项并利用滚动事件动态加载新数据,来减少内存消耗和提高用户体验。 ### Vue-virtual-scroller 的核心特性: 1. **懒加载**:Vue-virtual-scroller 只渲染当前屏幕可以看见的部分,当用户滚动到屏幕之外的数据项时,才开始加载新的数据。这极大地减少了初始渲染和后续更新时的计算量,提高了应用的响应速度和性能。 2. **自定义渲染**:你可以自由定制每个显示项的渲染方式。这意味着你可以根据需要调整元素的样式、大小等属性,以及实现复杂的交互逻辑。 3. **配置简单**:尽管功能强大,但 Vue-virtual-scroller 的配置相对简洁明了。开发者只需提供数据源和基本的模板结构,即可让大规模数据的展示变得流畅无阻。 4. **兼容性和灵活性**:该库与其他 Vue 库集成良好,容易与其他组件一起工作。同时,它支持多种浏览器环境,并能够适应各种设备和屏幕尺寸。 ### 使用步骤: 1. **安装**:首先,你需要通过 npm 或者 yarn 将 Vue-virtual-scroller 添加到项目中: ``` npm install vue-virtual-scroller ``` 2. **引入**:然后,在你的 Vue 组件中导入 `VirtualScroller` 和其相关组件。 ```javascript import VirtualScroller from 'vue-virtual-scroller'; import { ScrollerItem } from 'vue-virtual-scroller'; ``` 3. **添加到组件中**:将 `VirtualScroller` 添加到你的组件中,并设置必要的属性如 `items`(你要渲染的数据数组)和 `itemSize`(单个项目所占的高度)。 ```javascript <template> <div> <virtual-scroller :items="data" item-size="50"> <scroller-item slot-scope="{ item }"> {{ item.title }} </scroller-item> </virtual-scroller> </div> </template> script> export default { data() { return { data: [...], // 初始化你的数据集 }; }, }; </script> ``` 4. **配置和优化**:根据你的需求,调整 `itemSize`、设置是否启用自动滚动等选项,进一步优化用户体验。 ### 相关问题 - Vue-virtual-scroller: 1. **如何优化 Vue-virtual-scroller 的性能?** 2. **如何实现 Vue-virtual-scroller 中的异步数据加载?** 3. **Vue-virtual-scroller 是否支持虚拟滚动的多种样式和布局?**
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值