20190419

1 [html] HTML全局属性(global attribute)有哪些（包含H5）？

答：

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

  • id: 元素id，文档内唯一

  • class: 为元素设置类标识

  • title: 规定元素有关的额外信

  • style: 行内css样式

  • data-*: 为元素增加自定义属性

  • mulitp: 多选

  • accesskey: 设置快捷键

  • contenteditable: 指定元素内容是否可编辑

  • contextmenu: 自定义鼠标右键弹出上下文菜单内容（仅firefox支持）

  • dir: 设置元素文本方向（默认ltr；rtl）

  • draggable: 设置元素是否可拖拽

  • dropzone: 设置元素拖放类型（copy|move|link,H5新属性，主流均不支持）

  • hidden: 规定元素仍未或不在相关

  • lang: 元素内容的语言

  • spellcheck: 是否启动拼写和语法检查

  • tabindex: 设置元素可以获得焦点，通过tab导航

  • translate: 元素和子孙节点内容是否需要本地化（均不支持）

2 [css] 在页面上隐藏元素的方法有哪些？

答：

  • 占位:

    • opacity = 0

    • margin-left: -100%

    • position: relative; z-index = -1

    • position: relative; left: -100%

    • transform: scale(0)

    • visibility: hidden

  • 不占位:

    • display: none

    • width: 0; height: 0; overflow: hidden;

  • 仅对块内文本元素:

    • text-indent: -9999px;

    • font-size: 0;

3 [js] 去除字符串中最后一个指定的字符

答：

var str = 'ABCDEDF'
var delLast = function(str, target) {
  if (str.indexOf(target) === -1) {
    return str
  } else {
    return str.split('').reverse().join('').replace(target, '').split('').reverse().join('')
  }
}
delLast(str, 'D')
Previous20190420Next20190418

Last updated