实现文件无刷新上传 《大胖 • 小课》- 玩玩多文件配多进度上传 拖拽上传 html5的出现，让拖拽上传交互成为可能，现在这样的体验也屡见不鲜，实现上也比较简单。...绑定paste事件 处理paste 事件，从event.clipboardData || window.clipboardData获得数据 将数据转换为文件items[i].getAsFile() 实现在编辑区域的光标处插入内容...//光标处插入 dom 节点 function insertNodeToEditor(editor,ele) { //插入dom 节点 var range;...//记录光标位置对象 var node = window.getSelection().anchorNode; // 这里判断是做是否有光标判断，因为弹出框默认是没有的...(ele);// 在光标位置插入该对象 } else { editor.append(ele); } } var box
= '#text') { // 创建表情文本节点进行插入 var emojiText = document.createTextNode(...emojiInput.value); // 如果文本框的子元素大于0，则表示有其他元素，则按照位置插入表情节点 if (edit.childNodes.length...// 如果是文本节点 } else { // 获取光标对象 var range = selection.getRangeAt...// 在光标位置处插入新的表情内容 textNode.insertData(rangeStartOffset, emojiInput.value);...// 添加了新内容，将光标移动到新的位置 range.setStart(textNode, rangeStartOffset + emojiInput.value.length
复制光标所在的向下n行。 –> p,P : p 为将已复制的数据粘贴到光标的下一行，P则为贴在光标的上一行。 ...2.2 编辑模式： a) i, I : 在光标所在处插入输入文字，已存在的文字向后退。i 为‘从当前光标所在处插入’，I 为‘在当前所在行的一个非空格符处开始插入’。 ...b) a, A : a 为‘从当前光标所在处的下一个字符开始插入’。A 为‘从光标所在行的最后一个字符处开始插入’。 c) o,O : 这是英文o的大小写。...o为‘在当前光标所在行的下一行处插入新的一行’。O表示‘在当前光标所在行的上一行插入新的一行’。 d) r,R : 替换：r 会替换光标所在的那一个字符。...---- 往期精选文章 ES6中一些超级好用的内置方法 浅谈web自适应 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全 WEB前端性能优化常见方法
Ctrl + Shift + Enter 在当前行上插入新的一行 Ctrl + Shift + \ 匹配花括号的闭合处，跳转 Ctrl + ] / [ 行缩进 Home 光标跳转到行头 End 光标跳转到行尾...全字匹配 ---- #多行光标操作于选择 快捷键 作用 Alt + Click 插入光标-支持多个 Ctrl + Alt + up/down 上下插入光标-支持多个 Ctrl + U 撤销最后一次光标操作...Shift + Alt + I 插入光标到选中范围内所有行结束符 Ctrl + I 选中当前行 Ctrl + Shift + L 选择所有出现在当前选中的行-操作 Ctrl + F2 选择所有出现在当前选中的词汇...-操作 Shift + Alt + right 从光标处扩展选中全行 Shift + Alt + left 收缩选择区域 Shift + Alt + (drag mouse) 鼠标拖动区域，同时在多个行结束符插入光标...Ctrl + Shift + Alt + (Arrow Key) 也是插入多行光标的[方向键控制] Ctrl + Shift + Alt + PgUp/PgDown 也是插入多行光标的[整屏生效]
Ctrl + C 复制 Alt + up/down 移动行上下 Shift + Alt up/down 在当前行上下复制当前行 Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新的一行...Ctrl + Shift + Enter 在当前行上插入新的一行 Ctrl + Shift + | 匹配花括号的闭合处，跳转 Ctrl + ] / [ 行缩进 Home 光标跳转到行头 End 光标跳转到行尾...| 插入光标-支持多个| |Ctrl + Alt + up/down |上下插入光标-支持多个| |Ctrl + U |撤销最后一次光标操作| |Shift + Alt + I|...插入光标到选中范围内所有行结束符| |Ctrl + I |选中当前行| |Ctrl + Shift + L |选择所有出现在当前选中的行-操作| |Ctrl + F2| 选择所有出现在当前选中的词汇...| 鼠标拖动区域，同时在多个行结束符插入光标| |Ctrl + Shift + Alt + (Arrow Key) |也是插入多行光标的[方向键控制]| |Ctrl + Shift + Alt
或者end表示移动到这一行最后面字符处 5.H，M，L分别对应光标移动到这个屏幕的最上方，中央，最下方那一行的第一个字符处 6.G移动到这个文件的最后一行 7.nG，光标移动到这个文件的第n行...举个例子： 现在有一个文件里面的内容是四行字符串如下 One Two Three Four 我现在使用dd指令分别按顺序删除One，Two，Three三行。...现在文件是状态3， 这个文本只剩下Four这个字符串了，此时我连续按下两次u，则会按顺序先恢复到 状态2，在恢复到状态1。现在文件是状态1有三行内容Two，Three，Four。...- 一般模式切换到编辑模式 1.i，I 进入到插入模式，i为从目前光标处插入，I为目前所在行第一个非空格字 符处开始插入 2.a，A 进入到插入模式，a为从目前光标所在的下一个字符处开始插入，A为光标...所在行最后一个字符处开始插入 3.o，O 进入到插入模式，o光标目前所在行下一行开辟新的一行开始插入，O光标 目前所在行上一行开辟新的一行开始插入 r，R 进入替换模式，r只会替换光标所在的那个字符一次
SetSyntax:javascript.表示当前文本语法为js。...Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。 ctrl+shif+鼠标右键：添加编辑光标，实现多行同时编辑。...Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。 Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。...Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。 Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。...Ctrl+Shift+D 复制光标所在整行，插入到下一行。 Tab 向右缩进。 Shift+Tab 向左缩进。 Ctrl+K+K 从光标处开始删除代码至行尾。 Ctrl+Shift+K 删除整行。
四、Vim语法 4.1 ⭐️ vim语言的语法规则 动词 + 名词 动词是动作 y 复制 p 粘贴到光标后 P 粘贴到光标前 d 删除文本 D 从光标处，删除改行的末尾 c 删除文本，与d...nG: 跳转到第n行 nj: 光标处开始，向下n行 nk: 光标处开始，向上n行 d: 删除操作符 y: 复制操作符 c: 删除插入操作符 p: 粘贴到光标后操作符...o: 这个小o是非常的有用，在当前光标位置的下方自己给新起一行开始输入文本 O: 这个是与小o对应，在当前行的上一行开始新加一行并开始输入文本 s: 删除当前光标处字符，并开始输入内容 S:...存值到寄存器中的操作： y: 复制 c: 删除并进入插入模式 [需要跟名词] d: 删除 [需要跟名词] s: 直接删除光标处字符并进入插入模式 S: 直接删除光标所在行内容并进入插入模式 x: 直接删除处于光标处字符...:put与ap的区别在于，前者是新起一行插入寄存器内容，后者在光标位置之后插入。
但是好像现在会出错，具体设置内容在vsc找到插件看详细信息。...Ctrl+Enter 在当前行上方插入一行Ctrl+Shift+Enter 光标相关 移动到行首：Home 移动到行尾：End 移动到文件结尾：Ctrl+End 移动到文件开头：Ctrl+Home...移动到后半个括号 Ctrl+Shift+] 选中当前行Ctrl+i（双击） 选择从光标到行尾Shift+End 选择从行首到光标处Shift+Home 删除光标右侧的所有字Ctrl+Delete...Ctrl+U 重构代码 跳转到定义处：F12 定义处缩略图：只看一眼而不跳转过去Alt+F12 列出所有的引用：Shift+F12 同时修改本文件中所有匹配的：Ctrl+F12 重命名：比如要修改一个方法名...，可以选中后按F2，输入新的名字，回车，会发现所有的文件都修改过了。
Ctrl + C 复制 Alt + up/down 移动行上下 Shift + Alt up/down 在当前行上下复制当前行 Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新的一行...Ctrl + Shift + Enter 在当前行上插入新的一行 Ctrl + Shift + | 匹配花括号的闭合处，跳转 Ctrl + ] / [ 行缩进 Home 光标跳转到行头 End 光标跳转到行尾...快捷键 作用 Alt + Click 插入光标-支持多个 Ctrl + Alt + up/down 上下插入光标-支持多个 Ctrl + U 撤销最后一次光标操作 Shift + Alt + I 插入光标到选中范围内所有行结束符...Ctrl + I 选中当前行 Ctrl + Shift + L 选择所有出现在当前选中的行-操作 Ctrl + F2 选择所有出现在当前选中的词汇-操作 Shift + Alt + right 从光标处扩展选中全行...Key) 也是插入多行光标的[方向键控制] Ctrl + Shift + Alt + PgUp/PgDown 也是插入多行光标的[整屏生效] 丰富的语言操作 快捷键 作用 Ctrl + Space
在这个模式下是不能插入字符的 按“i”键，然后就进入到插入模式了，屏幕下面有个“–INSERT–”标识，很明显的 现在就能写你的文档了， 写完后按“Esc“键就又回到命令模式了； 2、命令模式 在命令模式下...按 “x” 删除光标处的字符; “u” 恢复上一个操作的命令，相当于撤销; 以y开头的都是复制 “yw” 复制光标处的单词 “yl” 复制光标处的字母 “yy” 复制一整行 “yny” n为数字...“p” 就是粘贴了，粘贴到光标处 以d开头的都是删除 “dw” 删除一个单词 “dl” 删除一个字母 “dd” 删除一整行 “dnd” n为数字，删除n行； 基本的命令就是这些，当然还有一些特殊的...“i” 在光标处插入字符 “I” 光标所在行的行首插入字符 “o” 光标所在行的下一行新行插入字符 “O” 光标所在行的上以行新行插入 “s” 删除光标所在字符并插入字符 “S” 删除光标所在行并插入字符...“a” 光标所在字符的下一个字符插入 “A” 光标所在行的行尾插入字符 “gg” 光标移动到首行 “G” 光标移动到尾行 3、底行模式 最后就是底行模式了，命令模式下按“:”，光标就到最后一行了
我们在打开vim后编写内容后按ESC即可进入正常模式： 插入命令 插入命令简称AIO，主要是这三个字母的大小写组成了6个命令。...（在命令模式中按如下字母即可实现） a在光标所在字符后插入 A在光标所在行尾插入 i在光标所在字符前插入 I在光标所在行行首插入 o在光标下插入新行 O在光标上插入新行 定位命令 这几个命令还是非常实用的...x删除光标所在处字符 nx删除光标所在处后n个字符 dd删除光标所在行，ndd删除n行 dG删除光标所在行到文件末尾内容 D删除光标所在处到行尾内容 :n1,n2d删除指定范围的行（如：23，44d)...yy复制当前行 nyy复制当前行以下n行 dd剪切当前行 ndd剪切当前行以下n行 p`p粘贴在当前光标所在行下或上 替换和取消命令 可能最后一个最常用 r取代光标所在处字符（双击） R从光标所在处开始替换字符...保存修改并退出（文件所有者及root可使用） 最后怎么说呢，Vim现在学校好像也没要求大家用，可能是操作系统的缘故，因为大家一般主流的还是windows操作系统，Linux个人用户还是比较少的，最可能是因为它的命令模式
，此时我们输入字符会发现并不会有字符被写入，因为现在处于命令模式，顾名思义，就是只能输入命令的模式，如果想输入内容，需要先进入插入模式，单按 i 即可进入插入模式 现在可以愉快的编写内容了！...各种指令不在生效 ，我们编辑内容是在插入模式中进行的，vim 模式支持语法高亮，前提是文件的后缀要与代码内容匹配 进入插入模式的方法： 通过 Ins 键切换 通过 i 切换，切换后光标停留在原位 通过...a 切换，切换后光标会回退一格 通过 o 切换，切换后会新起一行 进入方式有很多，一般是通过 i 直接切换 底行模式 底行模式比较特殊，是否进入底行模式的标志为 vim 下方是否有 : 如果有，说明现在处于底行模式...，先按 r 触发替换，然后输入待替换字符，输入完成后，光标处字符就会被替换 配合数字，将光标往后 n 个字符全部替换为待替换字符 //命令模式下 r //进行字符替换，默认替换当前光标处字符 nr //...替换当前光标往后 n 个字符 R 替换模式 r 只能用于逐字符的替换，如果涉及修改的字符过多，且都为不同值时，需要进入替换模式，单按 R 进入替换模式，此时输入的字符会实时替换光标处的字符，换句话说，现在能够直接替换单词
• Ctrl+M 光标移动至括号内结束或开始的位置。 • Ctrl+Enter 在下一行插入新行。举个栗子：即使光标不在行尾，也能快速向下插入一行。...• Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。 • Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。...• Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。...• Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。 • Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。...• Ctrl+K+K 从光标处开始删除代码至行尾。 • Ctrl+Shift+K 删除整行。 • Ctrl+/ 注释单行。 • Ctrl+Shift+/ 注释多行。
请随意在屏幕内移动光标，直至您觉得舒服为止。 2. 按下下行键(j)，直到出现光标重复下行。 ---> 现在您应该已经学会如何移动到下一讲吧。 3. 现在请使用下行键，将光标移动到第二讲。...~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 第六讲第一节∶打开类命令 ** 输入 o 将在光标的下方打开新的一行并进入插入模式...请将光标移动到本节中下面标记有 ---> 的那一行。 2. 接着输入小写的 o 在光标 *下方* 打开新的一行并进入插入模式。 3....输入小写的 o 可以在光标下方打开新的一行并将光标置于新开的行首，进入 插入模式。...输入大写的 O 可以在光标上方打开新的一行并将光标置于新开的行首，进入 插入模式。 2. 输入小写的 a 可以在光标所在位置之后插入文本。
02、实操 Vim 俗话说，“光说不练假把戏。”咱们直接上手来体验一把。键入 vim xxx 命令。如下图所示。 ? 随后敲回车键，就进入 xxx 文件的阅读模式了。如下图所示。 ?...在插入模式下按 esc 键退回到阅读模式。郑重其事的提醒：如果你不知道现在处于什么模式，就狂按 esc 键。...除了 i 键可以进入插入模式，还有其他几个键可以进入插入模式，比如说 a 键可以在光标后插入；o 键可以在当前行后插入；0 键可以在当前行前插入。 键入 dd 删除当前行，并把删除的行存到剪贴板里。...通过 vim hello.txt 打开一个新的文本文件。...04、结语 如果你想在手头备一份 Vim 的帮助手册，免得在用 Vim 的时候四处搜索，实话告诉你，我替你准备了，就是这么贴心。
； 按「o」进入插入模式后，是插入新的一行，从行首开始输入文字。...n”）; 现在使用b命令，由于光标处于该字中间，所以光标移动到本字字首“H”处： printf（“Hello Mr.Huang!"...~ ~ 由此例可以看到，光标本来是在第一个“!”处，但是由于是从光标所在位置前开始插入，所以这个“!”就被挤到了新插入的文本之后。 I命令 该命令是将光标移到当前行的行首，然后在其前插入文本。...~ ~ 新输入的文本出现在原来文本所在行的下一行。 O命令 和o命令相反，O命令是在光标所在行的上面插入一行，并将光标置于该行的行首，等待输入文本。...此时Vi将把待移动的文本行从文件中删除，并将其放入到1号删除寄存器中； 将光标移动到目的行处； 按² 1p将待移动的文本行从删除寄存器中取出。 此时待移动的文本行就出现在目的位置处了。
这个插件会自动解析任何一个函数并且为你准备好合适的模板 5.SFTP 快速编辑远程服务器文件 6.SublimeLinter 行内语法检测插件，支持： C/C++, Java, Python, PHP, js...常用快捷键（MAC 下） 符号说明 ⌘：command ⌃：control ⌥：option ⇧：shift ↩：enter ⌫：delete 打开/关闭/前往 快捷键 功能 ⌘⇧N 打开一个新的...⌃⇧- 光标恢复位置 编辑 快捷键 功能 ⌘A 全选 ⌘L 选择行（重复按下将下一行加入选择） ⌘D 选择词（重复按下时多重选择相同的词进行多重编辑） ⌃⇧M 选择括号的内容 ⌘⇧↩ 在当前行前插入新行...⌘↩ 在当前行后插入新行 ⌃⇧K 删除行 ⌘KK 从光标处删除至行尾 ⌘K⌫ 从光标处删除至行首 ⌘⇧D 复制（多）行 ⌘J 合并（多）行 ⌘KU 改为大写 ⌘KL 改为小写 ⌘C...） ⌘⇧U 软重做（可重做光标移动） ⌘⇧S 保存所有文件 ⌘] 向右缩进 ⌘[ 向左缩进 ⌘⌥T 特殊符号集 ⌘⇧L 将选区转换成多个单行选区 查找/替换 快捷键 功能 ⌘f 查找
重复可选着括号本身：Ctrl+Shift+M注释当前html标签块：Ctrl+Shift+-/专注编写模式：Shift+F11分屏显示：Alt+Shift+数字123456Ctrl+Enter 在下一行插入新行...，举个栗子：即使光标不在行尾，也能快速向下插入行。...Ctrl+Shif+Enter 在上一行插入新行。举个栗子：即使光标不在行首，也能快速向上插入一行。...Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。...Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。Ctrl+K+K 从光标处开始删除代码至行尾。Ctrl+Shift+K 删除整行。
要求可以对前台用户的作品进行评论，而评论要可以输入表情，常规的文字输入框都是用的文本域textarea来做的，但这种输入框只能输入文字，没有办法输入表情图标，这个时候可编辑div就能起到作用了，那么如何在可编辑的div中插入表情呢...selection 对象由 window.getSelection() 方法获得，它代表页面中的文本选区，选区对应的区域，而range对象，可由selection对象的 getRangeAt() 方法获得，实现在光标处插入图片后将光标移到图片后边...基本的实现步骤是这样的，首先获得 selection 选区对象，再获得范围对象 range，创建图片节点，将图片节点插入到范围中，接着将范围收缩为它末端的一个点，最后将选区清除，将收缩后的范围重新添加到选区中即可...range = sel.getRangeAt(0); var img = new Image(); img.src = src; // 插入图片...range.insertNode(img); // 将选区折叠为一个插入点，为了兼容IE添加一个参数 range.collapse
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
