Remain 用法


下面就remain作动词时的用法进行总结说明,大家一起来看看。


一、作不及物动词用


1.表示“剩下”、“仍有”,只能用于主动语态,不可直接跟宾语。例如:


①They had all those that remained.他们把剩下的全部拿走了。


②This visit willalways remain in my memory.这次拜访将永远留在我的记忆之中。


2.表示“留下”、“逗留”,特指在他人走后留下。例如:


①They went,but I remained.他们走了,但我留了下来。


②I shall remain here all the winter.整个冬天我将留在这里。


3.表示“尚待”、“留待”,后面接被动语态的动词不定式。例如:


①One problem remains to be solved.有一个问题尚待解决。


②That remains to be proved.那尚待证实。


二、作系动词用


表示“一直保持”、“仍然(处于某种状态)”、“继续存在”、“依然”。


1.后面接名词作表语。例如:


①Language was,is and will remain the chief means of exchange of ideas.语言,过去、现在和将来依然是交流思想的主要工具。


②In spite of their quarrel,they remained the best friends.他们尽管吵过架,却仍不失为最好的朋友。


2.后面接形容词作表语。例如:


①We must always remain modest and prudent.我们必须经常保持谦虚、谨慎。


②Despite the danger,she re- mained calm.尽管危险,可她依然镇定自若。


3.后面接介词短语作表语。例如:


Victories remain with us.胜利属于我们。


4.后面接V-ing作表语。例如:


She remained standing though we repeatedly asked her to sit down.虽然我们三番五次地请她坐下,她还是站着。


5.后面接过去分词作表语。例如:


①The true author of the book remains unknown.这本书真正的作者依然不详。


②The situation remains unchanged.局势依然未变。 
### 使用 `vue-virtual-scroll-list` 实现高效表格 为了处理大数据集并保持高性能,`vue-virtual-scroll-list` 是一种理想的选择。该组件通过只渲染可见部分的数据来显著提高性能[^1]。 #### 安装依赖 首先,在项目中安装所需的包: ```bash npm install vue-virtual-scroll-list ``` #### 组件引入与注册 接着,在 Vue 文件内引入此组件,并将其作为局部或全局组件进行注册: ```javascript import VirtualScrollList from 'vue-virtual-scroll-list'; export default { components: { VirtualScrollList } } ``` #### HTML 结构配置 创建一个容器用于放置虚拟滚动列表,注意设置固定的高度以及溢出属性以便于触发垂直方向上的自动滚动生成器行为: ```html <div class="table-container"> <virtual-list :size="50" :remain="20"> <!-- 列表项模板 --> <div slot-scope="{ item }" class="list-item">{{ item.name }}</div> </virtual-list> </div> <style scoped> .table-container { max-height: 400px; overflow-y: auto; } .list-item { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; } </style> ``` 上述代码片段展示了如何构建基本的虚拟化表格布局。其中 `slot-scope` 提供了一种简洁的方式来访问每一行的数据(`item`),而不需要额外的状态管理逻辑[^3]。 #### 数据源准备 对于大型数据集而言,确保有一个合适的数据结构非常重要。通常情况下会采用如下形式的对象数组作为输入给到 `data-source` 属性上: ```json [ {"id": "1", "name": "Item One"}, {"id": "2", "name": "Item Two"} ] ``` 这些对象应当至少包含一个唯一的标识符字段(如这里的 `id`),这有助于提升组件内部的操作效率和稳定性。 #### 自定义样式调整 为了避免潜在的双重滚动条问题,可以通过 CSS 来隐藏默认滚动条或者覆盖其外观特性。例如针对 Element UI 的 Select 控件,可以这样做: ```css .virtualSelect .el-scrollbar .el-scrollbar__bar.is-vertical{ display:none !important; } ``` 同时记得为 `<el-select>` 添加相应的 `popper-class` 参数指定自定义类名以应用以上样式规则。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值