前面给大家介绍过☞R中的替换函数gsub，还给大家举了一个临床样本分类的具体例子。今天我们接着来分享一下如何根据已有的映射关系来对数据框中的数据进行替换。...例如将数据框中的转录本ID转换成基因名字。我们直接结合这个具体的例子来进行分享。...接下来我们要做的就是将第四列中的注释信息，从转录本ID替换成相应的基因名字。我们给大家分享三种不同的方法。..._.*","\\1",bed$V4) #获取转录本号对应的基因名字 symbol=mapping[NM,1] 方法一、使用最原始的gsub函数 #先将bed文件中的内容存放在result1中 result1...参考资料： ☞R中的替换函数gsub ☞正则表达式 ☞使用R获取DNA的反向互补序列
逐字渲染的挑战最近在开发AI聊天助手的时候，遇到了一个很有趣的滚动问题。我们需要开发一个类似微信聊天框的交互体验：每当聊天框中展示新消息时，需要将聊天框滚动到底部，展示最新消息。...如果在 web 什么也不做，聊天体验可能是这样的，需要用户手动滚动到最新消息：试想一下如何在 web 中实现微信的效果。每当聊天框中接收到新消息时，都需要调用滚动方法滚动到消息底部。...自然列表：灵感来源聊天框接收到新消息时滚动到最新位置，总感觉这应该是一个很自然的行为，不需要这么多 Javascript 代码去实现滚动行为。...于是联想到了 Excel 表格，当我们在表格中第一行插入一行，这一行后边的内容会被很自然的挤下去。并不需要做什么滚动，这一行就会出现在最顶部的位置。...聊天框的父组件也完全不知道自己的子节点被转了又转。总结最后总结一下，我们通过两行 CSS 代码 + 反转滚动行为，利用浏览器的默认行为完美的实现了 AI 聊天框中的滚动体验。
知识汇总： 1：移动光标 h j k l ：对应左下上右， e ：移动到下一个单词的末尾 w：动到下一个单词的开头 Ctrl + e 向下滚动一行 Ctrl + y 向上滚动一行 Ctrl + d...R 输入替换文本 ce 删除该单词，并且进入插入模式 cw 同上 c$ 删除光标到行末： :#,#s/old/new/g 其中 #,# 代表的是替换操作的若干行中首尾两行的行号。.../输入框分配一个快捷键，输入后就可以打开或者跳转到对应的输入框。...如果按的是F，那么将在新窗口中打开页面（见上图） g+i：将光标 定位到输入框，如果有多个可以按Tab键切换 x：关闭当前页面 X：恢复刚刚关闭的页面 o：相当于Chrome中的地址栏，可以匹配历史记录...g+s：查看网页的源代码 r：重新载入当前网页（顺便提一句，这点上新浪微博和它是一样的，光标没有定位在发送框时，即便没有安装这个插件你也可以用j/k来控制页面上下滚动，用r在刷新，用f或者p来定位到发送框
F3 在文件资源管理器中搜索文件或文件夹。 F4 在文件资源管理器中显示地址栏列表。 F5 刷新活动窗口。 F6 循环浏览窗口中或桌面上的屏幕元素。 F10 激活活动应用中的菜单栏。...Windows 徽标键 + R 打开“运行”对话框。 Windows 徽标键 + S 打开搜素。 Windows 徽标键 + Shift + S 获取部分屏幕的屏幕截图。...Ctrl + Home（标记模式） 将光标移动到缓冲区的起始处。 Ctrl + End（标记模式） 将光标移动到缓冲区的结尾处。 Ctrl + 向上键 在输出历史记录中上移一行。...Ctrl + Home（历史记录导航） 如果命令行为空，则将视区移动到缓冲区顶部。否则，请删除命令行中光标左侧的所有字符。...Ctrl + End（历史记录导航） 如果命令行为空，则将视区移动到命令行。 否则，请删除命令行中光标右侧的所有字符。 6. 对话框 快捷键 说明 F4 显示活动列表中的项目。
作者：zyh2668 知晓程序注： 许多购物、外卖小程序，都会做「分栏」设计，即在左侧展示商品分类、右侧展示分类下的具体商品。 如何将分类栏固定在屏幕上呢？使用 sitcky 特性，或许是个方案。...简单地说，sticky 就是标题栏的「粘粘」效果，向下滑动时跟着列表走、向上滑动到顶部时将会固定在顶部。 ?...只需要这两行就能实现，然而…… 在不同浏览器中，这个属性的兼容性，那是相当的差。 在小程序里，如何实现 sticky 效果？...但如果滑动右侧的滚动条的话，左侧的数据如何跟着变化呢？ 假如不是小程序的话，应该很多人都知道怎么做——无非就是监听滚动条，判断滚动条的位置，然后根据区域去改变左侧的选择。...一个简单的、具有 sticky 效果的商品列表页，以及分类跳转功能，就实现了。
:only|关闭所有窗口，只保留当前窗口 :bn|切换到下一个文件 :bp|切换到上一个文件 :args|查看当前打开的文件列表，当前正在编辑的文件会用[]括起来 :e ftp://192.168.10.76...$ 移动到行尾 3$ 移动到下面3行的行尾 f（find） fx将找到光标后第一个为x的字符，3fd将找到第三个为d的字符。...F 同f，反向查找 4.2.3 撤销和重做 指令 说明 u 撤销（Undo） U 撤销对整行的操作 Ctrl + r 重做（Redo），即撤销的撤销。...:11,$d 删除11行及以后所有的行 :1,$d 删除所有行 J(shift + j) 删除两行之间的空行，实际上是合并两行。...Vim教程 在Unix系统上 $ vimtutor 在Windows系统上 :help tutor 录制宏: 按q键加任意字母开始录制，再按q键结束录制（这意味着vim中的宏不可嵌套），使用的时候
显示和隐藏桌面 F2 重命名选定项 F3 在文件资源管理器中搜索文件或文件夹 F4 在文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上的屏幕元素 F10 激活活动应用中的菜单栏...（在可全屏显示并允许你同时打开多个文档的应用中） Ctrl + A 选择文档或窗口中的所有项目 Ctrl + D（或 Delete） 删除所选的项目，将其移至回收站 Ctrl + R（或 F5） 刷新活动窗口...+ End（标记模式） 将光标移动到缓冲区结尾处 Ctrl + 向上键 在输出历史记录中上移一行 Ctrl + 向下键 在输出历史记录中下移一行 Ctrl + Home（历史记录导航） 如果命令行为空...，则将视区移动到缓冲区顶部。...对话框键盘快捷方式 按键 操作 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡中向前移动 Ctrl + Shift + Tab 在选项卡中向后移动 Ctrl + 数字（数字 1–9） 移动到第
行定位：使用:n移动到第n行。如:10快速移动到第10行。 zz将光标移动到屏幕中间，zb将光标移动到屏幕底部，zt将光标移动到屏幕顶部。...将上述操作中的d更换为c后，表示，删除之后进入Insert模式。 y指yank，复制，将上述操作中的d更换为y后，表示复制内容 使用r加特定字符，代替原来光标位置的字符。如a使用rb后，文本变为b。...重做使用r>。 复制使用yy复制整行，也可以使用yi'复制引号中的内容等。 粘贴使用p。 "*y复制内容到系统剪切板。 "*p粘贴系统剪切板中的内容。 使用:reg列出寄存器列表。...移动 移动与在编辑器中的移动有很大的相似，有部分简化，部分删除。 在编辑器中上移半页，在网页中，只需要u就可以上移半页，d为下移半页。 移动特定行之类的在网页中，不存在此类操作。...刷新页面：使用r刷新页面。 gf选择下一个frame。 在当前页面查找内容，使用/后接需要搜索的内容，类似于Chrome的快捷键。使用n定位到下一个，使用N定位到上一个。 搜索框。
此时，实际上页面顶部是离开了我们的视口一部分距离的（我们看到界面中消失了一行输入框）。 键盘收起时页面无法还原归位 然而当用户输入完成关闭键盘后，键盘虽然收起了，但页面位置却不会还原。...要解决这个问题，我们可以在用户光标离开输入框的时候，调用 window.scrollTo(0, 0) 来把页面滚动到跟视口顶部对齐，从而实现页面归位的效果。...那么现在问题就是要给表单中 4 个输入框全部加上 blur 事件，然后在 handler 中调用 window.scrollTo。...这样的话，在 blur 时会触发我们的 window.scrollTo(0,0) 导致页面往下滚一下，接着 姓名输入框 聚焦，于是键盘继续弹起---这导致页面再次向上移动。...即将页面滚动到视窗顶部对齐 console.log('设置timer') this.timer = setTimeout(() => {
开发ERP系统的时候经常会用到部门树列表，页面主要由搜索框、顶部部门面包屑、多层级部门列表组成，部门列表项由不么名称和下一级右边箭头组成，点击部门名称区域可以回传部门数据到上一个页面，点击下一级箭头按钮可以展示下一级部门列表...1、加载部门数数据部门树数据由多个部门信息对象组成，部门对象中包含下级部门数组，里面可能会嵌套多个子级部门对象，这里用的json数据如下：[ { "DepartCode": 0, "DepartNo...DepartLevel": 1, "DepartStatusName": "", "DepartmentListZtree": [] } ] }]2、自定义顶部输入框顶部输入框由...Text和右箭头图标Image组件，点击部门名称，部门列表展示当前点击部门的所有子部门数据，具体代码如下：/** * 构建顶部部门面包屑 */@BuilderBuildTopDep() { Scroll...方法中接收回传数据，通过router.getParams()可以拿到回传参数，params['depBean']可以拿到部门对象数据，depBean对应的回传参数的Key. onPageShow():
将光标移动到缓冲区的末尾 Ctrl + 向上键 在输出历史记录中向上移动一行 Ctrl + 向下键 在输出历史记录中向下移动一行 Ctrl + Home（历史记录导航） 如果命令行为空，则将视口移动到缓冲区顶部...对话框键盘快捷方式 按此键 执行此操作 F4 显示活动列表中的项目 Ctrl + Tab 在选项卡上向前移动 Ctrl + Shift + Tab 在选项卡上向后移动 Ctrl + 数字（数字 1 到...以下是 Windows 10 中内置的某些 Microsoft 应用中常见的键盘快捷方式。这包括 Microsoft Edge、计算器、游戏栏、Groove、地图、画图、照片、音乐和电视以及写字板。...打开或关闭计算历史记录 向上键 在“历史记录”列表中上移 向下键 在“历史记录”列表中下移 Ctrl + Shift + D 清除历史记录 F3 在“科学型”模式下选择 DEG F4 在“科学型”模式下选择...下面是 Windows 10 中辅助技术的键盘快捷方式列表，包括“放大镜”、“高对比度”等。
Shift-Command-R 打开“隔空投送”窗口。...Option-Command-T 在当前“访达”窗口中有单个标签页开着的状态下显示或隐藏工具栏。 Option-Command-V 移动：将剪贴板中的文件从原始位置移动到当前位置。...这个快捷键仅在列表视图中有效。 左箭头 关闭所选文件夹。这个快捷键仅在列表视图中有效。 Option-连按 在单独的窗口中打开文件夹，并关闭当前窗口。...按住 Command 键拖移 将拖移的项目移到其他宗卷或位置。拖移项目时指针会随之变化。 按住 Option 键拖移 拷贝拖移的项目。拖移项目时指针会随之变化。...按住 Option-Command 键拖移 为拖移的项目制作替身。拖移项目时指针会随之变化。 按住 Option 键点按开合三角 打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。
这同样适用于 Finder 中的文件。 Command-V 将剪贴板的内容粘贴到当前文稿或应用中。这同样适用于 Finder 中的文件。 Command-Z 撤销前一个命令。...Option-Command-T 在当前 Finder 窗口中有单个标签页开着的状态下显示或隐藏工具栏。 Option-Command-V 移动：将剪贴板中的文件从原始位置移动到当前位置。...这个快捷键仅在列表视图中有效。 左箭头 关闭所选文件夹。这个快捷键仅在列表视图中有效。 Option-连按 在单独的窗口中打开文件夹，并关闭当前窗口。...拖移时按 Command 键 将拖移的项目移到其他宗卷或位置。拖移项目时指针会随之变化。 拖移时按住 Option 键 拷贝拖移的项目。拖移项目时指针会随之变化。...拖移时按住 Option-Command 为拖移的项目制作替身。拖移项目时指针会随之变化。 Option-点按开合三角形 打开所选文件夹内的所有文件夹。这个快捷键仅在列表视图中有效。
通过onScrollFrameBegin事件计算实时滚动量，滚动整个页面，使上方精选布局滚动，如果页面已滚动到底部，列表不在顶部或列表有正向偏移量，则使页面上方精选部分自动上滑，功能列表置顶。...通过ForEach遍历出来的功能目录，与ForEach遍历出来的详细菜单列表，目录与内容两者的index值一致，两个分属不同的List列表，可以关联不同的Scroll值，可以通过scrollToIndex...List顶部，1代表中间值，2代表滚动到List底部。 ...@State scrollPosition: number = ScrollPosition.start; // 0代表滚动到页面顶部，1代表中间值，2代表滚动到页面底部。 ...onAnimationStart的效果为当滑动到一半不足以滑动到下一页，高度回弹，能够使高度以动画的效果回弹到未滑动前的高度。
要想上移或者下移一个字符，你可以按ctrl-P和ctrl-N。左移或右移一个字符，按ctrl-B和ctrl-F。这样等同于按下方向键，但是一些人不喜欢把他们的手移到方向键的位置。...这会弹出一个对话框问你想要跳到哪一行。你同样可以使用row:column语法来跳到那一行的某个字符。 通过符号浏览 你也可以提供更多的信息来跳转。要想跳到一个方法声明之类的符号，按下cmd-r。...它会打开一个列表，包含当前文件中所有的符号，你可以通过cmd-t进行模糊查找。使用cmd-shift-r来查找存在于整个项目中的符号。...通过安装ctags，并且从命令行中，在你的项目根目录下运行ctags -R src/这样的命令，来生成文件。 如果你在Mac中使用Homebrew，运行brew install ctags来安装。...通过按下ctrl-F2，你可以看到当前项目中的所有书签的列表，并可以快速筛选它们，跳到任何一个书签的位置。 书签功能在atom/bookmarks包中实现。
大厂技术 坚持周更 精选好文 问题 问题描述： 在ios手机中，当页面中包含有输入框时，点击输入框，键盘弹起，会让页面中被fixed的元素失效。所以造成了底部吸底和顶部吸顶的元素错位的问题。...最终决定优化的点： 经过一番调研，在我搜集到的可行方法中，结合有限的时间因素，在和ui协调之后，将这3个优化点变成了下面这3个优化点。...但是，触发键盘上的收起按钮键盘时，输入框并不会失去焦点，同样软键盘收起。 ? ? 2、为什么fixed会失效 既然ios键盘弹起时，页面会上移，那么为什么fixed会失效呢。...这其实可能只适用于我这种情景，这个解决办法的原理是：scrollIntoView(true)想让输入框的顶部滚动到与可视区顶部齐平的效果，但是由于ios键盘弹起之后最大滚动距离等于键盘的高度，所以，通过这个方法会让...解决办法： 当键盘收起时，加入下面其中一种办法就可以解决 滚动到顶部 window.scrollTo(0,0) 滚动到底部 window.scrollTo(0, Math.max(document.body.clientHeight
(firstIndex) 拿具体例子来说明，我们用一个数组来维护需要渲染到页面中的数据。...但此时，对比上面这个粗暴的方案，我们的方案是：这 10个新的数据元素，我们用原来已有的 DOM 元素去渲染，替换掉已经离开视窗、不可见的数据元素；而本该由更多 DOM 元素进一步撑开容器高度的部分，我们用...获取滚动距离，然后： 设置父元素的 translate 来实现整体内容的上移（下移）； 再基于这个滚动距离进行相应计算，得知相应子元素已经被滚动到视窗外，并且判断是否应该将这些离开视窗的子元素移动到末尾...这就像是一个循环队列一样，随着滚动的进行，顶部元素先出视窗，但又将移动到末尾，从而实现无限下拉。...这看起来与实际业务场景有些不符。解决思路： 思路 1、利用 Skeleton Screen Loading 来同步渲染数据元素，不受数据异步获取的影响。
在“ 自动响应程序”选项卡底部，“ 规则编辑器”下： 在顶部字段中输入匹配规则(官方资料)。...*/api/lottery/tickets） 在底部字段中输入操作字符串。 选择活动规则 要启用或禁用规则，请单击规则旁边的复选框。...设置规则优先级 要在规则集中更改规则的优先级： 从“ 自动响应” 规则集中选择一个规则。 在规则集中上下移动规则： 单击规则并将其拖动到规则集中的正确位置。...按 + 在列表中上移规则，或按 - 在列表中下移规则。
Fn-左箭头Home:滚动到文稿开头 Fn-右箭头End:滚动到文稿末尾 Command-上箭头将插入点移至文稿开头。...Option- Command-V移动:将剪贴板中的文件从原始位置移动到当前位置。 Option- Command-Y显示所选文件的快速查看幻灯片显示。...这个快捷键仅在列表视图中有效 左箭头关闭所选文件夹。这个快捷键仅在列表视图中有效 Option-连按在单独的窗口中打开文件夹,并关闭当前窗口。 Command-连按在单独的标签页或窗口中打开文件夹。...按住 Command键拖移将拖移的项目移到其他宗卷或位置。拖移项目时指针会随之变化。 按住 Option键拖移拷贝拖移的项目。拖移项目时指针会随之变化。...按住 Option- Command键拖移为拖移的项目制作替身。拖移项目时指针会随之变化。 按住 Option键点按开合三角打开所选文件夹内的所有文 件夹。这个快捷键仅在列表视图中有效。
这同样适用于 Finder 中的文件。 Command-V将剪贴板的内容粘贴到当前文稿或 app 中。这同样适用于 Finder 中的文件。Command-Z撤销前一个命令。...Fn–左箭头开头：滚动到文稿开头。Fn–右箭头结尾：滚动到文稿末尾。Command–上箭头将插入点移至文稿开头。Command–下箭头将插入点移至文稿末尾。...Command-Option-V移动：将剪贴板中的文件从其原始位置移动到当前位置。...拖移时按 Command 键将拖移的项目移到其他宗卷或位置。拖移项目时指针会随之变化。拖移时按 Option 键拷贝拖移的项目。拖移项目时指针会随之变化。...拖移时按 Command-Option为拖移的项目制作替身。拖移项目时指针会随之变化。Option-点按伸缩三角形打开所选文件夹内的所有文件夹。此快捷键仅在列表视图中有效。
云服务器
ICP备案
实时音视频
即时通信 IM
云直播
