web-frontend base

html:

some tips:

  • data-: 用户自定义属性
  • base 元素 http-equiv 属性,例如 <meta http-equiv=“refresh” content=“5;http://…”> 是指 5sec 后重新载入指定 url
  • target 属性, 新页面跳转显示方式 [_self, _blank]
  • 删除元素 <s></s>

css:

样式应用总结:

  • 1看层叠次序
  • 2看selector-specificity分数,酌情考虑 !import
  • 3看定义次序
  • 4看继承关系,酌情考虑 inherit
  • css中绝对单位:

  • css中相对单位:

  • 布局相关:

    • float: 浮动[left, right, none],clear:阻止浮动元素堆叠[left, right, both, none]。
    • positioning: 定位元素内容[static, relative, absolute, fixed]
    • display:元素盒类型
      — inline ,元素占据行内的一段内容
      — block,元素占据一行
      — inline-block, 同inline 一样,不同是垂直方向上会有空行
      — box model:padding, margin, border;box-sizing: 尺寸应用到元素盒子哪一部分。
      — 布局:colume 多列布局;flex 弹性盒;table表格

js:

  • === 和 == 等同和相等,看类型与值。
    基本类型只是看值,对象类型看应用【类型】
    基本类型相等测试会类型转换

  • null和undefine,空值和未定义。

  • hasOwnProperty ,排除原型属性。

  • 原型

    • Object.create 构造一个已经存在的对象的新实例。
    • Object.prototype 所有通过对象字面量创建的对象会连接
    • Function.prototype 函数对象会隐藏连接到这上面。
  • 扩充类型的功能,通过原型
    内部 this 被绑定为实际上级对象。

  • 闭包: 内部函数会应用外部函数的上下文环境。