今天是 2021 年的最后一天了，明天就是 2022 年。回顾过去一年，要特别感谢大家对我的支持。
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
打开文件之后默认就是命令模式，可以通过方向键移动光标的位置，也可以通过 k/j/h/l 上下左右移动光标的位置。
https://www.zhihu.com/zvideo/1380450791975731200
前端可视化插件神器，配合谷歌浏览器一起使用。本质是监控文件修改，实时刷新浏览器，需要安装livereload插件和node.js插件，全局刷新
上一篇文章我们讲了为什么以及如何用 transform、width 和 height 表达图形。
Sublime Text 是一款代码编辑器，其具有漂亮的界面和强大的功能，如：代码缩略图，Java、JavaScript、Python语言插件，代码段补充等并且Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
这边文章https://blog.csdn.net/liuxiao723846/article/details/106732401 介绍了Ace的使用，本文围绕Ace的api深入介绍其具体功能。
下载地址http://www.sublimetext.com/3 一、安装Package Control 按Ctrl + ` 调出console，粘贴下列安装代码到底部命令行并回车：
Sublime快捷键与常用插件配置总结 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 Sublime快捷键与常用插件配置总结 1. 快捷键 2. 安装Package Control 2.1 命令行安装： 2.2 手动安装 3. 插件安装卸载
但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：
相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,然而工欲善其事必先利其器,好的工具就是成功的一半,最近一直都在想着,怎么样提高自己的效率,如果总是复性的劳动一件事情,时间久了,觉得是毫无意义的,让自己远离刀耕火种的时代,提高效率,同时也是为了减少手残腰椎痛(说得好像不是搬砖的,可是我依旧是个搬砖的),那么今天就我平时的使用跟大家分享一款自己喜欢编辑sublinmeText3,本文适合小白,有志于解脱鼠标手崇尚键盘侠的键客,对于它的使用和学习,我也一直在摸索中,初学者学习笔记使用心得,希望对正在路上的你有些用…
我们打算做一个简易版的 Web Terminal 去解决这个问题。笔者就是在这个背景之下开始了对于 Web Terminal 的调研，写下了这篇文章。
syntax-parser 是一个 JS 版语法解析器生成器，具有分词、语法树解析的能力。
v-model="变量"，变量值与表单的value相关，placeholder属性是input框的默认值，v-model可以实现数据的双向绑定，变量的值可以影响表单标签的值，反过来标签的值也可以影响变量的值。
http://www.cnblogs.com/jikey/archive/2012/01/16/2323590.html
1. 文件快速导航： 这是sublime上面很好用的功能之一， ctrl+p可以调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，可以在已打开的项目文件夹中进行快速文件名导航，而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便， 并且在该窗口里加上:前缀即为行跳转(ctrl+G)， 加上@(ctrl+R)前缀在html里是id 关键字导航，css里是每条规则导航，js里则是每个function导航。 2. 命令行模式 ctrl+` 可以调出命令行
****Shortcut Key Usage**** Shortcut Function Esc 切换到代码编辑状态 F1 查看帮助（选中某一类或函数，按下F1，出现帮助文档） F2 在光标选中对象的声明和定义之间切换（和Ctrl+鼠标左键一样的效果，选中某一类或函数，按下F2，迅速定位到该类或函数声明的地方或被调用的地方） F3 查找下一个 F4 头文件和源文件之间切换 F5 开始调试/继续执行 F9 设置和取消断点 F10 单步跳过 F11 单步进入 Shift + F2 声明和定义之间切换 Shift
==Ctrl== Ctrl + Y 删除行 ctrl + X 剪切行 Ctrl + N 查找类 Ctrl + R 替换 Ctrl + O 选择可覆盖/继承的方法 Ctrl + F 当前代码（文件）中查找 Ctrl + J 自动代码提示（提示的是自己定义的代码格式） Ctrl + D 复制行或是块(默认是这个意思)(但是我一般习惯改成专门复制行,不包括块,搜索Duplicate Lines) Ctrl + P 方法参数提示显示 Ctrl + W 选中光标所在的单词 ，连续按会有其他效果 (相反的是Ctrl+Shift+W) Ctrl + Q 鼠标放在变量/类名/方法名等上面（也可以在提示补充的时候按），显示文档内容，同类似的功能还有一个Ctrl + Shift + I Ctrl + B 快速打开光标处的类或方法（对于前端支持很好,比如可以直接通过class的name定位到css的文件位置）(等同于ctrl+光标指向) Ctrl + E 最近打开的文件 Ctrl + U 前往父类的方法/父类 Ctrl + K VCS提交项目 Ctrl + T VCS更新项目 Ctrl + G 跳到指定行 Ctrl + H 显示类层次图 Ctrl + F1 显示错误 Ctrl + F3 调转到所选中的词的下一个同名位置 Ctrl + F9 编译 Ctrl - F12 当前编辑的文件中快速导航(可以直接键入字母，IntelliJ IDEA会筛选你输入的来匹配对应是否有的方法，来快速定位)(类似结构图) Ctrl + F11 弹出一个小框来指定式添加书签(可以对文件或文件夹起作用) Ctrl + Tab 编辑窗口切换 (如果在切换的过程又加按上delete,则是关闭对应选中的窗口) Ctrl + delete 删除光标后面的单词 Ctrl + home/end 跳到文件头文件尾 Ctrl + BackSpace 删除光标前面的单词 Ctrl + [ 或 ] 移动光标到块的初/末括号地方 Ctrl + / 或 Ctrl+Shift+/ 注释（// 或者/.../ ） Ctrl + 1，2，3，4.... 快速定位到书签代码处(必须先Ctrl+Shift+1,2,3,4...添加书签) Ctrl + 空格 代码补全提示(因为windows默认被输入法给占用了,可以自己更改下) Ctrl + 小键盘+/- 折叠/展开代码 Ctrl + 鼠标单击编辑窗口的文件标题 弹出该文件路径,可以通过这个打开文件所在地方(相当于Ctrl+alt+F12) Ctrl + 方向左/右 光标跳到上/下个单词 Ctrl + 方向上/下 相当于你用鼠标滑滚轮(为了方便鼠标党) ================================================== ==Alt== Alt + 1 打开/关闭project选项卡 Alt + 这个键是Tab上面那个，按下之后，如果项目有版本控制，则显示常用的版本控制命令 Alt + A 在SVN中把新创建的文件加入进来（自己添加，在Subversion类别） Alt + Q 查看方法的声明(在左上角出现一个Tip层提示)，你无需滚动上去查看 Alt + F1 弹出文件选择目标，这个很好用的 Alt + F2 多个浏览器预览 Alt + F3 选中文本，逐个往下查找相同文本，并高亮显示。 Alt + F7 查看该方法/变量/类被调用的地方 Alt + F8 在debug的状态下，选中某些变量或是对象，按此快捷键弹出可输入变量、方法的调试框，指定查看该内容的debug情况 Alt + Home 跳到文件导航bar Alt + Insert 生成代码(如get,set方法,构造函数等) Alt + 方向键 左 或 方向键 右 切换当前打开的代码文件视图 Alt + 方向键 上 或 方向键 下 在方法间快速移动定位 Alt + 鼠标左键单击不放,拖动 可以直接方块区域选择（很有用） Alt + 回车 快速修复(可以用来导入单个包) ================================================== ==Shift== Shift + F6 重构：重新命名 Shift + F11 查看书签 Shift + F10 Run(运行)当前程序，相当于点击run按钮 Shift + F9 debug当前程序，相当于点击debug按钮 Shift + end 选中从光标到end处 Shift + home 选中从光标到home处 Shift + Enter 光标所在行下空出一行，光标跳下 Shift + 单击 可以关闭文件 Shift + 滚轮 横向滚动轴滚动(非常强大)
一个开发平台，像java开发平台一样，使用编程语言，javascript,基于chrome V8引擎构建
在ThingJS中有许多的官方示例，很直白也很容易被使用者查看和使用，但是在开发的过程中有一个非常有用的功能非常容易被忽视，大多数的人只是快速浏览了一遍这些官方示例，有时候并没有浏览完整就开始尝试开发。实际上，除了官方示例，ThingJS的快捷代码功能也非常方便！可以直接将所需代码添加到所编辑的项目文件（光标所在位置）中。
VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。这里只讲在前端开发中的使用。
你知道全球73%的开发者都依赖于同一个代码编辑器吗？是的，2023年Stack Overflow开发者调查结果已经出来了，而且再次证明，Visual Studio Code是迄今为止使用最广泛的开发环境。
在屏幕上隔空作画是近来新兴的一种有趣应用，其中涉及复杂的手部跟踪技术，这类技术成熟之后可用于提升应用程序的交互体验。此前机器之心曾报道过可以隔空写字、绘图的有趣项目「air-drawing」，该项目利用深度学习工具使得用户在配有摄像头的电脑端就可获得自己的手势姿态估计成像图。
JavaScript」运行在客户端的脚本语言，不需要编译，由js解释器(js引擎)逐行解释执行。Node.js也可以
在前边初探富文本之CRDT协同算法一文中我们探讨了为什么需要协同、分布式的最终一致性理论、偏序集与半格的概念、为什么需要有偏序关系、如何通过数据结构避免冲突、分布式系统如何进行同步调度等等，这些属于完成协同所需要了解的基础知识，实际上当前有很多成熟的协同实现，例如automerge、yjs等等，本文就是关注于以yjs为CRDT协同框架来实现协同的实例。
之前一直以为开发VS code插件是一件很难的事情，后来工作上需要搞一个效率小工具，就试着找了些资料来入门，发现其实就入门和开发一些简单功能的插件来说难度还是很低的。因为vscode本身是基于electron开发的，所以总体来说开发插件就是在写node代码，额外再加一些编辑器api，插件发布的过程和npm包的发布很类似。
在Fiberplane，我们最近遇到了一个有趣的挑战：我们正在使用的富文本编辑器库已经过时了。我们曾经使用Slate.js——一个很好的编辑器——但是当我们为协作编辑实现我们自己的富文本基元时，我们发现我们自己的基元和Slate的数据模型之间的脱节是一个阻碍因素。所以我们开始思考——如果我们建立自己的富文本编辑器（RTE, Rich Text Editor）会怎样？
惯常来讲，IDE和编辑器是2个产品类别。 IDE侧重于某种语言的语法分析、提示、转到定义、调试。 而编辑器则是对通用文本处理，但提供更高效的通用文本处理能力。 上一代HBuilder是一个典型的IDE，语言处理非常强大，但在字处理方面客观讲不如优秀的编辑器。 而新的HBuilderX，定位是IDE和编辑器的完美结合，那么HBuilderX就会提供世界顶级的高效字处理能力。 看完这些，你一定会惊叹，原来极客是这么玩。
├── app.js 应用程序逻辑 ├── app.json 页面路径(默认显示第一个)，全局应用程序配置 ├── app.wxss 应用程序公共样式 ├── pages 页面目录 │ ├── index index 页面 │ │ ├── index.js 页面入口，index页面逻辑 │ │ ├── index.wxml index页面结构 │ │
问题1 选中input 部分内容， 可以使用 selectionStart、 document.selection、 createRange、 createTextRange 等 API 来实现，具体不在此处展开说明。
VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧：
有些页面的内容不是打开页面时直接加载的，需要我们滚动页面，直到页面的位置显示在屏幕上时，才会去请求服务器，加载相关的内容，这就是我们常说的懒加载。还有就是在日常工作和学习中，经常会遇到我们的页面内容较多，一个屏幕范围无法完整展示内容，我们就需要滚动滚动条去到我们想要的地方，所以有时候我们就需要操作滚动条向下滚动的操作。其实前边的文章也提到过滚动条的操作，今天主要是将各种宏哥知道的方法进行一下汇总和总结，方便大家查找和学习。
最近文档很火，老板也要。我也很感兴趣，于是入坑学习实践了一番。一眨眼就是一年过去了，项目初见成效，但是发现困难和挑战也越来越棘手。于是深入研究改编了一下源码，为后面重写源码做准备。
目录 1. 简介 2.安装步骤 3.目录说明 4.启动配置 5.配置空间 6.首次启动 7. Web服务器(Tomcat)的配置 8. idea所有板块的使用 必用的插件 必用快捷键 ---- 1. 简介 1.1 IDEA 全称 IntelliJ IDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一， 尤其在智能代码助手、代码自动提示、重构、 J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、 代
前段时间在使用 Travis CI 的时候发现它的部署日志包含了很多带色彩的日志。
我就佩服我这个钻研精神,涉及到前端的东西,什么东西我都能给你扯上一段.在工作咸鱼之际,也绝不放过自己,一颗奔腾的心永远保持着对技术的热爱与追求. 中华文化上下五年前,二近代文明的信息化却不是从中国诞生的,我真是深表遗憾.恨自己生不逢时.没有创造出A语言,碾压C语言,没有第一个创造计算机......啊,不知不觉扯远了.
但是作为一个编辑器之神， 却一直保持着一个非常高傲的姿态，不像打开一个记事本，一个智商正常的人瞬间就能明白记事本怎么用，但是打开vim就算是天才自己慢慢琢磨估计一会。
快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home
光标位置回忆上次内容上次了解了 新的转义模式 \33 逃逸控制字符 esc 这个字符让输出退出标准输出流进行控制信息的设置 可以设置光标输出的位置ASR33中的ALT MODE 是 今天的ESC吗？？？？🤔查询文档http://bitsavers.org/communications/teletype/33/310B_Vol_1_33_Teletypewriter_Sets_Technical_Manual_Sep74.pdf在当时还没有esc键的时候 使用ctrl + shift + k实现esc效果
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
通过我们对外部物体的感官体验，可以有效地控制外部物体。为了研究因果关系的学习和影响方式，研究人员设计了一种使用宽场钙信号(wide-field calcium signals)的脑机接口(BMI)任务。老鼠学会了在任意一对大脑皮层区域的活动模式来引导视觉光标到目标位置以获得奖励。正常相关的大脑区域可以快速重新配置，以一种依赖于感觉反馈的方式对光标施加控制。当熟练(经过多次训练后)的动物控制游标时，较高的视觉皮层参与度更高。当老鼠控制游标时，高级视觉皮层的个体神经元对游标的反应比被动观看游标时更强烈，当游标接近目标位置时，反应最强。因此，因果关系受控对象的表示对意图和接近对象的目标很敏感，从而有可能增强感官反馈以实现更流畅的控制。
在使用VSCode的过程中，经常遇到很多需要重复写的简单代码，如果有快捷键可以快速生成这些代码该多好。那么用户代码片段就可以帮你解决这个问题。
学会一个软技能，总结一篇文章就够了。 剩下要做的就是不停的练习，不停的尝试，本文是在学习这个仓库之后的极简总结中。 主要作为一个备忘录使用。
本文介绍了Vim编辑器的一些基本操作和技巧，包括模式切换、移动光标、快速跳跃、搜索和替换等。同时，还介绍了一些Vim的插件和扩展，以帮助用户更好地使用Vim编辑器。
https://code.visualstudio.com/docs/editor/userdefinedsnippets
挺久没写图形编辑器开发系列了，今天来讲讲控制点，它是图形编辑器的不可缺少的基础功能。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
