周总结——
总述
当看到最新公布的讲课名单之后,惊了一下,竟是第一个,瞬间慌的一批,然后便开始找讲课讲啥,讲课方知讲课难,事后发现只有多一块知识吃透之后才有可能讲的明白,另一个因素是讲课方式和表达能力。知识都没搞明白:结果——效果很差,结论——技术菜,需提升。
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键行为(缩进或移动焦点),有意无意触发了这个快捷键,所以出现这个问题,再按一下就切会来了。