[开发工具]周总结（7_26)

周总结——

总述

当看到最新公布的讲课名单之后，惊了一下，竟是第一个，瞬间慌的一批，然后便开始找讲课讲啥，讲课方知讲课难，事后发现只有多一块知识吃透之后才有可能讲的明白，另一个因素是讲课方式和表达能力。知识都没搞明白：结果——效果很差，结论——技术菜，需提升。

1、选择器封装

先放代码：

 var $=function(name){
 ? ? ? ? ? ?return document.querySelector(name);
 ? ? ?  };
 ? ? ? ?var aaa=$('#aaa'),
 ? ? ? ? ? ?bbb=$('.bbb'),
 ? ? ? ? ? ?ccc=$('.ccc'),
 ? ? ? ? ? ?ddd=$('.ddd'),
 ? ? ? ? ? ?eee=$('.eee');

这个效果正常获取元素的效果一样，其中的 $ 符号在这里就相当于一个函数名，根据个人习惯可以随意修改，个人看来比正常的代码看起来简洁一些，尤其是获取大量节点是效果比较明显。

然后插播一条小知识：

当一个标签使用id进行命名时，比如这个：

 <h1 id="aaa">这是一段文字</h1>

我们 js 中获取这个元素时无需

 ? ? ? ?var aaa = document.querySelector('#aaa');

获取这个获取操作，可以直接哪id进行属性的修改，此处以修改颜色为例：

        aaa.style.color = 'red' ? ?

2、关于键 Tab 缩进失灵问题

正常我们使用 Tab 的时候 都是向后缩进4个字节的距离，然后 Shift+Tab 为向前缩进4个字节的距离，但在VScode 中你可能会遇到一个问题：按一下Tab键不会缩进，反而是导航框在动，着实不方便。

原因：VsCode 提供的快捷键中有这样一个 Ctrl+ M 操作，其作用是切换Tab键行为(缩进或移动焦点)，有意无意触发了这个快捷键，所以出现这个问题，再按一下就切会来了。