[JavaScript知识库]项目小get20211128-29

_.camelCase

_.camelCase

匹配连字符 ‘-’ 和其后的第一个字母或数字，如果是字母，则替换为大写，如果是数字，则保留数字
匹配 IE 中的 ‘-ms-’，替换为 ‘ms-’，这是因为 IE 中，‘-ms-’ 对应小写的 ‘ms’，而不是驼峰式的 ’Ms‘
camelcase

e.preventDefault() 阻止默认操作

阻止默认操作
默认操作 具体指的是什么呢？看如下实例：
把单击事件处理程序注册到一个锚元素，而不是一个外层的上，那么就要面对另外一个问题：当用户单击链接时，浏览器会加载一个新页面。
当用户在编辑完表单后按下回车键时，会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。这种行为与我们讨论的事件处理程序不是同一个概念，它是单击标签元素的默认操作。

Vue中ref和$refs的介绍及使用

在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。

ref和$refs

在 vue中使用 html5 的 drag和 drop 拖拽功能

我们现在用的框架是vue，提倡的是尽量不操作dom，而 html5中的 drag 和 drop 是拖出当前选中元素，再放到设置了dragover的目标元素中，不符合vue的理念，而且操作dom改变目前布局也不利于我们去保存数据，所以就想到了个一个既不操作dom又能实现拖拽的功能。

function dropOver(e){
  e.preventDefault(); // 在拖动中阻止默认事件
}
function drag(e){
	// 开始拖动
    e.dataTransfer.setData("Text",e.target.id);
}

function drop(e){
  e.preventDefault();
  // 将拖动元素旋转到目标区域中
  var data=e.dataTransfer.getData("Text");
  e.target.appendChild(document.getElementById(data));
}

drag和 drop 拖拽功能

HTML中的aria-hidden属性

现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode
字符。为了避免屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时），我们为这些图标设置了
aria-hidden=“true” 属性。
aria-hidden

e的指什么？

currentTarge中, e指代绑定事件元素
target中,e指代触发事件元素