淘宝flexible.js文件实现弹性布局

淘宝flexible.js到底是用来做啥的

优点
1、 提供了用一套 css 去适应多种屏幕的方法 *
2、不用考虑适应屏幕的高宽比、物理尺寸等，切图成本比较低

缺点
只用这个方案去做，得到的是一个静态布局，所有的东西都是没有流动性的，比如横竖屏改变布局的响应式布局就做不了！

现在慢慢没多少人使用这个方法了吗？ 现在比较流行的是vh吗？

立即执行函数：

立即执行函数： 不需要调用， 能够自己立即执行的函数
立即执行函数最大的作用是独立创建了一个作用域,里面的变量都会是局部变量,不会有命名冲突的情况

//一个页面有两个立即调用函数  中间要用分号
//两种区别只是  最后的小括号 是否在 最开始的小括号里面；
//这个小括号可以看作是已经调用上面的函数
//(function() {})();  和  (function() {}() )   

(function(a, b) {
            console.log(a + b);
        })(1, 2);
        
(function(a, b) {
            console.log(a + b);
            var num = 10; //局部变量
        }(2, 3));

pageshow与load 区别

功能：重新加载页面(a\f5 \ 前进后退)触发的事件
pageshow:全部浏览器都能重新加载
load:在火狐上会缓存不重新加载，所以不会重新计算

淘宝flexible.js源码

// 立即执行函数
(function flexible(window, document) {
   

    //这个是HTML的根元素
    var docE1 = document.documentElement;

    //dpr 物