2022-12-22 09:25:41
4.0 为3.0完整备份 3.0精简不常用方法，改为数据显示控件

2022-10-16 15:07:41
增加prefixHeight【预留高度参数】
height():其高度范围是所匹配元素的高度height；
innerheight():其高度范围是所匹配元素的高度height padding；
outerheight():其高度范围是所匹配元素的高度height padding border；
outerheight(true)其高度范围是所匹配元素的高度height padding border margin；



2022-06-08 14:39:59
取消head foot ul absolute
取消JS header ul top

            /*
            width() - 设置或返回元素的宽度
            innerWidth() - 返回元素的宽度（包含 padding）
            outerWidth() - 返回元素的高度（包含 padding 和 border）
            如需包含 margin，请使用 outerWidth(true)。
            */

================================

IE 10不支持let const
ECMAScript 2015(ECMAScript 6) 新特性
 
1. ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:  块级作用域的let和const

2. ES6中的箭头函数  => 箭头最神奇的地方在于他会让你写正确的代码。

===================================
display: inline、block、inline-block、flex和inline-flex
inline
共享一行
不能修改width、height属性，大小由内容撑开
padding属性 top、right、bottom、left设置都有效；margin属性只有left、right设置有效

block
独占一行，默认与父元素同宽
可以修改width、height属性
padding、margin四个方向的值设置均有效

inline-block
共享一行
可以修改width、height属性
padding、margin四个方向的值设置均有效

flex
独占一行
将对象作为弹性伸缩盒显示

inline-flex
共享一行
将对象作为内联块级弹性伸缩盒显示

指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify() 能够将 JavaScript 值转换成 JSON 字符串。JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。

============================================================
滚动条 
设置滚动条的CSS样式需要以下三个属性：
target::-webkit-scrollbar {} //定义了滚动条整体的样式，如宽度和高度；
target::-webkit-scrollbar-thumb{} //定义了内滚动条部分，也就是图中的红色区域；滑块颜色
target::-webkit-scrollbar-track{} //定义了滚动条轨道，也就是图中的蓝色区域；滚动条颜色

----------------------------------
/* 修改滚动条样式 .title_state为div盒子*/
.title_state::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    overflow-y: scroll;
}
.title_state::-webkit-scrollbar-thumb {
    background: red;
}
.title_state::-webkit-scrollbar-track {
    background: blue ;
}

<style scoped lang="scss">
::-webkit-scrollbar {
  width: 7px;
}
 
::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
 
::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
 
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
 
::-webkit-scrollbar-thumb:active {
  background-color: #aaa;
}
</style>
==============================================================