前端知识每日3+1_第3天

• HTML: 全局属性(global attribute)有哪些（包含H5）？
• CSS: 在页面上隐藏元素的方法有哪些？
• CSS: 在页面上隐藏元素的方法有哪些？
  HTML：

全局属性：用于任何HTML5元素的属性

accesskey:设置快捷键
class:为元素设置类标识
contenteditable:指定元素内容是否可编辑
contextmenu:自定义鼠标右键弹出上下文菜单内容（仅firefox支持）
data-*:为元素增加自定义属性
dir：设置元素文本方向（默认ltr；rtl）
draggable:设置元素是否可拖拽
dropzone:设置元素拖放类型（copy|move|link,H5新属性，主流均不支持）
hidden:规定元素仍未或不在相关
id:元素id，文档内唯一
lang:元素内容的语言
spellcheck:是否启动拼写和语法检查
style:行内css样式
tabindex:设置元素可以获得焦点，通过tab导航
title:规定元素有关的额外信息
translate:元素和子孙节点内容是否需要本地化（均不支持）

CSS:

占位:
visibility: hidden;
margin-left: -100%;
opacity: 0;
transform: scale(0);
不占位:
display: none;
width: 0; height: 0; overflow: hidden;
仅对块内文本元素:

text-indent: -9999px;
font-size: 0;

JS:

function delLast(str, target) {
  return str.split('').reverse().join('').replace(target, '').split('').reverse().join('');
}

const str = delLast('asdfghhj', 'h')

console.log(str) // asdfghj 

jhhgfdsa
asdfghj

split()： 方法用于把一个字符串分割成字符串数组。
reverse()： 方法用于颠倒数组中元素的顺序。
join() ：方法也就是把数组中的所有元素以字符串的形式输出
replace()方法用于在字符串中用一些字符替换另一些字符，或者替换一个与正则表达式匹配的子串。返回替换后的字符串，且原字符串不变。


function delLast(str,target) {
  let reg =new RegExp(`${target}(?=([^${target}]*)$)`)
  return str.replace(reg,'')
}